Módulo I. Adobe Creative Web ®
Diplomado en Diseño Web

I. Fireworks® 

Objetivos

Que el alumno:

A aprenda las técnicas de creación, optimización y animación de gráficos para Web.

Aproveche las capacidades y comportamientos con javascript para la producción de elementos interactivos.

Aproveche la capacidad de maquetación y exportación CSS para su aprovechamiento en DW.

• Introducción
• Creacíon de imágenes mapa de bits
• Imágenes vectoriales
• Animación
• Interactividad
• Creación de comandos
• Creación de foto álbum web
• Proceso por lotes
• Exportación y optimización
• Creación de prototipos
• Maquetación y páginas maestras
• Exportación html y css

II. Flash®

Objetivos

Capacitar al participante en la creación e incorporación de Media Enriquecida para provocar mayor interés del visitante al sitio Web.

• Introducción
• Creación de Objetos.
• Creación de Símbolos
• Bitmaps
• Animación Clásica:
  fxf: onion skin, externa, secuencias, ps
  tween shape
  tween motion
  guías
  máscaras
  compuestas
• Curvas de animación
• Filtros y proyecciones
• Uso de clips de película
• Audio: Sync: event, start, stream
• Video: Embed, Stream
• Publicación
• Animación Motion Tween:
  motion editor
  motion presets
• Animación de cámara
• Armature: animación por esqueletos IK

III. Dreamwaver®

Objetivos

Que el alumno:

Aprenda las técnicas de creación y publicación de sitios Web interactivos con Dreamweaver.

Aproveche el FW de Adobe para AJAX en la creación de sus sitios.

Esté capacitado para el diseño de sitios estáticos y activos.

• Introducción: Sitios estáticos, activos y dinámicos
• Definición del sitio
• Interfase
• Archivos de Texto
• Introducción a los Estilos en Cascada (CSS)
• Imagen, Flash y Otros Medios
• Navegación
• Lay outs:
  Tablas y propiedades
  Layers o AP Elements
  Frames e iFrames
  Spry (FW AJAX de ADOBE) Lay Out
  Maquetación por Divs y CSSs
• Uso de bibliotecas y plantillas
• Behaviors:
  Spry Effects
  Propiedades e interacción CSS
• Creación de Formularios:
  Elementos diversos del formulario
  Spry de validación de formualrios
• Spry Data Sets:
  Master - Detail Region: con html y xml

CSS CSS: Estilos en Cascada Fundamentos

Fundamentos de CSS Tipos de CSS Dónde se coloca? Estructuración de código Tipos de estilos Cascada y especifidad Herencia Planificación, organización y mantenimiento Modelo de formato visual Modelo de caja Posición relativa Posición absoluta Flotación Texto flexible Tamaño del texto Unidades de medida: absoluta, relativa. Técnicas de trabajo con base flexible Hipervínculos Imágenes de fondo y sustitución de imágenes Fundamentos de páginas de fondo Cajas de esquinas redondeadas Sombras

Aplicación de estilos a vínculos Estilos en vínculos Subrayados Diferenciar tipos de vínculos Creación de rollovers Estilos para listas y barras de navegación Navegación escalable Estilo básico de lista Creación de una barra de navegación Formato Bordes Margen Etiquetas y adornos Mapas de imágenes CSS Diseño de layouts con CSS Centrado de un diseño Diseños flotantes Diseño de anchura fija, líquido y elástico

Módulo II. Programación Web
Diplomado en Desarrollo Web

I. Actionscript

Objetivos

Que el alumno:

Comprenda la lógica y sintaxis de la programación para su óptimo aprovechamiento dentro de AS.

Sea capaz de mejorar el performance en sus películas de flash.

Comprenda y aproveche el modelo de eventos y objetos para incorporar interacción a sus películas de flash.

Introducción a la programación procedural y AS3

Variables:

• Tipos
• Declaración
• Asignación

Estructuras de control:

• Secuenciales
• Selectivas: if, else if, switch
• Recursivas: while, do while, for

Funciones:

• Globales y definidas por el usuario
• Creación y propiedades

Variables agregadas: Arreglos: Array

Introducción a los objetos AS3:

• Eventos
• Propiedades
• Métodos Eventos:
• MouseEvent
• TimerEvent
• KeyboardEvent
• Event
• ProgressEvent
• Display List:
• Display Object
• Dsiplay Object Container
• Métodos y Propiedades

Objetos:

• Math
• TextField
• TextFormat
• Date
• URLLoader
• Loader
• Tween

Entre otras, se realizarán estas prácticas:
Un menú

• Animación y simulación
• Máscara interactiva
• Menú Contextual
• Calculadora de comisiones
• Precargador
• Fecha y hora
• Carrousel de banners aleatorios

II. Desarrollo de aplicaciones con DW

Objetivos

Que el alumno:

Comprenda el modelo apache/php/mysql para el desarrollo de sus sitios dinámicos.

Comprenda el flujo de trabajo en phpMyAdmin para la creación y gestión de sus BDs.

Incorpore los comportamientos de servidor de DW para el desarrollo de aplicaciones dinámicas.

Genere un sistema de gestión de datos en línea.

Tipos de sitios web:

• Estáticos
• Activos
• Dinámicos

Definir un sitio Web dinámico

• Server model: php / mysql
• Local host

Tópicos introductorios de sitios dinámicos:

• php: sintaxis, variables, estructuras de control y aplicación
• Bases de datos: mysql y php MyAdmin: creación, normalización, exportación, importación.
• mysql comandos y funciones principales
• Creación de usuarios y privilegios
  

Creación de una base de datos

• Conexión a la BDs
• Desplegar información de BDs
• Navegación en registros
• Propagar datos: menú
• Propagar datos a páginas de resultados
• Filtrar y cruzar datos con SQL, consultas

Sistema de Gestión de Datos:

• Consultas (extracción de datos)
• Inserción de datos
• Actualiazción de datos
• Borrado de datos

Performance (mejoras al sistema vía php):

• Evitar inserción de datos duplicados
• Consultas totales (full joint)
• Consultas parciales (left joint)
• Lógica de restricción de clave foránea con php (preservando integridad referencial de datos)