Diseño de páginas web
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í:
- azul
- amarillo
- rosa
- /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 etiquetali 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
/ulY 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:azul amarillo rosa rojo violeta verde 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.

Meneame
del.icio.us
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 #