Máster Diseño Web - Aula Creactiva

Brindar una formación integral para que los estudiantes puedan trabajar como diseñadores web en un estudio como en agencias de publicidad.
Aprender a planificar, desarrollar y ejecutar sitios web siguiendo los estándares o normativas más actualizados.
Conocer los conceptos propios del diseño web y saber cómo poder aplicar el lenguaje HTML +CSS, por medios del editor en tendencia como lo es VisuAL Code Studio.
Manejar las herramientas básicas de Google web designer, fundamental para el diseño y la animación de banners publicitarios y también para anuncios.
Ahondar en los temas del color, la usabilidad, la tipografía, etiquetas multimedia avanzados, entre otros.

Master Diseño Web

HTML + CSS
- Introducción al diseño web
- ¿Qué es una página web?
- Un poco de Historia. Evolución de la web.
- World Wide Web.
- Navegadores Web.
- El perfil del diseñador Web.
- Front end / Back end.
- Fundamentos para saltar a la web.
- Gama RGB y colores Hexadecimales.
- Tamaños en la web. El pixel.
- Anatomía básica de una página web.
- Planificación Web / Arquitectura de la web ( Diagramas de flujo, Wireframes, maquetas, diseño estático…)
- Optimización de imágenes con Photoshop / Illustrator.
- Formatos de imagen de mapa de bits: JPG, GIF, PNG.
- Transparencia en imagen.
- Creación de banners GIF animados.
- Creación de Mockups web
- Organización de un sitio web / carpeta raíz.
- Precauciones en el nombramiento de archivos y carpetas
- Editor de código: Visual Studio Code
- Lenguaje Html: Hipertext markup language
- HTML5
- Terminología y Sintaxis
- Etiquetas básicas estructurales: html, head y body
- Etiquetas básicas de formato: h1, h2, h3, p, strong, a…
- Rutas relativas y absolutas
- Formateo de textos
- Insertar comentarios
- Jerarquía de la información
- Trabajar con imágenes
- Insertar vínculos internos y externos
- Vinculos a archivos (pdf, zip, imagenes…)
- Listas html
- Estilos por defecto de navegadores
- Embedir / insertar contenidos externos (videos youtube u otras plataformas, mapas de google, etc)
- Insertar y trabajar con tablas
- Hojas de estilo en cascada (CSS2):
- Estilos externos e internos
- Concepto de Herencia
- Tipos de selectores css: Selector de Etiqueta, Selector de Clase, Selector de ID y Selectores Compuestos
- Efectos rollover (compuesto :hover)
- El modelo de caja: tamaños, bordes, margin y padding
- Maquetación y creación de estructuras web con etiquetas DIV
- Concepto caja container 960px y concepto Fullwidth 100%
- Flotaciones y limpieza de flotaciones: Float y Clear
- Menús de navegación con listas html y css
- Catálogo de tipografías google web fonts
- Concepto Dominio y alojamiento (hosting), Servidor y FTP
- Conexión vía FTP con el Servidor para publicar archivos en la red. (Filezilla)
ANIMACIÓN HTML 5
- Fundamentos, interfaz, paneles y tipos de proyectos
- Importación de elementos
- Modo de animación rápido (escena a escena)
- Modo avanzado (línea de tiempo)
- Transiciones de aceleración (easing)
- Repetición de animación en bucle infinito
- Inserción de vínculo a través de área de pulsación
- Diseño adaptable. Adaptación de banner a otros tamaños.
- Trabajar con plantillas
DISEÑO WEB AVANZADO
- Fundamentos diseño web
- Color
- Tipografía
- Usabilidad
- HTML5
- Estilos CSS Avanzados
- Etiquetas semánticas
- Etiquetas Audio / Video
- Novedades CSS3
- Campaña Online Banners
- Menús complejos
- Animaciones con CSS
- Uso de tipografías no estándar
- Diseño de mailing, newsletter, landing pages
- Publicación de un proyecto web
- Web corporativa HTML + CSS
- Publicar un proyecto web
- Recursos javascript / jquery (Galerías, efectos, sliders…)
- Formularios de contacto con PHP
- Diseño web para dispositivos táctiles: Smartphone/Tablet
- Diseño Web Responsive
- Bootstrap
- Cajas flexibles con display: flex
- Visual Studio Code
DISEÑO WEB WORDPRESS
- Introducción a WordPress
- Qué es un CMS
- Instalación
- Crear contenido
- Entradas, categorías y etiquetas
- Páginas
- Menús
- Sidebar y Widgets
- Personalización de Plantillas con Css
- Instalación y uso de Plugins imprescindibles
- Tienda online con plugin: Woocommerce
- Usuarios
- Ajustes
- Migración