Máster Profesional en Diseño Gráfico y Web

En cuanto a la parte de diseño y desarrollo web de este máster, compuesta de dos módulos, el alumno aprenderá las bases de los lenguajes de diseño web y programación más utilizados del mundo (HTML5, CSS3, JavaScript, jQuery, PHP7…) y también sobre la gestión y desarrollo de contenidos en el CMS más usado en la actualidad, Word-Press (creación e instalación de temas, configuración de la plataforma, instalación de plugins…), adquiriendo, de esta forma, conocimientos más que suficientes para el diseño de páginas web.

Salidas profesionales

•Desarrollador Front-end
•Especialista en diseño de páginas web
•Visual designer
•Diseñador gráfico
•Director de arte en revistas, productoras y agencias de publicidad
•Maquetador editorial
•Creativo publicitario
•Experto en packaging
•Especialista en tratamiento y retoque digital de imágenes
•Experto en diseño publicitario
•Copywriter
•Experto en branding e identidad corporativa

Temario:

DISEÑO GRÁFICO (ADOBE TOOLS)

01- ADOBE ILLUSTRATOR

· Modos de color
· Mesas y espacios de trabajo
· Formas básicas
· El color
· Pinceles
· El lápiz
· La pluma
· Trazos
· Girar/Reflejo
· Efectos
· Texto
· Borrador/Tijeras/Cuchilla
· Insertar imágenes
· Calco interactivo
· Pintura interactiva
· Mallas de degradado
· Máscara de recorte
· Buscatrazos
· Motivos
· Transparencia
· Símbolos
· Panel de apariencia
· Expandir objetos
· Cuadrículas de perspectiva
· Objetos en 3D
· Impresión y salida

02- ADOBE PHOTOSHOP

· Modos de color
· Espacios de trabajo
· El pÍxel
· Capas
· Formas básicas
· Herramientas de selección
· El color
· Varita mágica
· Cuentagotas
· Pinceles
· El lápiz
· Tapón de clonar
· La pluma
· Texto
· Tratamiento de las imágenes (ajustes)
· Panel corrector
· Desenfocar
· Sobreexponer/Subexponer
· Objeto inteligente
· Escala
· Mockups
· Impresión y salida

03- ADOBE INDESIGN

· Nuevo documento
· Márgenes y columnas
· Página maestra
· Capas
· Columnas
· Guías (retícula)
· El color
· Trazo
· Vínculos
· Texto
· Trabajo con estilos
· Tablas
· Tipos de alineación
· Trabajo con objetos
· Símbolos y caracteres especiales
· Impresión y salida

PRODUCCIÓN GRÁFICA Y CREATIVIDAD

01- PRODUCCIÓN GRÁFICA

· Introducción
· Definición de “proyecto gráfico” y planificación del trabajo
· Los procesos de producción gráfica
· ¿Qué es el diseño? (Introducción)
· Lenguaje visual (ejemplos aplicados en diseño)
· Elementos del diseño (elementos conceptuales, visuales, de relación y prácticos)
· Composiciones características en diseño
· El color (la naturaleza del color, psicología del color, ejemplos aplicados en diseño)
· RGB y CMYK
· La imagen digital (tamaño y resolución)
· Formatos (PDF, PDF.X, TIFF, EPS, GIF, PNG, JPEG)
· Tipos de impresión
· Acabados y ejemplos
· Diseño para gran formato (acabados y ejemplos)

02- CREATIVIDAD APLICADA AL DISEÑO

· Introducción
· Comunicación visual (transmitir a través de una imagen)
· Conceptos de creatividad y actitud creativa
· El proceso creativo en el entorno del diseño gráfico
· Procesos creativos (brainstorming, moodboards, etc.)
· Ejercicio creativo (representación de una forma a través de conceptos abstractos)
· Identidad corporativa (proceso de creación de una marca)
· Tipografías (clasificación y combinaciones tipográficas)
· Tipografía aplicada al diseño
· Fuentes Truetype, Opentype, Post-Script.
· Estrategías de marca, manual de identidad, aplicaciones, papelería corporativa, etc.
· Ejercicio práctico (diseño de identidad corporativa)
· Métodos de búsqueda de ideas (pinterest, Domestika, Behance, etc.)
· Las reglas que no se deben ignorar para elaborar un buen diseño
· Teoría básica de packaging
· El color en el packaging (ejemplos)
· Ejercicio práctico (diseño de packaging)
· Ejercicio creativo (representación de uno mismo a través de una letra)
· Teoría básica de maquetación
· Ejemplos aplicados en diseño
· Tipos de papeles, acabados, gramajes, tintas especiales, troquelados, etc. (ejemplos)
· Ejercicio práctico (diseño de una revista creativa)
· Tutorización del proyecto final

DISEÑO WEB CON HTML5 Y CSS3

01- DISEÑO WEB

· Principios básicos del diseño web
· Principios de usabilidad
· Principios de accesibilidad
· Creación y optimización de imáge-nes para web
· Piezas básicas publicitarias: ban-ners, redes socialesHTML + CSS: estándares web
· Introducción a la web: navegadores, motor de navegaciones, sistemas 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
· Tablas
· Enlaces: hipervínculos y anclas
· Listas: ordenadas, desordenadas y de definiciones
· Etiquetas meta
· Uso de iFrames
· Formularios
· Rutas y direcciones: relativas y absolutas
· Propiedades CSS
· Enlazar CSS
· Selectores CSS
· Pseudoselectores y pseudoelementos
· Vídeo en HTML5
· Audio en HTML5Responsive design (diseño web adaptable a tablet/móvil)
· Vídeo en HTML5
· Audio en HTML5Edició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
· Servidores y registro de dominiosDesarrollo Front-End (Javascript y jQuery)
· Introducción a JavaScript y jQuery
· Conceptos básicos para el uso de plugins jQuery
· Creación de ejemplos prácticos: des-plegables, galerías, sliders
· Introducción a CMS: WordpressDesarrollo Back-End
· Introducción a servidores
· Introducción a lenguajes de servidor (PHP y MySQL)Posicionamiento web: SEO
· Entendiendo los motores de búsqueda
· Usabilidad web
· Introducción al SEO On Page
· Marketing web

DISEÑO WEB CON WORDPRESS

01- WORDPRESS

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

Uso de WP
· 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 Drupal

Titulación:

CEI es un Centro de Formación Autorizado por Apple. Por ello, nuestros alumnos podrán obtener la certificación profesional de Apple e impulsar su carrera en tecnologías del diseño y de la información, entornos empresariales y mercados B2B.

IBM confía en nosotros y por ello nos ha otorgado la insignia IBM Education Partner. Este sello premia a centros de enseñanza que mantienen y fomentan una formación de calidad.

Nuestra escuela se consolida como Centro de Formación de referencia de Maxon en España y nos convertimos en la 1ª escuela de Europa en ser Maxon Training Provider for R18.

Duración:

720 horas. 12 meses

Fechas:

Próxima fecha de inicio: 21 de enero de 2018.

Lunes a viernes

HORARIOS MAÑANAS
09.00 - 12.00 H.
12.00 - 15.00 H.

TARDES
16.00 - 19.00 H.
19.00 - 22.00 H.