DISEÑO MICROCURRICULAR Código: F-GAC-03D Versión: 01 Edición: 18/02/2009 Nombre del Programa DISEÑO Y DESARROLLO WEB I Facultad articulada: Tipo de Evento: Duración: Comunicación Curso 50 Horas Objetivo General: Conocer e implementar Flash y Dreamweaver como herramientas facilitadoras del proceso de diseño y desarrollo de interfaces, interactividad y contenido para la Web. Objetivos Específicos: - Conocer el principio, presente y futuro de la Web según la historia y la evolución del Internet mismo - Aprender la sintaxis básica y estructura de una página XHTML - Distinguir los tipos de imágenes y su correcta aplicación según el medio de destino - Aplicar conceptos básicos de CSS - Conocer los conceptos básicos para la creación e implementación de un sitio Web - Aplicar las diferentes herramientas de Flash para la creación de animaciones Competencias: Al finalizar el curso el estudiante aprenderá a: - Crear e implementar un sitio Web a través de los conceptos básicos adquiridos durante el curso - Crear diferentes tipos de animaciones por medio de las herramientas vistas en el curso Publico Objetivo: Conocimientos Previos Requeridos: - Manejo de Internet y Windows - Afinidad con el diseño - Conocimientos básicos de software gráfico. ESTRUCTURA SESIÓN TEMAS Y SUBTEMAS INTENSIDAD HORARIA F-GAC-03D 1/6
Conceptos generales 1 Conceptos básicos sobre Usabilidad. Glosario básico WEB, conceptos y funcionamiento de Internet. Proceso de diseño para la elaboración de un sitio WEB. Elaboración de Wireframe (mapas de navegación). Lenguajes más utilizados. Diferencia entre HTML, XHTML y HTML5 Manejo legal de imágenes que ya existen en internet Introducción a las herramientas más utilizadas como Firework, Flash, Dreamweaver y Flash (pasado, presente y futuro de estas herramientas) Introducción a la aplicación gráfica FIREWORK Resoluciones en pantalla. Entendiendo las imágenes Bitmap y Vectoriales Formatos de imágenes más utilizados para web Conociendo FireWork, uso de las ventanas principales Creación de nuevo documento Inspector de propiedades Manejo de capas Manejo de páginas y estados. Manejo de guías, reglas. F-GAC-03D 2/6
Caja de herramientas (uso de las herramientas principales). Herramientas de selección Herramientas MapaBits Herramientas Vector Uso de la paleta de colores 2 Aplicación de efectos Herramienta EXPORTACIÓN. Agrupar y desagrupar Alinear objetos Librerías con muestras de símbolos listos desde Fireworks Crear boceto web desde Firework listo para exportar. Comenzando con FLASH 3 Conociendo la interfaz, disposición y personalización de paneles. Uso de la caja de herramientas. Principios básicos del dibujo en Flash. Usando textos y sus diferentes tipos. Conocimiento de capas, fotogramas y línea de tiempo. Aplicación de capa máscara. Librerías y tipos de símbolos Usando la librería: tipos de símbolos y manejo de instancias. Aplicación de efectos de color y aplicación de filtros. Manejo de escenas. Ejercicio Taller de temas aprendidos. F-GAC-03D 3/6
Técnicas de animación Técnicas de animación: cuadro a cuadro I. Interpolación de movimiento clásica. (capa guía). Interpolación de movimiento. Animación por forma. Animación de esqueleto por Bones (huesos) Animación 3D con Flash Ejercicio Taller Action Script Básico: Introducción al concepto multimedia (multiniveles). 5 Creación de Botones. Introducción a action script básico (para fotogramas y objetos (funciones globales en 2.0). Action Script básico: Next y Prev frame Action Script básico: Load movies entre otros stop, next, etc... Creación y manejo del concepto de componentes de formularios. Imágenes, sonido y video Insertar imágenes a Flash, compresión y animación Importación de sonidos en Flash, tipos de archivos y propiedades 6 Codificación de video a través de Adobe Media Encoder Uso del componente FLVPlayback Exportación de imágenes. Publicación de películas Ejercicio Taller con todos los temas aprendidos. F-GAC-03D /6
Conociendo XHTML Principios básicos Sintaxis del lenguaje Qué es CSS y JavaScript? Comenzando con DREAMWEAVER CS5 Interfaz de usuario 7 Administración de sitios Primer documento Declaraciones DOCTYPE Estructuración del contenido Tipografía, imágenes y vínculos Medidas, propiedades y estilos de las tipografías Objetos inteligentes, integración con Firework y/ó PhotoShop Características y funcionalidades de los vínculos Principios básicos de CSS CSS (Cascading Style Sheets) Tipos de reglas CSS Navegador de código 8 Manejo de tablas y formularios Estructura de las tablas Importación de datos tabulados Funcionamiento de los formularios Elementos para la creación de formularios 9 Manejo de capas o DIV con todas sus variables y aplicaciones con CSS. F-GAC-03D 5/6
Creación de plantillas con todas sus variables. Inserción de elementos multimedia 10 Insertar archivos SWF de Flash Integración con Flash Agregar videos FLV 11 Comportamientos 12 Ejercicio Taller montaje WEB 13 Publicación de archivos 2 METODOLOGÍA El aprendizaje de este curso se logra a través de la utilización de la presentación teórica al estudiante del tema de cada una de las sesiones, realización de demostración práctica del tema, realización de laboratorios, entrega al estudiante del material de la presentación en la clase o por correo, así como indicarle material en internet o en librerías que apoyan el proceso de aprendizaje y ejercicios propuestos o temas de investigación para ser desarrollados después de clase. F-GAC-03D 6/6