Fundamentos de diseño web (maquetadores web)

Introducción
Navegadores y editores de páginas web; Diferentes tipos de dispositivo; HTML: estructura y semántica; CSS: formato y maquetación; JavaScript: interactividad; Contenidos estáticos y dinámicos; Lado cliente, lado servidor; Concepto de sitio y página web

Interficie y entorno de trabajo WYSIWYG
Modos de visualización: código, diseño, en vivo; Configuración de paneles; Configuración de navegadores y extensiones; Configuración de servidor FTP; El entorno de trabajo.

Elementos
Texto. Propiedades y formatos . Estilos y etiquetado; Imágenes. Tipos y formatos utilizados. Edición e integración con Adobe Photoshop. Mapas de imágenes. Efectos; Hipervínculos. Tipos de enlaces y atributos; Formularios. Maquetación y diseño. Integración con programas de envío. Validaciones; Tablas. Importación de datos externos;

Introducción a CSS
Concepto de hojas de estilo: dónde declarar código css. Asociar hojas de estilo a documentos; Panel CSS; Tipos de selectores: redefinir elemento HTML, clase, id, contextuales, grupo de selectores; Selección múltiple de clases CSS: simultáneamente a un mismo elemento HTML, de forma asistida; Maquetación uso de etiquetas div desde cero (concepto de float, clear); Layouts predeterminados de DreamWeaver CS6; Creación de un menú de navegación

Módulos de javascript (widgets de Spry)
Panel contraible, Acordeón, Paneles en fichas, Barra de menús, XML; Comportamientos: pop-menu, mostrar-ocultar, alert…

Uso de APIs externas
Concepto de mash-up; Utilización de APIs e integración en el proyecto (Google Maps, YouTube, etc)

Puesta online y validaciones
Comprobación de vínculos y compatibilidad con los diferentes navegadores; Validación de estándares; Sincronización