Acerca del curso
En este curso aprenderemos gratis a maquetar sitios Web con HTML5 y a brindar estilos con CSS. No necesitas conocimientos previos, pues empezaremos desde cero con una serie de ejemplos prácticos y al término del curso, desarrollaremos un proyecto real en el cual aplicaremos todo lo aprendido. Aprenderás todo lo que necesitas para empezar en el desarrollo web online y a construir grandes sitios para internet.
Lista de Clases
-
Clase 1: Fundamentos
- 1.- Presentación
- 2.- Introducción
- 3.- Cómo funciona la Web
- 3.- Cómo funciona la Web
- 4.- Flujo de trabajo
-
Clase 2: HTML5
- 1.- Sintaxis
- 2.- Estructura básica
- 3.- Elementos estructurales
- 4.- Elementos para desplegar texto
- 5.- Enlaces
- 5.- Enlaces
-
Clase 3: CSS
- 1.- Sintaxis
- 2.- Selectores simples
- 3.- Pseudoclases
- 4.- Pseudoelementos
- 5.- Combinación de selectores
- 6.- Colores
- 7.- Longitudes
- 8.- Porcentajes
-
Clase 4: Modelo de caja
- 1.- Ancho y alto
- 2.- Display
- 3.- Modelo de caja
- 4.- Padding
- 4.- Padding
- 5.- Bordes
- 5.- Bordes
- 6.- Margin
-
Clase 5: Posicionamiento
- 1.- Static
- 2.- Relative
- 3.- Absolute
- 4.- Fixed
- 5.- Float
-
Clase 6: Tipografía
- 1.- font-size
- 1.- font-size
- 2.- font-family
- 3.- font-weight
- 4.- font-style
- 4.- font-style
- 5.- line-height
- 6.- font
-
Clase 7: Listas
- 1.- Listas desordenadas
- 2.- Listas ordenadas
- 3.- Listas descriptivas
- 4.- Listas anidadas
- 5.- list-style-type
- 6.- list-style-image
- 6.- list-style-image
- 7.- list-style-position
- 8.- list-style
-
Clase 8: Backgrounds
- 1.- background-color
- 2.- background-image
- 2.- background-image
- 3.- background-repeat
- 4.- background-attachment
- 5.- background-position
- 6.- background
- 7.- Múltiples backgrounds
-
Clase 9: Media
- 1.- img
- 2.- audio
- 3.- video
- 3.- video
- 4.- iframe
- 5.- figure y figcaption
- 5.- figure y figcaption
-
Clase 10: Formularios
- 1.- Formularios
- 2.- Organizando elementos en un formulario
- 3.- Elemento input: Login form
- 4.- Elemento input: Search form
- 5.- Elemento input: Slambook form
- 6.- textarea
- 7.- select y option
- 7.- select y option
-
Clase 11: Tablas
- 1.- Elementos table, tr y td
- 2.- Elementos caption, thead, tbody, tfoot y th
- 3.- Atributos scope, colspan, rowspan y header
- 4.- Propiedades
-
Clase 12: Proyecto
- 1.- Proyecto - Parte I
- 2.- Proyecto - Parte II
- 2.- Proyecto - Parte II
- 3.- Proyecto - Parte III
- 4.- Proyecto - Parte IV
- 4.- Proyecto - Parte IV
- 5.- Proyecto - Parte V
- 5.- Proyecto - Parte V