I. Introducción a HTML5

• Qué es HTML5.
• Características de HTML5.
• Qué son etiquetas en HTML5.
• Atributos en las etiquetas.
• Estructura general de una página web.

II. Etiquetas básicas

• Etiquetas doctype y html.
• Etiquetas para el head (cabeza).

• Etiquetas meta, title y link.
  • Etiquetas para la estructura general de una página web (body).
• Etiquetas header, nav, main, section, aside, div, article y footer.

III. Etiquetas para contenido de una página web

• Etiquetas para títulos

• Etiquetas h1 al h6.
  • Etiquetas para texto.
• Etiquetas p, span, br, em, strong, i, b, u, small, cite, adress, y time.
  • Etiquetas para listas ordenada y desordenada.

IV. Enlaces, imágenes y multimedia

• Etiqueta a.
• Etiqueta img, figure y figcaption.
• Etiqueta video y audio.

V. Tablas

• Etiqueta table.
• Etiquetas tr, td y th.

VI. Formularios

• Qué es un formulario.
• Etiqueta form.
• Etiquetas label, input, textares, select, button, meter, datalist y progress.
• Diversos valores del atributo type.

VII. Introducción a CSS3

• Qué es CSS3.
• Formas de implementar estilos.

VIII. Selectores

• Selector universal.
• Selector de etiquetas.
• Selector por id y clase.
• Selector por atributo.
• Pseudoclases.

IX. Estilo sobre elementos

• Comentarios y unidades de medidas.
• Texto y Fuentes externas
• Colores.
• Background (fondo).
• Border (borde).
• Width (ancho) y height(alto).
• Box-shadow (sombras).
• Margin (margen) y Padding (margen interno).

X. Manejo de cajas

• Modelo de caja.
• Display.
• Box-sizing.
• Min y max width - min y max heigth.
• Overflow
• Position.
• Float (flotante).
• Object-fit y Object-position.

XI. Flexbox, display flex y grid

• Qué es flexbox.
• Display flex.

• Direction, wrap, justify-content, align-item, align-content, align-selft, grow, basis, order y shrink.
  • Display grid.
• Templates, gap, auto, dinámico, areas y lines.

XII. Diseño responsivo

• Qué es el diseño responsivo.
• Elementos básicos de diseño responsivo.

• Viewport.
• @media.
• Operadores and - or.
• Orientación.
• Imagenes y video.

XIII. Pseudoclases y animación

• Pseudoclases y sus tipos.
• Transform y transition.
• Animaciones
• Cubic bezier.
• Dropdown.
• Filtros (filter).

Dirigido a:

• Docentes y estudiantes del área de tecnología, sistemas, informática, entre otros.
• Profesionales de tecnologías de la información que buscan extender sus conocimientos sobre la creación de sitios web.
• Emprendedores que buscan vincular sus empresas al mundo digital mediante un sitio web colocada en la red informática mundial.
• Toda persona que buscan adquirir conocimientos solidos en la creación de sitios web mediante las tecnologías de alto uso.