Diseño Web con HTML y CSS: Crea tu Presencia Digital
Aprende a construir páginas web profesionales con HTML5 y CSS3. Este curso te guiará en la estructuración de contenido, optimización de multimedia, diseño responsivo y creación de formularios interactivos. Descubre las mejores prácticas de accesibilidad y usabilidad para una experiencia de usuario superior. Ideal para autónomos y profesionales que buscan potenciar su presencia online y dominar las herramientas esenciales del desarrollo web moderno.
Información del curso
- Duración210 horas lectivas
- UbicaciónEspaña
- EmpresaADAMS
Requisitos y destinatarios
Requisitos
- Trabajadores de cualquier sector.
- Tutorías y exámenes presenciales en Madrid.
Dirigido a
Profesionales y autónomos con presencia digital.
Qué aprenderás
- Crear sitios web semánticos con HTML5.
- Insertar y optimizar imágenes, audio y vídeo.
- Estilizar páginas con Hojas de Estilo CSS.
- Diseñar y optimizar la navegación web.
- Crear formularios interactivos funcionales.
- Mejorar accesibilidad y usabilidad web.
- Utilizar herramientas de edición web profesional.
Temario
¡Bienvenido al viaje de creación web! Este curso te equipará con las habilidades esenciales para construir tu propia presencia digital.
Módulo 1: Fundamentos de HTML5 - La Estructura de tu Web
- Introducción al Lenguaje de Marcas: Comprende el rol de HTML en la web.
- Estructura Semántica:
- Uso de etiquetas
header
,nav
,main
,article
,section
,aside
,footer
. - Jerarquía de la información con encabezados (
h1
-h6
).
- Uso de etiquetas
- Contenido Multimedia:
- Insertar y optimizar imágenes (
img
): formatos, atributosalt
. - Integrar audio (
audio
) y vídeo (video
): controles, formatos compatibles.
- Insertar y optimizar imágenes (
- Enlaces y Navegación:
- Creación de enlaces internos y externos (
a
). - Mapas de sitio y estructura de navegación.
- Creación de enlaces internos y externos (
Módulo 2: Estilo con CSS3 - Diseño y Apariencia
- Introducción a las Hojas de Estilo:
- Vinculación de archivos CSS (
<link>
). - Selectores básicos y avanzados.
- Vinculación de archivos CSS (
- Propiedades de Estilo:
- Tipografía: fuentes, tamaños, colores.
- Fondos y bordes.
- El Modelo de Caja:
margin
,border
,padding
,content
.
- Layout y Posicionamiento:
display: block
,inline
,flexbox
,grid
.- Técnicas de diseño responsive para adaptabilidad.
- Estilización de Formularios: Diseña formularios atractivos y funcionales.
Módulo 3: Herramientas y Optimización
- Editores Web Profesionales:
- Configuración y uso de herramientas populares (ej. VS Code).
- Mejora de la productividad.
- Formularios Interactivos:
- Creación y validación de campos.
- Atributos clave y tipos de input.
- Accesibilidad y Usabilidad:
- Principios WCAG.
- Auditoría básica de accesibilidad.
- Mejora de la experiencia de usuario (UX).
- Optimización de Contenidos:
- Compresión de imágenes.
- Estrategias de carga rápida.
¡Domina las bases del desarrollo web y haz que tu proyecto brille en línea!