Lo sentimos, en estos momentos este programa no está activo en CanalCursos.com
Máster Diseño Web (I) Front-End Developer & Designer
- Máster |
- Presencial en Salamanca
- Prácticas
Precio
Contacta con el centro para más información
Pide Información y sin compromiso
Descripción del curso
Detalles
Dirigido a:
Personas interesadas en actualizar y mejorar sus conocimientos de Diseño Web.
Temario:
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 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”...
Personas interesadas en actualizar y mejorar sus conocimientos de Diseño Web.
Temario:
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 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”
Sede principal del centro
Salamanca: C/ Azafranal 17-19 Entreplanta - Oficina 3 - 37002 - Salamanca- Salamanca: C/ Azafranal 17-19 Entreplanta - Oficina 3 - 37002 - Salamanca
Ofertas relacionadas
-
-
A distancia, Online y Semipresencial en Madrid, Barcelona, A Coruña, Álava y 46 provincias + -
-
Estás viendo
