El DIplomado en Diseño Web tiene como propósito capacitar al interesado en el diseño de páginas web para que conozca el proceso de planeación y diseño de un sitio web profesional, desde la preparación de imágenes fotográficas, animaciónes básicas, menús, botónes, tipografías, formularios, etc. hasta el concepto, diseño y publicación del sitio.

El diplomado se divide en 3 módulos. El Módulo 1 nos permite conocer como preparar imágenes mediante el software Adobe Photoshop ®; el Módulo 2 nos introduce por el mundo de la animación vectorial conociendo las bases de Adobe Flash® y en el Módulo 3 se estudia el proceso de construcción del sitio, arquitectura de la información, las diferentes tipos de estructuras de un sitio así como las bases para un diseño exitoso. En este módulo además se estudia Adobe Dreamweaver® software que nos permite la elaboración y publicación del sitio.

El diplomado se imparte en computado-ras iMac de reciente generación.

Calendario:

Módulo 1 del 1º al 25 de marzo.
Módulo 2 del 12 de abril al 13 de mayo.
Módulo 3 del 17 de mayo al 17 de junio 2010.

Inscripción abierta

Objetivo Módulo 1
El alumno conocerá como preparar imágenes en mapa de bits para su uso en proyectos web mediante el software Adobe Photoshop.®

Requisitos Módulo 1:
Conocimientos básicos de computación.

Duración:
8 sesiones de 2 horas c/u.
Lunes y jueves de 7 a 9 P.M.

Nivel:
Básico

Dirigido:
Jóvenes y adultos interesados en conocer como se preparan imágenes bitmaps.

Costo Módulo 1:
$ 2, 000.00 pesos

* Los pagos se realizan al inicio de cada módulo.

Módulo 1. Preparación de imágenes.

1. Introducción a Photoshop
1.1 Mapa de bits y vectores.
1.2 Los modelos de color RGB y CMYK. El color en la web.
1.3 La resolución de la imagen.

2. Entorno de trabajo
2.1 Herramientas de selección.
2.2 Empleo de capas.
2.3 Herramientas de pintura.
2.4 Modos de pintar.
2.5 Herramienta de texto.

3. Uso de Máscaras
3.1 La máscara rápida.
3.2 Los filtros.
3.3 La máscara de capa.
3.4 Capas de ajuste.

4. Empleo de la Pluma (Pen Tool)
4.1 Empleo de la Pluma y el panel de Paths.

5. Corrección de color
5.1 Uso de Niveles (Levels).
5.2 Balance de color.
5.3 Brillo y Contraste.
5.4 Curvas.
5.5 Duotonos.

Objetivo Módulo 2
El alumno conocerá como crear una animación vectorial, diseño de menús, mediante Adobe Flash.®

Requisitos Módulo 2:
Conocimientos básicos de computación y de Adobe Photoshop.®

Duración:
10 sesiones de 2 horas c/u.
Lunes y jueves de 7 a 9 P.M.

Nivel:
Básico

Dirigido:
Jóvenes y adultos interesados en crear animaciones para la web.

Costo Módulo 2:
$ 2, 500.00 pesos

Módulo 2. Animación e interactividad.

1. Introducción a Flash
1.1 El entorno de trabajo.
1.2 Creación de un documento. El panel de propiedades.

2. Herramientas de dibujo
2.1 Subselección, Lazo, Línea, Pluma, Texto, Circulos y Rectángulos.
2.2 Lápiz y pincel. Borrador, cuentagotas.
2.3 Herramienta de Transformación Libre.
2.4 Herramienta de Transformación de Relleno.

3. El uso de Capas
3.1 Propiedades de Capa.
3.2 Organizar y alinear objetos.

4. El uso de Símbolos
4.1 Clips de película, botónes y gráficos.
4.2 La Biblioteca.
4.3 Fotogramas.
4.4 Importar archivos de imágenes y sonidos.

5. Animaciones interpoladas
5.1 Interpolación de movimiento.
5.2 Interpolación de forma.
5.3 Máscaras.

6. Interactividad
5.1 Creación de botones.
5.2 ActionScript básico.
5.3 Eventos.
5.4 Arrastrar y deslizar objetos.

7. Cargar Películas
7.1 Creación de una presentación cargando películas externas.
7.2 Precargar con porcentaje.
7.3 Exportar archivo swf.

Módulo 3. Creación del sitio web

1.1 Objetivo del sitio.
1.2 El proceso de desarrollo de un sitio web.

2. Diseño del sitio
2.1 Organizar la información.
2.2 Estructura del sitio. Secuencial, reticular, jerárquico y en telaraña.

3. El diseño de la página
3.1 Características de la página principal.
3.2 Jerarquía visual.
3.3 Consistencia, dimensiones y longitud de la página.
3.4 Empleo de retículas.

4. Trabajando con Dreamweaver®
4.1 El entorno de trabajo.
4.2 La ventana documento.
4.3 La barra de herramientas documento.
4.4 La barra de herramientas insertar.
4.5 Creación de un sitio local.
4.6 Crear una página básica.
4.7 Insertar tablas.
4.8 Importar gráficos y multimedia.
4.9 Crear vínculos y botones.
4.10 Uso de la tipografía. Estilos en cascada CSS.
4.11 Uso de marcos.
4.12 Incorporar formularios.

5. Creación de un sitio web
5.1 Planeación del sitio.
5.2 Preparación de información y elementos gráficos.
5.3 Construcción del sitio.
5.4 Pruebas de usabilidad.
5.5 Publicación del sitio.