1. No category

Desarrollo de sitios Web con HTML5, CSS3, jQuery
y Responsive Web Design
Nivel básico.
Duración: 20 horas.
Lección 1. Creando tu primera página Web en HTML5.
● HTML.
○
○
○
● CSS.
○
○
○
Términos comunes.
Estructura de documentos.
Implementación de hojas de estilo en cascada (CSS).
Términos comunes.
Trabajando con selectores.
Uso de hojas de estilo reset.
Lección 2. Introducción al lenguaje HTML.
● HTML.
○
○
○
○
○
Semántica general.
Elementos <div> y <span>.
Uso e implementación de elementos basados en texto.
Estructura base para documentos en HTML5.
Vínculos o anclas (elemento <a>).
Lección 3. Introducción al uso de hojas de estilo en cascada (CSS).
● CSS.
○
○
○
○
○
¿Cómo funcionan las hojas de estilos en cascada (CSS)?
Cálculo de especificidad.
Selectores combinados.
Implementación de estilos con múltiples clases.
Valores comunes en propiedades CSS.
Lección 4. El modelo de cajas.
● HTML.
○ Herramientas para Desarrollo Web.
● CSS.
○ Desplegado de elementos.
○ El modelo de cajas.
Lección 5. Posicionamiento de contenido.
● CSS.
○
○
○
○
Posicionamiento a través de elementos flotantes (propiedad “float”).
Posicionamiento con elementos en línea.
Generación de estructuras reutilizables (layouts).
Elementos con posicionamiento único.
Lección 6. Tipografía.
● HTML.
○
● CSS.
○
○
○
○
○
Inclusión de menciones y citas.
Agregando color al texto.
Propiedades para el manejo de fuentes.
Aplicación de propiedades en elementos basados en texto.
Uso e implementación de fuentes seguras para Web (Web-safe fonts).
Incorporación de fuentes en proyectos Web.
Lección 7. Colores, degradados e imágenes de fondo.
● CSS.
○
○
○
○
○
Colores de fondo (propiedad “background-color”).
Imágenes de fondo (propiedad “background-image”).
Uso e implementación de colores de fondo degradados.
Uso e implementación de múltiples imágenes de fondo.
Nuevas propiedades CSS3 para uso de colores, degradados e imágenes de fondo.
Lección 8. Listas.
● HTML.
○
○
○
○
● CSS.
○
○
Listas no ordenadas (elemento “<ul>”).
Listas ordenadas (elemento “<ol>”).
Listas de definición (elemento “<dl>”).
Listas anidadas.
Aplicación de estilos a elementos en listas.
Despliegue horizontal de elementos en una lista.
Lección 9. Uso e implementación de recursos multimedia.
● HTML.
○
○
○
○
○
Integración y manejo de imágenes (elemento “<img>”).
Integración y manejo de archivos de tipo audio (elemento “<audio>”).
Integración y manejo de vídeo (elemento “<video>”).
Uso de marcos (elemento “<iframe>”).
Los elementos <figure> y <figcaption>.
Lección 10. Formularios.
● HTML.
○
○
○
○
○
○
○
Integración de formularios.
Campos y áreas de texto.
Elementos de selección múltiple y menús.
Botones.
Otros elementos para la entrada de datos.
Distribución de elementos en formularios.
Atributos adicionales en formularios.
Lección 11. Tabulación y organización de datos en tablas.
● HTML.
○
○
● CSS.
○
○
○
Uso y creación de tablas.
Estructura de una tabla.
Bordes en tablas.
Aplicación de estilos a tablas.
Alineación de texto en tablas.
Lección 12. Uso de mejores prácticas.
● HTML.
○ Mejores prácticas para la codificación en HTML.
○ Recursos adicionales.
● CSS.
○ Mejores prácticas en hojas de estilo en cascada (CSS).