Temario
OBJETIVOS:
Adquirir el conocimiento y experiencia suficiente para dominar a Nivel Profesional, la Planeación y las herramientas utilizadas en el diseño, construcción y administración de sitios WEB, y fortaleciendo las habilidades en el campo de Diseño Gráfico y posicionamiento WEB.
CONTENIDO
Diseno grafico web HTML5 CSS3 ADOBE
MODULO 1: Conceptos Básicos de Tecnologías Web
-Internet : Redes / Protocolos / DNS / URL
-Estándares: W3C / ICANN
-Navegadores: Cómo funcionan
-Servidores: Hosting / Dominios (Geográficos, Genéricos, Infraestructura) / TLD
-Tecnologías Front End:
-Diseño frontend
-HTML: Estructura HTML
-CSS: Hojas de estilo
-El lenguaje JavaScript
-Tipos de imagen en la web
-Fuentes Web
Tecnologías Backend
-PHP
-Trabajo con datos
-El sistema MySQL
-CMS: Administradores de Contenidos
-La Nube y sus servicios
-GitHub: Plataforma colaborativa de software y desarrollo
MODULO 2: Planeación
-Que es un Sitio Web (Página WEB)
-Clasificación de sitos Web
-Planeación: (Como iniciar un proyecto web)
-Objetivos de un Sitio Web
-Público Objetivo (Target)
-Contenido del sitio: Organización de la estructura del Sitio Web
-Mapa del Sitio
-Principios de Usabilidad y Accesibilidad
-Costos
MODULO 3: Diseño Web
-Fundamentos del Diseño Gráfico
-Teoría del Color y Significados del Color
-Modos de Color (RGB-HTML, CMYK, LAB, HSB).
-Tipografía
-Espaciado y Composición
-Gráficos: Mapas de Bits y Vectores
-Formatos Gráficos: jpg, png, git, tiff, svg.
-Consideraciones técnicas:
-Navegadores: Desktop y Móviles
-Resoluciones de Pantalla Desktop y Móviles
-Retina Display en el diseño web
-Espaciado y Composición
Tipos de Diseño Web:
-Pixeles
-Líquido
-Responsive design = diseño receptivo y adaptable
MODULO 4: Creación del Aspecto Visual
-Creación Wireframe (Estructura de una interfaz) o Mockup
-Software y utilidades para el diseño Web
-Illustrator
-Interfaz y Herramientas
-Creando imágenes Vectoriales
-Trazados, Curvas Bézier y Nodos
-Pathfinder
-Efectos vectoriales
-Uso de tipografías
-Perfiles de Color
-Formatos de archivo y exportación
Photoshop:
-Interfaz y Herramientas
-Creando y Manipulando Imágenes Bitmaps
-Selecciones
-Filtros y Efectos
Prototipos Web
-Creación de Interfaz Web UI
-Moodboards &ndash, Wireframe - Mockup
-Selecciones
-Filtros y Efectos
MODULO 5: Introducción a: HTML5 y CSS3
-Ventajas de HTML5
-Diferencias entre HTML4 y HTML5
Etiquetas de HTML5
-Nuevas Etiquetas
-Hojas de Estilo
-Links en Head
-Semántica
-Otras relaciones de links
-Etiquetas Obsoletas
-Estructura HTML5
Formularios Web
-Nuevos campos
-Validación en el cliente
-Atributo Type
-Estilos
Propiedades de CSS3
-Novedades en CSS3
-Sintaxis y principales propiedades
-Principales propiedades:
-Fuentes y Textos
-Bordes redondeados
-Sombras Gradients y Efectos
-Transformaciones
-Animaciones
-Introducción a Javascript: Interacción con el Usuario
-Qué es jQuery
-Selectores
-Transiciones
Canvas y dibujado
-Aplicaciones de uso
-Imágenes
-Grandientes
-Canvas en Internet Explorer
Audio y Vídeo
-Contenedores de vídeo
-Codecs de vídeo
-Codecs de audio
-Video en HTML5
-Alternativas con HTML5 + JS
-Etiqueta
Creación de un sitio Web básico con ADOBE DREAMWEAVER
-Conociendo el Área de Trabajo
-Configuración de Navegadores
-Creando un documento nuevo HTML
-Maquetando con CSS:
-Definiendo propiedades de la pagina
-Aplicando estilos para el LayOut
-Insertando imágenes y Elementos Multimedia
-Elementos jQuery: Barras de Navegación - Menú Acordeón y Panel de Fichas
-Adición de Múltiples paginas
-Creando múltiples paginas basadas en Templates
-Creando un Formulario de Contacto
-Validación con JS
MODULO 6: Diseño Web Responsive (Sitios Web optimizados para Móviles)
-Introducción al Diseño Web Responsive
-Planificación de la experiencia de usuario
-Layouts Responsive: Pensando el diseño para Dispositivos
-Media Queries
-Desktop &ndash, Tablet &ndash, Smartphone
-Navegación Responsive
-Uso de Medios en Responsive:
-Imagen
-Video
-Recursos para Diseño Responsive
-Modernizr y Respond.js
MODULO 7: Animación con HTML5 &ndash, CSS3 &ndash, JS - jQuery
-Que paso con Flash, Desaparecio ?
-Conceptos básicos de animación
-Creación de Animaciones con Adobe Edge Animate:
-Conociendo el Área de Trabajo
-Trabajar con texto, formas e imágenes
-Animación con Fotogramas clave
-Contenido Adaptable
MODULO 8: Publicación y Administración
-Que es Ftp y Herramientas de FTP
-Como estructurar un sitio en el servidor
-Publicación desde un Cliente FTP
-Administración del Web Site
-Manejo del panel de control desde un Hosting profesional
-Creación de Cuentas de Correo
-Herramientas
-Estadísticas (Google Analytics)
-SEO
-Que es SEO?
-Técnicas de Posicionamiento
