Regresar al curso
Curso profesional de HTML5 y CSS3
Módulo 1: Introducción al Diseño Web con HTML5
5- Recursos para el curso profesional de HTML5 y CSS3 01 minClase1.1
- Instalación de navegadores 06 minClase1.2
- Instalación del editor de código 21 minClase1.3
- Configurar la auto actualización del navegador 04 minClase1.4
- Empezando con HTML5 (No historia) 30 minClase1.5
Módulo 2: Creando y codificando contenido en HTML5
16- Agregando SALTOS DE LÍNEA 12 minClase2.1
- Usando em y strong 10 minClase2.2
- Definiendo Títulos h1-h6 14 minClase2.3
- Insertando comentarios 08 minClase2.4
- Creando listas numeradas 08 minClase2.5
- Creando lista con viñetas 03 minClase2.6
- Insertando caracteres especiales 10 minClase2.7
- Definiendo abreviaturas con “abbr” 05 minClase2.8
- Definiendo fecha y hora con “TIME” 18 minClase2.9
- Legalizándonos con “small” 17 minClase2.10
- Utilizando la etiqueta “figure” y “figcaption” 08 minClase2.11
- Citando títulos con “cite” 09 minClase2.12
- Citando contenido con “q” y “blockquote” 24 minClase2.13
- La etiqueta invisible “span” 06 minClase2.14
- Graficando medidas usando “meter” 20 minClase2.15
- Mostrando progresos con “progress” 08 minClase2.16
Módulo 3: Insertando Imágenes y enlaces con HTML5
7- Organizando archivos y carpetas 09 minClase3.1
- Tipos de imágenes para la web 12 minClase3.2
- ¿Cómo consigo imágenes? 10 minClase3.3
- Creando enlaces 10 minClase3.4
- Crear un enlace a una página externa 04 minClase3.5
- Enlazando a secciones de una misma página 07 minClase3.6
- Recomendaciones finales 12 minClase3.7
Módulo 4: Creando formularios con HTML5
11- Estructura de los formularios 15 minClase4.1
- Creando Cajas de texto(text) 06 minClase4.2
- Etiquetado semántico de campos 04 minClase4.3
- Creando cajas de contraseña (password) y Botones radiales (radio) 09 minClase4.4
- Creando checkbox (casilla de verificación) 10 minClase4.5
- Creando los Botones de envío y de reseteo 02 minClase4.6
- Creando campos para Email, URL, Teléfono y Búsquedas 20 minClase4.7
- Creando campos numéricos(number) y de tipo rango(range) 08 minClase4.8
- Creando cajas para fechas (date), hora (time) y color (color) 07 minClase4.9
- Creando áreas de texto(textarea) (casilla de verificación) y cajas de selección(selectlist) 16 minClase4.10
- Nuevos atributos en HTML5 07 minClase4.11
Módulo 5: Etiquetas Estructurales en HTML5
9- Creando encabezados con “header” 08 minClase5.1
- Definiendo la navegación con “nav” 12 minClase5.2
- Definiendo el área principal de un sitio con “main” 05 minClase5.3
- Definiendo el contenido principal con “article” 10 minClase5.4
- Definiendo Secciones con “section” 25 minClase5.5
- Definiendo contenido secundarios con “aside” 12 minClase5.6
- Definiendo el pie de página con “footer” 06 minClase5.7
- Creando contenedores genéricos con “div” 21 minClase5.8
- Mejorando accesibilidad de nuestro sitio con ARIA 15 minClase5.9
Módulo 6: Video y audio con HTML5 y CSS3
7- Introducción al uso de elementos multimedia 12 minClase6.1
- Agregando atributos a nuestro reproductor de video 05 minClase6.2
- La batalla de los formatos y codec 12 minClase6.3
- Insertando audio y hablando sobre formatos y codec 15 minClase6.4
- Proporcionando múltiples archivos de audio 10 minClase6.5
- Integrando Reproductores alternativos basados en HTML5 15 minClase6.6
- Sitios especializados en alojar audio y videos usando en HTML5 02 minClase6.7
Módulo 7: Pintando la web con CSS3
25- Introducción a CSS3 08 minClase7.1
- Construcción de una regla e incluyendo CSS3 en HTML5 27 minClase7.2
- Relevancia de estilos en CSS3 10 minClase7.3
- La Herencia en CSS3 14 minClase7.4
- La Cascada en CSS3: Importancia y Especificidad 28 minClase7.5
- La Cascada en CSS3: El Orden de las reglas 07 minClase7.6
- Agregando comentarios en CSS3 05 minClase7.7
- Tipos de Selectores en CSS3 y el Selector de etiqueta 05 minClase7.8
- Selectores de clase 19 minClase7.9
- Selectores de ID 06 minClase7.10
- Selectores Combinadores 12 minClase7.11
- Selectores de atributos Tipo [Atributo] 17 minClase7.12
- Selectores de atributos Tipo [Atributo=valor] 14 minClase7.13
- Selectores de atributos tipo [Atributo*=valor] 08 minClase7.14
- Selectores de atributos tipo [Atributo^=valor] y [Atributo$=valor] 19 minClase7.15
- Selectores de atributos tipo [Atributo~=valor] 10 minClase7.16
- Introducción a los Selectores de Pseudo-clases 15 minClase7.17
- Las Pseudo-clases :hover, :active y :focus 22 minClase7.18
- Las Pseudo-clases: first-child, :last-child 15 minClase7.19
- Las Pseudo-clases :only-child, :only-of-type, :nth-child y :nth-last-child 15 minClase7.20
- Las Pseudo-clases :Empty y :not() 18 minClase7.21
- Las Pseudo-clases UI (User Interface):enabled, :disabled y :checked 10 minClase7.22
- Selectores de Pseudo Elementos ::first-lines y ::first-letter 09 minClase7.23
- Selectores de Pseudo Elementos – ::Before y ..After (Parte 1) 20 minClase7.24
- Selectores de Pseudo Elementos ::Before y ::After (Parte 2) 08 minClase7.25
Módulo 8: Estilizando texto con CSS3
16- Definiendo una familia de fuentes(Tipo de letra) 15 minClase8.1
- Fuentes personalizadas con @Font-face (parte 1) 28 minClase8.2
- Fuentes personalizadas con @Font-face (parte 2) 20 minClase8.3
- Insertando fuentes alojadas en Google Font 04 minClase8.4
- Convirtiendo texto en Itálica y Negrita 04 minClase8.5
- Definiendo el tamaño de la fuente( Unidades de Longitud Absolutas) 07 minClase8.6
- Definiendo el tamaño de la fuente(Unidades de Longitud Relativas) 18 minClase8.7
- Definiendo el tamaño de la fuente(Unidades de Longitud Relativas) II 15 minClase8.8
- Definiendo el tamaño de la fuente(Unidades de Longitud Relativas) III 09 minClase8.9
- Definiendo el Interlineado con “line-height” 04 minClase8.10
- Definiendo el color del texto: Usando Keyword,Hexadecimal, RGB y RGBA 20 minClase8.11
- Definiendo el color del texto: Usando HSL Y HSLA 10 minClase8.12
- Definiendo el fondo del contenido 21 minClase8.13
- Usando background-clip, múltiples fondos y la propiedad Shorthand “background” 23 minClase8.14
- Creando sombras para los textos 09 minClase8.15
- Usando text-align, text-transform y text-decoration 12 minClase8.16
Módulo 9: Creando diseños con CSS3
14- El Modelo de caja y la propiedad “Padding” 19 minClase9.1
- La propiedad “Border” y “Margin” 13 minClase9.2
- Carga de Polyfills para implementar capacidades para navegadores obsoletosCopiar 11 minClase9.3
- Definiendo la anchura (width, min-width, max-width) y la altura (height, min-height, max-height) 08 minClase9.4
- Definiendo un nuevo modelo de caja con “Box-sizing” 14 minClase9.5
- Trabajando con Display:inline-block 14 minClase9.6
- La propiedad Float y Clear 24 minClase9.7
- Trabajando con Display:Table 11 minClase9.8
- Ocultando elementos con Display:none 05 minClase9.9
- Posicionamiento estático y Relativo 13 minClase9.10
- Posicionamiento Absoluto 22 minClase9.11
- Posicionamiento Fijo 04 minClase9.12
- Taller práctico de posicionamiento (parte 1) 22 minClase9.13
- Taller práctico de posicionamiento (parte 2) 12 minClase9.14
Módulo 10: Mejoras y efectos con CSS3
4- Generando bordes redondeados con “Border-radius” 17 minClase10.1
- Generando sombras con “Box-Shadow” 15 minClase10.2
- Generando gradientes lineales 13 minClase10.3
- Generando gradientes radiales 20 minClase10.4
Módulo 11: Creando nuestro proyecto Final
16- Sectorizando nuestro diseño 19 minClase11.1
- Creación de un proyecto en Sublime Text 02 minClase11.2
- Codificando el encabezado del sitio 12 minClase11.3
- Codificando el Slide de imágenes y acceso rápidos 23 minClase11.4
- Codificando el contenido principal y Próximos eventos 10 minClase11.5
- Codificando la zona de suscripción, pie de pagina y redes sociales 12 minClase11.6
- Usando normalizer.css y vinculando nuestra hoja de estilos 03 minClase11.7
- Estilizando el encabezado 15 minClase11.8
- Estilizando el slide de imágenes 33 minClase11.9
- Estilizando los zona de acceso rápido 14 minClase11.10
- Estilizando el contenido principal 19 minClase11.11
- Estilizando los Próximos eventos 08 minClase11.12
- Estilizando la zona de suscripción, pie de pagina y redes sociales 22 minClase11.13
- Agregando compatibilidad con navegadores obsoletos (Parte 1) 14 minClase11.14
- Agregando compatibilidad con navegadores obsoletos (Parte 2) 15 minClase11.15
- Subiendo nuestro sitio al Internet 10 minClase11.16
Generando gradientes lineales
El contenido de la lección esta vacío.
Anterior
Generando sombras con “Box-Shadow”
Siguiente
Generando gradientes radiales
Deja una respuesta
Lo siento, debes estar conectado para publicar un comentario.