Diseño de Páginas Web en Querétaro

PRESENTACIÓN

La revolución tecnológica ha planteado numerosos retos, pero también grandes oportunidades: hay que formar profesionales especializados en los últimos avances y las nuevas tecnologías. Internet es ya una realidad en las empresas, en los comercios y se necesitan expertos o personas especializadas en este campo.

CONTENIDO TEMATICO

Este Diplomado es un programa académico que le brinda al estudiante el soporte teórico y práctico necesario para la planeación, diseño, desarrollo, implementación, mantenimiento y administración de sitios web. Le provee al estudiante los conocimientos indispensables en tecnologías, herramientas, servicios web.

Los temas anteriores se abarcan mientras el estudiante recibe capacitación a fondo en los programas líder para diseño web; Flash, Dreamweaver y Fireworks, todos en sus versiones CS4 respectivamente. Asimismo, este Diplomado proporciona el tiempo necesario para la producción de un proyecto web de principio a fin del mismo.

PROGRAMA

I. FIREWORKS CS4

1. Introducción a Fireworks
2. Entorno de trabajo

• Barras de menú.
• Paneles de diseño.
• Ventana de documento.
• Barra de herramientas.
• Inspector de propiedades.
• Reglas, guías y cuadricula.

3. Trabajo con objetos en Fireworks.

• Imágenes vectoriales y de mapa de bits.
• Caja de herramientas
• Objetos vectoriales
• Edición de objetos

4. Transformación y distorsión de objetos vectoriales

• Herramienta Escalar, Rotar, voltear sesgar y distorsionar.
• Organización de objetos.
• Alinear objetos.
• Combinar trazados.

5. Objetos de mapa de bits.

• Creación de objetos de mapa de bits.
• Herramientas de dibujo.
• Efectos sobre objetos de mapa de bits: Ajuste de color, Desenfocado, Perfilar, Ruido.

6. Rellenos y efectos.

• Uso de colores.
• Creación de colores personalizados con el mezclador de colores
• Aplicación de trazos y rellenos
• Aplicación de efectos de relieve, sombras y luces

7. Trabajo con Texto.

• Edición de texto
• Aplicar efectos al texto
• Crear atributos de texto
• Conversión de texto en trazados
• Importar texto
• Ortografía

8. Capas y enmascaramiento.

• Introducción a capas y mascaras.
• Trabajo con capas.
• Enmascaramiento de imágenes
• Edición de mascaras

9. Botones y zonas interactivas

• Creación de botones.
• Creación de zonas interactivas y mapas de imagen.
• Modificación de zonas interactivas.
• Creación de divisiones.

10. Menús emergentes
11. Animaciones.

• Símbolos de animación
• Fotogramas

II. FLASH CS4

1. Entorno de trabajo

• Elemento Time Line
• Elemento Library
• Elemento Layers
• Elemento Diseño asistido
• Elemento Inspectores

2. Animación Básica
3. Motion Tween
4. Guide Lines
5. Masks
6. Frame up
7. Efectos de tinta
8. Assets
9. Componentes
10. Frame Down
11. Combinación de Simbolos
12. Escenas
13. Uso de Action Script

• Entorno de trabajo
• Paquetes de Scripts
• Onion Skin
• Interfases Multiusuario

III. DREAMWEAVER CS4

1. Introducción

• Definición de términos y lenguaje de diseño Web.
• Definición y estructura de un proyecto.
• Implementación del entorno de desarrollo WAMP.
• Revisión del área de trabajo de Dreamweaver.
• FTP y HTTP.
• Gestión de proyectos en Dreamweaver (sitios locales).
• Publicación de contenido Web.

2. Estructura y codificación Web

• ¿Qué es HTML?
• Estructura básica de documentos en código HTML.
• Estructura de objetos Web en código HTML.

3. Objetos

• Atributos de texto.
• Atributos de imagen.
• Atributos de documentos.
• Hipervínculos: tipos, estructura y aplicación.
• Mapas sensitivos.

4. Maquetación (diagramación)

• Técnicas de diagramación.
• Estructura de un sitio con Tablas y formateo de contenido.
• Estructura de un sitio con Layers y formateo de contenido.
• Estructura de un sitio con Frames y formateo de contenido.

5. Interacción con el usuario

• Diseño de formularios.