En este curso aprenderemos qué es el HTML, qué es el CSS y cómo usarlos para crear elementos para nuestras webs, modificar elementos existentes, realizar un diseño responsive y hasta crear animaciones que apenas ralentizan la carga.
Lecciones
1. Introducción al HTML
En este capítulo explicaremos qué es esto del HTML, cómo se escribe y cómo se puede ver.
2. Etiquetas HTML
Veremos las principales etiquetas HTML y cómo se utilizan, así como los atributos y algunos aspectos importantes de ciertas etiquetas.
3. Introducción al CSS
Presentamos el CSS, un lenguaje de maquetación que sirve para aplicar características visuales sobre una estructura HTML.
4. Clases, id’s y selectores CSS
Profundizamos más en el CSS explicando cómo aplicar las características sobre las etiquetas, las clases, los id, y cómo usar los selectores.
5. Editando y creando con HTML + CSS
Pasamos a la acción y vemos cómo aplicar lo aprendido para modificar elementos existentes en nuestra web y para crear elementos nuevos que se adapten al diseño que nosotros queremos.
Como ejemplo de modificaciones cambiatemos algunas cosas de una web, las cajas del plugin AAWP y bloques de Gutenberg. Y como ejemplo de nuevo elemento crearemos un cluster de productos de afiliación desde cero.
6. Diseño responsive CSS con media queries
Aprendemos a usar las media queries para crear diseños responsive mobile first con CSS.
7. Animaciones con HTML y CSS
Crea fantásticas animaciones que no consumen apenas recursos con hover y la querie keyframes.
