Introducción al Diseño Web con HTML5
  • Recursos para el curso profesional de HTML5 y CSS3
  • Instalación de navegadores
  • Instalación del editor de código
  • Configurar la auto actualización del navegador
  • Empezando con HTML5 (No historia)
  • Introducción al Diseño Web con HTML5
Creando y codificando contenido en HTML5
  • Agregando SALTOS DE LÍNEA
  • Usando em y strong
  • Definiendo Títulos h1-h6
  • Insertando comentarios
  • Creando listas numeradas
  • Creando lista con viñetas
  • Insertando caracteres especiales
  • Definiendo abreviaturas con "abbr"
  • Definiendo fecha y hora con "TIME"
  • Legalizándonos con "small"
  • Utilizando la etiqueta "figure" y "figcaption"
  • Citando títulos con "cite"
  • Citando contenido con "q" y "blockquote"
  • La etiqueta invisible "span"
  • Graficando medidas usando "meter"
  • Mostrando progresos con "progress"
  • Creando y codificando contenido en HTML5
Insertando Imágenes y enlaces con HTML5
  • Organizando archivos y carpetas
  • Tipos de imágenes para la web
  • ¿Cómo consigo imágenes?
  • Insertando imágenes en nuestro sitio web
  • Creando enlaces
  • Crear un enlace a una página externa
  • Enlazando a secciones de una misma página
  • Recomendaciones finales
  • Insertando Imágenes y enlaces con HTML5
Creando formularios con HTML5
  • Estructura de los formularios
  • Creando Cajas de texto(text)
  • Etiquetado semántico de campos
  • Creando cajas de contraseña (password) y Botones radiales (radio)
  • Creando checkbox (casilla de verificación)
  • Creando los Botones de envío y de reseteo
  • Creando campos para Email, URL, Teléfono y Búsquedas
  • Creando campos numéricos(number) y de tipo rango(range)
  • Creando cajas para fechas (date), hora (time) y color (color)
  • Creando áreas de texto(textarea) (casilla de verificación) y cajas de selección
  • Nuevos atributos en HTML5
  • Creando formularios con HTML5
Etiquetas Estructurales en HTML5
  • Introducción a las etiquetas de estructurales
  • Creando encabezados con "Header"
  • Definiendo la navegación con "nav"
  • Definiendo el área principal de un sitio con "main"
  • Definiendo el contenido principal con "article"
  • Definiendo Secciones con "section"
  • Definiendo contenido secundarios con "Aside"
  • Definiendo el pie de página con "footer"
  • Creando contenedores genéricos con "div"
  • Mejorando accesibilidad de nuestro sitio con ARIA
  • Etiquetas Estructurales en HTML5
Video y audio con HTML5 y CSS3
  • Introducción al uso de elementos multimedia
  • Agregando atributos a nuestro reproductor de video
  • La batalla de los formatos y codec
  • Insertando audio y hablando sobre formatos y codec
  • Proporcionando múltiples archivos de audio
  • Integrando Reproductores alternativos basados en HTML5
  • Sitios especializados en alojar audio y videos usando en HTML5
  • Video y audio con HTML5 y CSS3
Pintando la web con CSS3
  • Introducción a CSS3
  • Construcción de una regla e incluyendo CSS3 en HTML5
  • Relevancia de estilos en CSS3
  • La Herencia en CSS3
  • La Cascada en CSS3: Importancia y Especificidad
  • La Cascada en CSS3: El Orden de las reglas
  • Agregando comentarios en CSS3
  • Tipos de Selectores en CSS3 y el Selector de etiqueta
  • Selectores de clase
  • Selectores de ID
  • Selectores Combinador descendiente
  • Selectores combinadores: hermano adyacentes y hermano general
  • Selectores de atributos Tipo [Atributo]
  • Selectores de atributos Tipo [Atributo=valor]
  • Selectores de atributos tipo [Atributo*=valor]
  • Selectores de atributos tipo [Atributo^=valor] y [Atributo$=valor]
  • Selectores de atributos tipo [Atributo~=valor]
  • Selectores de Pseudo-clases – Las Pseudo-clases :link y :visited
  • Las Pseudo-clases :hover, :active y :focus
  • Las Pseudo-clases: first-child, :last-child
  • Las Pseudo-clases :only-child, :only-of-type, :nth-child y :nth-last-child
  • Las Pseudo-clases :Empty y :not()
  • Las Pseudo-clases UI (User Interface):enabled, :disabled y :checked
  • Selectores de Pseudo Elementos – ::first-lines y ::first-letter
  • Selectores de Pseudo Elementos – ::Before y ..After (PARTE 1)
  • Selectores de Pseudo Elementos – ::Before y ..After (PARTE 2)
Estilizando texto con CSS3
  • Definiendo una familia de fuentes(Tipo de letra)
  • Fuentes personalizadas con @Font-face (parte 1)
  • Fuentes personalizadas con @Font-face (parte 2)