Máster Diseño Web (I) Front-End Developer & Designer en Salamanca en Élite Formación Salamanca

Dirigido a:

Personas interesadas en actualizar y mejorar sus conocimientos de Diseño Web.

Lugar de impartición:

en Salamanca

1. Introducción al Diseño Web.

Diccionario de Conceptos.

- Diseño, Maquetación, Programación, CMS, Wordpress, Joomla, FTP, Wireframe, Front-end, Backend,

SEO, SEM, Responsive dedign…


2. Organización del Proyecto.

Método de trabajo.

- Organización de proyectos para trabajo en grupo.

- Relación entre Diseñador, Maquetador, Programador.

- Inspiración e Ideas. Creatividad. Búsqueda, anotación y análisis de tendencias.

- Recursos para la creación de la web. Recursos gratuitos y de pago. Banco de imágenes y videos,

Gráficos, Clip Arts, uso de cliente FTP, tipos de servidor, librerías de Java, Scripts, Jquery…


3. Diseño Front-end.

Wireframe.

- Diseño de Información.

- Creación de esqueleto o estructura visual de un sitio web mediante el uso de bocetos a mano y de

software específico.

Diseño de navegación.

- Interfaz.

- Navegación.

- Experiencia de usuario.

- Análisis en diferentes dispositivos desde los que se visualizará la Web.

Práctica 1 “Creación de un Wireframe para Movil y para Web”

Adobe Illustrator CS6. Diseño vectorial.

- Conceptos de diseño orientados a Web y dispositivos móviles.

- Interfaz de Illustrator: Ventanas y herramientas.

- Trabajo con vectores, trazados, buscatrazos, alinear, trabajo por capas, guías.

- Importación de wireframe a trazos vectoriales.

- Diseño y optimización del proyecto Web.

Tipografía

- TypeKit, Google fonts.

- Exportación.

Práctica 2 “Creación de un Leer más diseño de Web vectorizado”

Adobe Photoshop CS6. Retoque fotográfico y optimización para maquetación. (20 horas)

- Interfaz de Photoshop: Ventanas y herramientas.

- Conceptos de diseño orientados a Web y dispositivos móviles.

- Retoque fotográfico.

- Trabajo: Trazados, acciones, trabajo por capas, herramientas de color, sectores, mapas, cortes,

exportación.

- Optimización de diseño para Maquetación Web.

Práctica 3 “Creación de un diseño de Web, PSD y objetos para maquetación”

Adobe Fireworks CS6.

- Interfaz y herramientas.

- Maquetación y exportación en HTML.

Práctica 4 “Maquetación de Web HTML por tablas”

Adobe Muse CC.

- Creación de sitio Web con Adobe Muse CC.

Práctica 5 “ Diseño y Publicación de site con Adobe Muse”


4. Maquetación y Programación Front-End.

Adobe Dreamweaver CS6.

- Interfaz de Dreamweaver: Ventanas y Herramientas.

- Conceptos de diseño orientados a Web y dispositivos móviles.

- Espacio de trabajo.

- Trabajo con sitios de Dreamweaver.

- Creación y administración de archivos.

- Creación de páginas con CSS.

- Trabajo con etiquetas div.

- Maquetación de páginas con HTML.

- Adición de contenido a las páginas.

- Establecimiento de vínculos y Navegación.

- Trabajo con el código de las páginas.

- Adición de comportamientos JavaScript.

- Trabajo con otras aplicaciones.

- Creación de formularios.

- Creación de páginas dinámicas.

Práctica 6 “maquetación y programación de una Web”Leer menos