Curso práctico con videos, archivos de trabajo, asignaciones y simuladores de CSS donde aprenderás a crear plantillas usando HTML y CSS.
Cada lección viene presentada en un video tutorial y estructurada de la siguiente forma:
Presentación y Objetivo (¿Qué aprenderás en esta lección?)
Introducción al punto a tratar dentro del tema
Explicación hablada sobre laminas e infografías
Explicación práctica del punto anterior con una grabación de pantalla programando lo anteriormente expuesto.
Finalizará con una propuesta de caso práctico donde pondrás en práctica todos los conocimientos adquiridos en la lección
LECCIÓN 1 ESTRUCTURA DE UN DOCUMENTO EN HTML
Contenido
En esta lección te mostrare como se estructuran las diferentes áreas que conforman un documento HTML para organizar y presentar información y contenidos.
Asignación
Estructura en un documento HTML las diferentes etiquetas estudiadas en esta lección.
Descargables
Listado y funciones de las etiquetas HTML 5
LECCIÓN 2 CONCEPTOS BÁSICOS DE CSS
Contenido
En esta lección repasaras cuales son los conceptos básicos y nociones de CSS para comprender su uso y como se aplican en el diseño web.
Asignación
En el documento creado en la práctica de la lección anterior, añade un texto con titulo principal <h1>, 2 subtítulos <h2> intercalados en 5 párrafos <p>, y trata de darle formato visual con CSS.
DESCARGABLES
LECCIÓN 3 LA PRESENTACIÓN DE UN DOCUMENTO HTML CON CSS
Contenido
En esta lección aprenderás cuales son los diferentes métodos que hay para posicionar contenido e información en una página web, utilizando código CSS en combinación con etiquetas HTML.
Asignación
Dentro del contenido creado en la práctica anterior, trata de añadir 1 imagen flotante a la izquierda del primer párrafo, y una galería con 9 imágenes en una cuadrícula de 3x3.
Descargables
Archivos HTML de trabajo
LECCIÓN 4 EL CONCEPTO FLEXBOX Y GRID
Contenidos
En esta lección entraremos de lleno a explicar el concepto FLEXBOX y GRID basandonos en graficos y simuladores de CSS para entender mejor la explicación pertinente , desde sus diferentes etiquetas css, hasta la creación de un documento html con las diferentes áreas que componen una página web.
Asignación
1. Con los conceptos aprendidos en esta lección trata de estructurar el documento HTML visualmente en las diferentes secciones de una página web usando el concepto FLEX.
2. Con los conceptos aprendidos en esta lección trata de estructurar el documento HTML visualmente en las diferentes secciones de una página web usando el concepto GRID.
Descargable
LECCIÓN 5 LA HOJA DE ESTILOS CSS Y SU USO EN HTML
Contenido
En esta última lección, aprenderás 3 formas que existen para incluir código CSS dentro de un documento HTML.
Asignación
Una vez estructurado todo el documento de trabajo HTML en diferentes secciones de una página web, separa contenido y estructura (html) de formato (CSS), creando una hoja de estilos CSS e incluyéndola en el documento HTML.
Descargables
