En la clase de hoy veremos cómo crear estructuras en HTML, para crear un diseño de web con encabezado, menú, contenido, barra lateral y pie de página.
9 – Estructuras en HTML
Bien, ya hemos aprendido las etiquetas más importantes de HTML. Momento ahora para ver cómo ponemos un poco de orden y estructura a todo esto, con ciertas etiquetas.
Lo que haremos en esta lección será crear una web básica con un encabezado, un menú, una division para colocar contenido con una barra lateral, y al final un footer. ¿Preparados? ¿Listos? ¡Ya!
Ya lo habéis visto. En 20 minutos hemos creado una estructura base para nuestras webs. Ahora tocará rellenarlo con HTML o incluso PHP, cosas que podemos ver en otros cursos. De momento, los ejercicios/deberes de la clase de hoy son:
- Crear una página que tenga
- Encabezado con un título y logo
- Menú de navegación a las secciones de la web
- Contenido con una barra lateral con anuncios
- Pie de página con información de la empresa
Como siempre, si tenéis alguna duda de la lección, podéis contactar a través de la intranet. Además, debajo del vídeo tenéis el enlace al código usado :)
Nos vemos en la siguiente clase, en la que vamos a hacer un repaso y veremos una pequeña introducción a JavaScript, el lenguaje que nos falta para complementar HTML y CSS. ¡Preparaos para ver las maravillas que se pueden lograr!
Todos los capítulos de este curso:
- Curso de HTML #1: Teoría base y primera práctica
- Curso de HTML #2: Etiquetas y atributos
- Curso de HTML #3: Formatos de texto
- Curso de HTML #4: Enlaces
- Curso de HTML #5: Listas
- Curso de HTML #6: Imágenes
- Curso de HTML #7: Tablas
- Curso de HTML #8: Formularios
- Curso de HTML #9: Estructura
- Curso de HTML #10: Integración con CSS y JavaScript