A Distancia
77 horas lectivas
Modalidad Abierta
Descubre el lenguaje y la estructura de un documento HTML y aprende a maquetar convirtiendo diseños gráficos en verdaderos documentos HTML. Podrás maquetar una página rápida y fácil de encontrar en los buscadores de Internet.
¿Quieres aprender a maquetar en HTML? Una buena maquetación es un paso fundamental para obtener un diseño de una página web elegante, compatible con todos los navegadores y que cumpla las normas de accesibilidad.
Dirigido a
Personas en activo que quieran aprender a maquetar en HTML y a transformar diseños conceptuales y gráficos en documentos HTML.
Requisitos
Ser trabajador contratado en el régimen general y enviar la documentación de matrícula.
UNIDAD 1. EL LENGUAJE HTML
1. El hipertexto y los lenguajes de marcado
- Qué es el hipertexto
- Qué son los lenguajes de marcado
- Evolución de los lenguajes de marcado
- SGML y XML - HTML y XHTML
- La web semántica
2. Estructura y creación de un documento HTML
- Crear un documento HTML
- Estructura principal: , y
- Uso del elemento Doctype (Document Type Declaration)
- Idioma y codificación de caracteres 3. Principales etiquetas HTML
- Etiquetas del
- Etiquetas y propiedades del
UNIDAD 2. MAQUETANDO HTML
1. ¿Qué es la maquetación HTML?
- Partiendo del diseño
- Imaginando la maquetación
- La maquetación semántica
- Dividiendo el diseño y exportando las imágenes
2. Ejemplo práctico de maquetación HTML
- Pasos previos a la maquetación
- El proceso de maquetación
- Otras herramientas de ayuda a la maquetación
3. Uso de plantillas y de estructuras predefinidas
- Las plantillas en Dreamweaver
- Creación de plantillas en Dreamweaver
- Plantillas predefinidas en Dreamweaver
UNIDAD 3. ENRIQUECIMIENTO DEL HTML MEDIANTE DREAMWEAVER
1. Herramientas prácticas
- Mapa de imágenes
- Fragmentos y uso de Buscar y reemplazar
- Insertar vídeo .flv
- Imagen de sustitución
2. Comportamientos y librería Spry
- Lenguaje JavaScript
- Comportamientos de Dreamweaver
- Librería Spry
3. Creación de formularios
- Etiquetas
- Área de texto
- Casillas de verificación y botones de opción
- Campo archivo y botones
- Listas de menú y menú de salto
- Spry de validación
- Envío de un formulario