Aquí os dejo una serie de páginas (enlaces) que he ido haciendo con HTML y hojas de estilos (CSS) por orden, desde lo más básico como la estructura hasta aspectos más avanzados como menús, división de páginas en bloques, etc.
- Estructura básica de una página (título, cuerpo y un párrafo).
- Tipos de encabezado.
- Lista desordenada (es decir, sin numeración).
- Lista ordenada (numerada).
- Tabla con unión horizontal de celdas.
- Tabla con unión vertical de celdas.
- Primer ejercicio aplicando listas, encabezados, texto en negrita, en cursiva, subrayado, superíndices y subíndices.
- Segundo ejercicio anidando listas ordenadas dentro de otras, con distinto tipo de numeración (números, letras, números romanos, etc.).
- Página sobre el grupo de rock "Queen", aplicando por primera vez una hoja de estilos (color de fondo de la página, tipo de fuente, tamaño y estilo de los encabezados, borde y color de las celdas de una tabla, etc.), además de insertar por primera vez una imágen y un enlace a otra página.
- Página llamada "The Jargon File", aplicando por primera vez las clases, es decir, secciones específicas de una página web con cada nombre que los identifican, lo que permite aplicar distintos estilos a un mismo texto.
- Menú vertical, desplegando un bloque con una lista desordenada (elementos del menú) y aplicándole una anchura, un margen, espaciados entre cada elemento de la lista, un color de fondo, el color al que cambia cuando se sitúa el puntero del ratón sobre él, el elemento activo, etc.
- Página llamada "City Gallery", en la que se definen distintas secciones como el menú, el encabezado de la página, el contenido, el pie, etc.
- Creación de un menú horizontal, aplicando los conocimientos adquiridos con el anterior menú y cambiando ciertos aspectos para que su disposición sea horizontal y flote a la derecha. Aplicación del enlace activo.
- Página web dividida en varios bloques cuya anchura se ajusta automáticamente según el dispositivo o propiedades del ordenador (resolución) al hacer más pequeña la ventana.
No hay comentarios:
Publicar un comentario