Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Diplomado en Diseño y Desarrollo Web

La diferencia entre el Diseño de Sitios Web y el Desarrollo de Soluciones en Línea !

Presentación

Master Class se complace en  invitarte a formar parte del Diplomado en Diseño y Desarrollo Web.

Un  Diplomado de 88 horas, con un alto nivel de conocimiento estratégicamente planeado para desarrollar en el alumno la expertise y las capacidades necesarias que le ayudarán en la planeación, diseño, desarrollo e implementación de web sites optimos, dinámicos e impactantes.

Ofrecemos un espacio cómodo y agradable con instructores certificados que cuentan con amplia experiencia, para que nuestros estudiantes se concentren en el aprendizaje junto a los expertos dentro de un ambiente cordial y de funcionalidad.

Objetivo

Brindar un panorama general  del ambiente web, desde sus inicios hasta sus aplicaciones más avanzadas.

  • Proporcionar al alumno las herramientas necesarias para generar los elementos cotidianos de diseño y navegación en la construcción de un sitio web con Adobe Fireworks CS5.
  • Mostrar la importancia de la optimización de los elementos con Fireworks CS5 como base fundamental en el flujo de información con imágenes.
  • Desarrollar animaciones que realcen el contenido de un sitio web, los métodos y aplicaciones de uno de los medios que más cautiva la atención de los usuarios web mediante el uso del mejor programa de animación vectorial Adobe Flash CS5.
  • Generar una página web con la integración de los medios desarrollados, texto, gráficos, fotos, logotipos, animaciones, musica y videos mediante un editor de XHTML, Adobe Dreamweaver CS5.
  • Introducir al alumno a la lógica de programación mostrándole los lineamientos que condicionan su apropiada aplicación.
  • Potenciar los conocimientos adquiridos con Adobe Flash CS5 para generar aplicaciones dinámicas, animaciones avanzadas y ligeras con un óptimo desempeño en web mediante el uso de ActionScript 3.
  • Potenciar las habilidades del alumno para que a través de la OOP y las bases de datos sea capaz de desarrollar aplicaciones para sus sitios web, mediante DW, con tecnología PHP y MySQL.

Dirigido a

  • Diseñadores Gráficos que tienen la necesidad de superar el umbral que la programación presenta para lograr sitios no solo de grán impacto visual, sino también el desarrollo de aplicaciones efectivas.
  • Programadores de aplicaciones web que necesitan ampliar su escenario de influencia en el desarrollo de sitios web, logrando una comunicación más fluida y efectiva con los diseñadores de su equipo.
  • Líderes ó Administradores de Proyecto que requieren tener una visión amplia y clara acerca de los roles y alcances de sus grupos de trabajo.
  • Y en general este diplomado está orientado a cualquier persona que comparta el entusiasmo por iniciarse en el campo de la tecnología web y que busque capacitarse a fondo en los programas y tecnología líder del mercado, para aquellos que cuentan con un conocimiento previo y que desean potenciar los conocimientos adquiridos con la experiencia.
  • Diseñadores Industriales, Creativos, Comunicologos, Publicistas y profesionales de carreras afines al mundo del comercio y la comunicación descubrirán en este diplomado los alcances que un medio tan generoso como el web puede ofrecer.


Conocimientos previos

  • Experiencia elemental en el manejo de gráficos por computadora.
  • Experiencia en manejo de equipo de cómputo Pc o Mac.
  • Inglés básico

 

Actualizado a CS5
CS5
Cupo Limitado  •RESERVA TU LUGAR•   Tel. 171.04.45 •
Para mayor información comunicate con nosotros
mac win
Contenido general Diplomado en Diseño y Desarrollo Web

Módulo I. Adobe Creative Web ®
arrowDiplomado 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.
Produzca sitios y brinde a sus clientes la capacidad de actualización por medio de Adobe ICE.

  • 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
  • Adobe ICE: In Context Editing

 

 

Módulo II. Programación Web
arrowDiplomado 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
                MétodosObjetos AS3:
                Eventos
                Propiedades
                Métodos


  • 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)

Módulos adicionales sin costo:

Diseño con CSS

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
Medidas
Absolutas
Relativas
Porcentajes
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
Técnicas
Tipos
Sombras
Sustitución de imágenes

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

Actualización a CS5

Serán cubiertas las novedades de las aplicaciones: FW, Flash y DW. Como la simulación dinámica en Flash, entre otras.


Forma de pago: Solo se aceptan depósitos bancarios, para mayor información comunicate con nosotros.
Nota: no se aceptan pagos en efectivo

* precios más IVA, cambio sin previo aviso
- Master Class se reserva el derecho de cambio de Fechas o cierre de acuerdo al quórum de los Cursos

 


Ciudad de México:

Av.Concepción Béistegui #104 Col. Del Valle,
Tel: (55) 8596.5040
info@masterclass.com.mx

Ciudad de Aguascalientes:

Av. Madero 447 - 2º piso, Centro
Tel: (449) 171.04.45
info_ags@masterclass.com.mx

master class es... | capacitación | calendario| ubicación