Administra tu Blog

¡Crea tu Blog Ya! Fácil y Gratis

UbuntuTIC

13/11/2007 GMT 1

Diseño de páginas web

jennifer_sorinas @ 18:14

Hola, este es el resumen de la clase del miercoles 7 de noviembre.

Hasta ahora habíamos trabajado con el editor de textos, hoy hemos utilizado el editor Bluefish,con el que también podemos programar en phyton.

Después de un breve repaso de la clase del miércoles anterior hemos aprendido a utilizar nuevos elementos, listas, tablas y comentarios :

LISTAS

Lista ordenada

Para indicar que comenzamos la lista escribimos la etiqueta

ol y para acabar la lista cerramos con /ol

.
Los elementos de la lista deben de estar comprendidos entre las etiquetas

li elemento /li

.
La lista quedara ordenada, iniciando cada elemento con un número (estarán ordenados).
Ejemplo:

ol
li azul /li
li amarillo /li
li rosa /li
li
/ol

Quedará así:

  1. azul
  2. amarillo
  3. rosa
  4. /ol>

    Lista desordenada

    Se hacen de igual manera que las listas ordenadas, solo que le cambian las etiquetas, la de cabecera será

    ul y la que cierra será /ul

    .
    Los elementos de la tabla se introducen con la misma etiqueta

    li elemento /li

    .
    Esta vez la tabla no aparece ordenada por números, sino que la encabezan puntos o cualquier dibujo que queramos ponerle.
    Ejemplo:

    ul
    li azul /li
    li amarillo /li
    li rosa /li
    /ul

    Y aparecerá así:

    • azul
    • amarillo
    • rosa

    TABLAS

    Para insertar una tabla se debe encabezar con la etiqueta

    y cerrar con

    .
    Las filas (horizontales) van con la etiqueta

    .
    Las celdas (verticales) con la etiqueta

    .
    Ejemplo:

    Quedará así:
    azul amarillo rosa
    rojo violeta verde

    # Una ayuda del Bluefish para insertar las tablas: haciendo clic en "tabla" y una vez allí en "asistente de tabla", seleccionas las celdas y filas que quieras, aceptas y apareceran todas las etiquetas de tabla que has seleccionado.

    P.D. De ninguna de las formas por las que insertes la tabla aparecerán las lineas de la tabla, el como poner las líneas lo veremos más adelante.

    COMENTARIOS

    Si necesitas apuntarte algun dato o cosa para luego ayudarte en el diseño de la página, puedes escribir un comentario. Al visualizar la página web el comentario no se verá, sólo se verá en el código fuente de la página.
    Para escribir un comentario se deben utilizar las etiquetas para cerrarlo.
    Ejemplo:

    P.D. Para ver el código fuente de una página tienes que hacer clic en "Ver" y una vez allí seleccionar la opción "código fuente de la página"

    Esto es todo, hasta otro día.

    azul amarillo rosa
    rojo violeta verde
Comentarios

Un Comentario »

  1. Bien, Jenny. Pero en la edición del texto tienes los mismos problemas que Raquel; acuérdate de sustituir los caracteres especiales por sus códigos, si no no se visualizan.

    Fernando | 15-11-2007 - 10:26:10 GMT 1 #

Dejar un Comentario


<a href> <em> <blockquote> <strong> <cite> <code> <ul> <li> <dl> <dt> <dd>

Archivo | ¡Crea tu Blog Ya! Fácil y Gratis