Master Diseño Web

El Máster de Diseño Web es presencial en Madrid y Sevilla.

CARACTERÍSTICAS
• Clases presenciales
• Grupos reducidos
• Material de apoyo
• PDF por cada una de las materias.

Durante el primer módulo del Máster de Diseño Web, el módulo de diseño web propiamente dicho, se trabaja sobre la estructura y el tratamiento de los sitios web para organizar y disponer de manera correcta la información a presentar y, mas en profundidad, sobre los lenguajes empleados para la construcción de sitios web en sus estándares actuales: HTML5 y CSS3, así como el tratamiento y la inserción de contenido multimedia en entornos web, como vídeo y sonido, y la adaptación de la web a los diferentes dispositivos existentes en la actualidad (tablets, móviles…) mediante Responsive Design. En la ultima parte del primer módulo, el alumno se introduce en el uso de plug-ins sencillos con JavaScript / jQuery, con ejemplos prácticos reales.

En el segundo módulo del Máster, de gestión de contenidos con wordpress, el alumno aprenderá a dominar la plataforma de gestión de contenidos más popular y con más demanda del mercado para la gestión del contenido de un sitio web y la creación de temas o plantillas para el mismo, así como la instalación, configuración de la plataforma, convertir un diseño web estático en un sitio con contenidos totalmente dinámico, extender las funcionalidades de la plataforma mediante plugins de terceros y a crear tipos de entradas y taxonomías personalizadas.

Módulo de Diseño Web
Introduccion al Diseño Web
• Principios básicos del Diseño Web
• Principios de Usabilidad
• Principios de Accesibilidad
• Creación y optimización de imágenes para web
• Piezas básicas publicitarias: banners, redes sociales.

HTML + CSS: estándares web.
• Introducción a web: navegadores, motor de navegaciones, sistema operativos.
• Preparación del entorno para el desarrollo.
• HTML: versiones y diferencias.
• Etiquetas y atributos.
• Semántica de las etiquetas.
• Uso de las etiquetas.
• DOCTYPE y Codificación de caracteres (Charset)
• Head y Title.
• Párrafos.
• Imágenes.
• Enlaces: hipervínculos y anclas.
• Listas: ordenadas, desordenadas y de definiciones.
• Etiquetas meta.
• Uso de iFrames.
• Tablas.
• Formularios.
• Rutas y direcciones: relativas y absolutas.
• Enlazar CSS.
• Selectores CSS.
• Propiedades CSS.
• Pseudoselectores y pseudoelementos.

Edición Web
• Creación del entorno de Desarrollo: Editor de Texto + Navegador
• Complementos y herramientas útiles para la edición web
• Estructuración de un Sitio Web
• Uso avanzado de nuestro entorno de desarrollo
• Conexión a un servidor remoto y sincronización
• Gestión de Archivos mediante FTP

Introducción a los plug-in JavaScript / jQuery
• Breve introducción a JavaScript y jQuery
• Conceptos básicos para el uso de plug-ins jQuery
• Creación de ejemplos prácticos: desplegables, galerías, sliders.

HTML5 + CSS3: continuación
• Introducción a HTML5.
• Diferencias HTML5 vs XHTML 1.0 Transitional  
• Compatibilidad de HTML5.
• Etiquetas básicas: header, footer, nav, article, section, aside, mark y hgroup.
• Vídeo en HTML5.
• Audio en HTML5.
• Transiciones y transformaciones en CSS3
• Sombras de caja y textos: box-shadow y textshadow.
• Uso de RGBA en colores.
• Reponsive Design: uso de media queries

Módulo de Wordpres
Introducción ¿Qué es WordPress?
·Configuración del servidor local.
·Creación de la base de datos.
·Instalación de WP. Seguridad.

Uso de WordPress
·Entradas.
·Páginas.
·Taxonomías.
·Comentarios. Multimedia. Widgets. Plugins.

Configuración
·Instalación de temas.
·Instalación de plugins.
·Ajustes de WP.
·Estructura de un tema o plantilla.
·Partes de un tema de WP.
·Jerarquía de ficheros.
·La hoja de estilos.
·Fichero de funciones.
·“Template tags” y “conditional tags”.
·El bucle (the loop).

Modificación de un tema o plantilla
·Manipulación de la hoja de estilos.
·Manipulación del fichero de funciones.
·Creación de plantillas de páginas.

Creación de un tema o plantilla
·Planificación previa y diseño.
·Versión estática del tema (HTML y CSS).
·Distribución de ficheros del tema.
·Inclusión de “template tags”.

WP como CMS
·Campos personalizados.
·Tipos de entradas personalizadas.
·Taxonomías personalizadas.
·Shortcodes.

Publicación
·Configuración del servidor remoto.
·Creación de la base de datos.
·Instalación de WP.
·Migración del contenido.
·Transferencia de archivos del tema.
·Ajustes finales.

Otros CMS
·Plataformas alternativas a WP.
·La plataforma Joomla.
·Instalación de Joomla en el servidor local.
·Panel de control de Joomla.
·Publicación de contenido con Joomla.
·Instalación de temas de Joomla.
·Panel de control de Drupal.
·Publicación de contenido con Drupa

360 horas
280 h. presenciales + 80 h. Proyectos Finales