Menú

Diseño y desarrollo proyectos web y moviles del centro INTECAP - Bogota

Programa de Diseño y desarrollo proyectos web y moviles

Modalidad: Presencial
Duración 56
Localización: Bogotá D.C.

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

Información Adicional

* Certificado de Asistencia (INTECAP como Academia Microsoft).





REQUISITOS:



Tener conocimientos, experiencia Básica en Sistemas.





Fecha Inicio



Jueves 10 de Marzo de 2016 Lunes - Viernes 7:30 am - 10:30 am

Jueves 14 de Abril de 2016 Lunes - Viernes 6:00 pm - 9:00 pm

Sábado 16 de Abril de 2016 Sabados - 7:00 am - 1:00 pm
Contacta ahora con el centro

Junglebox S.L. (Responsable) tratará tus datos personales con la finalidad de gestionar el envío de solicitudes de información requeridas y el envío de comunicaciones promocionales sobre formación, derivadas de tu consentimiento. Podrás ejercer tus derechos de acceso, supresión rectificación, limitación, portabilidad y otros derechos, según lo indicado en nuestra P. de Privacidad​