Diplomado en Diseño Interactivo Web

Descripción:

Dirigido a profesionales que requieren y desean desarrollar proyectos Web, tanto en interface como en diseño, este Diplomado dará la posibilidad de satisfacer los 2 puntos de desarrollo, sea bien desde el levantamiento en código de HTML y CSS o usando un Sistema de Gestión de Contenidos para que éste sea auto-administrable, para todo esto utilizaremos las herramientas de Adobe Fireworks y Dreamweaver CS6, más el manejo del Sistema de Gestión de Contenidos (CMS) – WordPress, adicional se contemplan 2 módulos que le permitirá obtener al participante bases claras y actualizadas en términos de diseño, diagramación, optimización, evaluación de costos, tiempo de desarrollo, como también, identificar los conocimientos esenciales sobre comunicación digital, usabilidad y arquitectura de la información, que se requieren para crear sitios Web eficaces a través de una metodología estructurada. El programa de estudios se basa en la realización de proyectos que desarrollan en el participante las habilidades en diseño y producción de sitios web en 6 módulos de actividades con fundamentación teórica y práctica.

Duración, modalidad y asistencia:

El Diplomado esta concentrado en un cuatrimestre intensivo, el cual es presencial y no debe exceder de un 25% de inasistencia por módulo para su aprobación.

Beneficios:

  • Conocer los fundamentos del diseño Web
  • Desarrollar soluciones integrales en proyectos de comunicación Web
  • Manejar un sistema de Gestión de Contenidos (CMS) para el desarrollo de sitios auto- administrables
  • Crear, optimizar y diseñar gráficos para la Web
  • Estructurar y desarrollar sitios Web
  • Posicionar efectivamente sitios Web en Internet
  • Enriquecer la experiencia del usuario al integrar animación, video, audio y gráficos
  • Mejorar la experiencia del usuario a través del diseño de interfaces atractivas y funcionales
  • Implementar usabilidad y accesibilidad a proyectos Web
  • Estimar la evaluación de costos, presupuesto y tiempo de desarrollo
  • Diseñar sitios Web de alto impacto
  • Incrementar habilidades laborales y capacidades profesionales

Contenido Programático:

Módulo 1: Lenguaje de Programación (HTML y CSS)
  • Definición del HTML
  • Estructura del HTML
  • Sintaxis y marcaje del lenguaje
  • Marcaje del lenguaje
  • Definición del Estilo de Cascada (CSS)
  • Estructura del CSS
  • Selectores y Clases
  • Atributos y Propiedades de los estilos
  • Unidades y Valores
  • Fuentes y Textos
Módulo 2: Fireworks
  • Introducción y conceptos básicos
  • Área de trabajo
  • Creación y presentación de un Prototipo ó Wireframe
  • Creación y manipulación de Imágenes vectoriales y mapas de bits.
  • Trabajo con layers, estados y páginas
  • Uso de las páginas maestras
  • Creación y uso de Símbolos
  • Trabajo con textos
  • Animación
  • Optimización de imágenes
  • Métodos de exportación
  • Mapas de Imagen y Segmentación de Imágenes
  • Optimización y exportación de documentos
  • Creación de una página con CSS e integración con Dreamweaver
Módulo 3: Dreamweaver
  • Area de trabajo
  • Construcción del sitio
  • Adición de mapas de imagen, animación y formas
  • Creación de Links
  • Creación de Layout y Tablas
  • Utilización de hojas en estilo cascada
  • Librerias y Plantillas
  • Estilos CSS
  • Formas
  • Frames
  • Sprites
  • Behaviors
Módulo 4: WordPress

Introducción
– Presentación
– Conceptos básicos
– Glosario

Prerequisitos
– Servidor web
– Base de datos
– Editores de textos / CSS
– Software recomendado

Instalación
Hospedajes de “un click”
Instalando en tu servidor
– Descargar
– Crear base de datos
– Configuración / claves secretas
– Activar

Configuración de opciones
Opciones básicas
– General, privacidad, zona horaria, permalinks, comentarios, escritura, lectura, escritura
Usuarios
– Roles y permisos

El Contenido
Conceptos básicos
– Diferencias entre post y páginas
– Jerarquías de páginas
– Editor Visual
– Editor HTML
– Privacidad
Posts
– Previsualización y publicación
Páginas
– Previsualización y publicación
Categorías y Etiquetas
Comentarios
– Moderación
– Spam, Akismet
Contenido Multimedia
– Imágenes
– Videos
– Sonido
– Archivos
Métodos y plataformas de publicación
– Por email
– Aplicaciones de escritorio
– Con dispositivos móviles

Personalización
Blogroll
– Enlaces
– Categorías
Apariencia
– Temas por defecto
– Temas gratis
– Personalización: traducción, estilos y gráficos
– Temas Premium
– Widgets
– Plug-ins
– Introducción
– Plug-ins básicos y avanzados

El Dashboard
– Acceso rápido a las funciones básicas
– Publicación
– Moderación de comentarios
– Estadísticas
– Plug-ins que se muestran en el dashboard

Promoviendo tu Blog
Sindicación con Feedburner
Directorios
– Notificación automática
Estadísticas
– Estadísticas de tu hospedan
– Google Analytics
– Reinvigorate
Publicidad

Mantenimiento de tu Blog
– Actualizaciones
– Actualizaciones de plugins
– Migración a otro hospedaje
– Restaurar desde una copia de seguridad

Ejemplos
– WordPress.com showcase
– Proyectos en el mundo real.

Módulo 5: Metodología y Diagramación
Módulo 6: Interfaz

Objetivo:

Crear un profundo conocimiento en el desarrollo y diseño de interfaces a fin de optimizar la interacción entre los usuarios y los contenidos virtuales de Internet.

Requisitos:

Familiarizado con Sistema Operativo MacOS o Windows PC

Share This