Contenido
METODOLOGIA:
La Capacitación es 100% presencial, 100% basada en prácticas desarrolladas por todos los Alumnos, cada Alumno cuenta con un potente computador (Monitor LCD 19\") desde el momento en que inicia hasta que se termina la capacitación, además es personalizada puesto que son grupos pequeños con un máximo de diez(10) Alumnos. Los fundamentos teóricos son presentados con un lenguaje sencillo y común que permite de forma muy fácil a cualquier persona, asimilar todos los conceptos, términos técnicos y dominar la jerga utilizada en el tema, puesto que simultáneamente se desarrollan talleres de práctica, organizados consecutivamente para el desarrollo temático de forma gradual y evolutiva, finalizando cada módulo el Instructor realiza una retroalimentación para la revisión de dudas e inquietudes, al finalizar la capacitación se realiza un examen de comprobación de conocimientos que le permitirá medir que tanto aprendió y avanzó con respecto a los temas.
CONTENIDO
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 – 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 – Tablet – 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 – CSS3 – 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
