Introducción al diseño de páginas web

Datos de interés

Modalidad: Semipresencial.
Duración: 90 horas.
Horario: 16:00 a 18:15 horas.

Objetivos

Generales:

• Adquirir los conocimientos teóricos y prácticos necesarios sobre técnicas de edición de páginas web e imágenes, técnicas de diseño, animaciones y herramientas de creación y gestión para diseñar páginas web de calidad.
  

Específicos:

• Conocer y manejar los conceptos generales y técnicas básicas de diseño de páginas web.
  
• Adquirir competencias y habilidades para poder realizar tareas de edición y diseño de páginas web.
  
• Adquirir competencias y habilidades para trabajar sobre gráficos, imágenes y su tratamiento, formatos de salida y optimización de las web para la edición de imágenes.
  
• Aplicar los conceptos básicos de la animación para introducir y crear animaciones en páginas web.
  
• Conocer y manejar las diferentes herramientas de creación para gestionar un sitio web.

Programa

1. Conceptos generales y técnicas de diseño:
   

Teoría:

• Introducción.
  
• La tipografía.
  
• Logotipos e iconos.
  
• Ilustraciones.
  
• Fotografías.
  
• Las formas.
  
• El equilibrio en el diseño.
  
• Jerarquía visual.
  
• El color.
  
• Las texturas.
  
• El dinamismo.
  
• Conclusiones.
  

Práctica:

• Trabajando con el color y las diferentes texturas, así como formas, tipografías y logotipos en busca del equilibrio en el diseño.
  

2. Técnicas de edición de páginas web.
   

Teoría:

• Introducción.
  
• Conocimiento del medio: Internet.
  
• Los estándares: HTML, CSS, XML.
  
• Tipos de sitio web y arquitecturas.
  
• Diseño centrado en el usuario.
  
• Teoría de la navegación. Principios básicos.
  
• Diseño modular.
  
• Posicionamiento mediante tablas.
  
• Hojas de estilo.
  
• Conclusiones.
  

Práctica:

• Editando páginas web a través de las diferentes técnicas que permite los diferentes estándares en diseño de páginas web.
  

1. Edición de imágenes.
   

Teoría:

• Introducción.
  
• Gráficos en la página web: tipos y consideraciones iniciales.
  
• Obtención de imágenes: fotografía digital y escaneado.
  
• Programas para el tratamiento de imágenes: imagen vectorial vs mapas de bits.
  
• Adobe Photoshop para el diseño web.
  
• Macromedia Freehand para el diseño web.
  
• Formatos de salida y optimización para la web.
  
• Conclusiones.
  

Práctica:

• Trabajando con los programas Adobe Photoshop y Macromedia Freehand.
  

4. Animaciones multimedia para Web.
   

Teoría:

• Introducción.
  
• Uso de multimedia en la web: los plugins.
  
• La animación: conceptos básicos.
  
• Introducción a Macromedia Flash para la creación de animaciones.
  
• Video, formatos, codecs y streaming.
  
• Edición y postproducción de video.
  
• Audio.
  
• El 3 D
  
• Resumen de contenidos.
  

Práctica:

• Introduciendo las diferentes imágenes y gráficos creados en diferentes páginas web.
  

5. Herramientas de creación y gestión de sitios web.
   

Teoría:

• Introducción.
  
• Entorno de trabajo.
  
• Definición de sitios web.
  
• Configuración de la páginas web.
  
• Insertar textos, imágenes.
  
• Animación en la línea del tiempo.
  
• Formularios y marcos.
  
• Publicación.
  
• Creación de la web del alumno.
  
• Conclusiones.
  

Práctica:

• Insertando textos, imágenes, formularios y macros en el entorno de trabajo para crear una web para su aplicación.
  

Organizador formación: FECOM

Enlace externo: http://www.fecom.es