HTML Essentials

Acerca de este curso

Este curso introductorio proporciona los conocimientos fundamentales de HTML, el lenguaje de marcado estándar para crear páginas web. A lo largo de los módulos, los alumnos aprenderán a estructurar contenido, trabajar con etiquetas básicas, insertar imágenes, crear enlaces y formularios sencillos, comprendiendo además buenas prácticas de accesibilidad y diseño. Es ideal para personas que se inician en el desarrollo web o desean comprender cómo funciona el contenido en la web.

Objetivos

Al finalizar el curso, los alumnos serán capaces de:

• Comprender la función de HTML en el desarrollo web.
• Escribir código HTML básico para estructurar páginas web.
• Utilizar etiquetas HTML para organizar texto, listas, enlaces, imágenes y formularios.
• Aplicar buenas prácticas de accesibilidad y estructura semántica.
• Crear páginas web simples y funcionales.

Duración

30 horas - Modalidad online

Programa

Módulo 1: Introducción al HTML.

• Introducción al HTML.
• El nacimiento, evolución y futuro del HTML.
• Entorno de desarrollo para HTML.
• Codificación de caracteres.
• Sintaxis de HTML: elementos, etiquetas y comentarios.
• Sintaxis de HTML: atributos y valores.
• Sintaxis de HTML: etiquetas HTML, Head y Body.
• Relación entre HTML, CSS y JavaScript.
• PROYECTO: Diseño de una página sencilla para una floristería.

Módulo 2: Formato del texto y organización de datos.

• Encabezados.
• Párrafos y formato de texto.
• Listas.
• Tablas.
• PROYECTO: Creación de una página web para una aventura culinaria.

Módulo 3: Elementos visuales e interactivos.

• Imágenes.
• Hipervínculos.
• Contenidos multimedia.
• Fundamentos de los formularios HTML.
• Formularios – Más allá de lo básico.
• Construcción de formularios HTML.
• PROYECTO: Harmony Heights – Página oficial del grupo musical.

Módulo 4: Mejora de la presentación web.

• Estilos y diseño en HTML.
• Atributos globales.
• Atributos de evento y de datos.
• PROYECTO: Sunnydale School – Mejora de la página web.

Módulo 5: Creación de contenido web optimizado y accesible.

• Etiquetado semántico.
• Accesibilidad.
• Buenas prácticas.
• PROYECTO: Sitio web del Centro Comunitario Harbor Light – Accesibilidad y datos estructurados.

Módulo 6: Explorando HTML más allá de lo básico.

• Favicons.
• iFrames.
• Entidades HTML y emojis.
• Mapas de imagen.
• APIs en HTML.
• Gráficos en HTML.
• PROYECTO: Página web World Discovery.

Proyecto final.

• PROYECTO: Blog Global Adventures – “Mis 3 ciudades favoritas del mundo”.