Temario:
INTRODUCCION AL DISEÑO WEB
Componentes gráficos de una computadora orientados al diseño web:
Resolución de pantalla.
Calibración de un monitor.
Colorimetría y teoría del color. Color hexadecimal (RGB)
Paleta de Colores.
Colores WebSafe.
Introducción a la Teoría Tipográfica (de las letras y sus partes, familias tipográficas, etc.).
Introducción a las Redes e Internet:
Qué es Internet.
Funcionamiento de Internet.
Servicios de Internet.
Cómo funciona la WWW.
Direcciones URL.
Concepto de HTTP y HTML.
DREAMWEAVER
Conceptos Básicos.
Introducción.
Espacio de Trabajo.
Planificación de un sitio web.
Diseño de un sitio web.
Diseño del árbol de dependencias del sitio.
Creación de un sitio local (definición de sitios).
Disposición y dependencia de los archivos de un sitio web. Referencias relativas y absolutas de archivos.
Inserción de palabras claves y descriptores (Metadatos / Metatags).
Previsualización del sitio web.
Dreamweaver. Estructuración y diagramación de un sitio web.
Tablas en Dreamweaver:
Insertar, modificar y eliminar tablas.
Combinar y dividir celdas.
Propiedades de una tabla.
Agregar o quitar filas.
Código HTML. Tags, propiedades e indentación.
Dreamweaver. Hojas de Estilos CSS (Cascade Style Sheet)
Creación de una hoja de estilos CSS.
Definición de las propiedades de texto a través de estilos CSS (negritas, alto de líneas, colores, tipografía).
Definición de un color o imagen de fondo para un sitio web.
Propiedades generales de alineación y posicionamiento de textos a través de estilos CSS.
Bordes a través de estilos CSS (tablas, bloques de texto, borde de sitio, etc)
Márgenes, sangrías y espaciados con estilos CSS.
Vincular e importar hojas de estilos CSS:
Dreamweaver. Enlaces / Links
Creación de Hipervínculos.
Vínculos HTTP.
Vínculos de correo electrónico.
Vínculos HTML.
Vínculos de ancla.
Creación de estilos para vínculos.
Efectos de posición (hove, active, visited y link).
Dreamweaver. Imágenes
Inserción de imágenes.
Propiedades de una imagen.
Tamaño de imágenes.
Imágenes de sustitución.
Image Placeholders.
Hotspots
Dreamweaver. Plantillas (templates) y Capas (etiquieras Div)
Creación de una plantilla.
Áreas editables.
Modificación y actualización de plantillas y Site Update.
Creación de Capas.
Anidamiento de capas.
Capas y tablas.
Capas y Comportamientos (behaviors).
Ocultar y mostrar capas a través de estados del Mouse.
Dreamweaver. Formularios
Inserción de área de formulario.
Creación de campos de texto.
Insertar casillas de verificación (checkbox) y botones de opción (radio butttons)
Menús desplegables.
Botón de envío y reset.
Generalidades del Formmail.pl y su funcionamiento.
Dreamweaver. Publicación de un Sitio.
Registro de dominio .com.ar
Configuración de una cuenta de FTP.
Subida de sitio web.
FIREWORKS
Introducción
Introducción a la Teoría del color.
Propiedades del color
Contrastes
Elección de una correcta paleta de colores.
Componentes de una interfaz web
Sistemas de navegación
Gráficos Vectoriales y Gráficos de Mapa de Bits
Descripción del entorno de trabajo.
Fireworks. Trabajo con documentos de Fireworks.
Propiedades del lienzo.
Color del lienzo.
Tamaño del lienzo.
Utilización de reglas y guías.
Cuadrículas.
Herramienta lupa.
Trabajo con colores.
Tomar muestras de colores.
Fireworks. Herramientas de dibujo
Trabajo con la pluma. Utilización del pincel. Utilización del lápiz. Modificación de trazados.
Selección de objetos. Control de secciones. Trabajar con grupo de objetos. Mover objetos.
Duplicar objetos. Transformar objetos. Combinar objetos. Alinear objetos. Trabajo con capas.
Trabajo con rellenos. Rellenos básicos. Relleno de tramado Web. Relleno degradado. Patrones.
Texturas. Transparencias. Máscaras. Mezclas. Trazos. Atributos de los trazos.
Configuración del trazo. Edición del trazo. Efectos de presión.
Fireworks. Efectos especiales
Efectos especiales en Fireworks. Panel de efectos. Biselado. Sombreado. Relieve. Iluminación.
Desenfocado. Perfilado. Ajuste de color. Texto en Fireworks. Herramienta texto.
Configuración de los atributos de texto. Trabajar con bloques de texto.
Trabajar con el texto de un trazado. Aplicar efectos especiales al texto. Trabajos de automatización.
Utilizar estilos. Definir estilos. Búsqueda y reemplazo. Utilizar el historial del proyecto.
Fireworks. Trabajo con Mapas de Bits
Trabajo con píxeles den Fireworks. Edición de imágenes. Importar píxeles. Manipular píxeles.
Seleccionar píxeles. Herramientas de píxeles. Sello. Borrador. Cuentagotas. Cubo de pintura.
Xtras. Importar elementos gráficos a Fireworks. Incorporar elementos del escáner.
Trabajar con archivos del Photoshop. Importar animaciones GIF. Importar objetos vectoriales.
Fireworks. Funciones avanzadas.
Animaciones en Fireworks. Trabajo con fotogramas. Símbolos e instancias. Biblioteca.
Editar fotogramas de animación. Control de fotogramas. Exportar animaciones.
Zonas interactivas. Creación de zonas interactivas. Modificar zonas interactivas.
Atributos de zonas interactivas. Vínculos URL.
Divisiones:
Regla para dividir.
Creación de objetos de división.
Determinar las opciones de división.
Optimizar divisiones.
Comportamientos.
Creación de un "rollover".
Creación de una barra de navegación.
Utilizar el asistente de vínculos.
Importar símbolos
Editar instancias importadas
. Crear un comportamiento de intercambiar imagen.
Fireworks. Exportación
Exportar. Exportaciones básicas. Utilizar el asistente de exportación.
Exportar capas o fotogramas como archivos individuales. Configurar las propiedades HTML.
Exportar objetos a Dreamweaver. Exportar archivos FLASH SWF.
Optimización de imágenes.
Tabajo final donde se integrará el trabajo realizado en Fireworks y se exportará a una página cerrada en Dreamweaver.
Flash. Introducción.
FLASH
Introducción. Concepto de la tecnología Shockwave. Animaciones.
Concepto de películas interactivas.
Descripción del entorno de trabajo.:
Escenario.
Línea de tiempo.
Paleta de herramientas.
Paneles.
Creación y configuración de una película sencilla.
Velocidad de fotogramas. Dimensiones. Probar película.
El Flash Player (SWF).
Flash. Dibujo.
Dibujo en Flash. Herramientas de dibujo. Lápiz. Línea, elipse y rectángulo. Pluma.
Puntos de anclaje. Suavizado de líneas. Borrador. Modificación de formas.
Configuración del dibujo. Solapamiento de formas.
Flash. Color y objetos.
Trabajo con color, atributos de trazo y relleno. Balde de pintura. Gotero. Tintero.
Bloqueo de un relleno. Creación de colores. Trabajo con objetos. Herramienta flecha. Lazo.
Agrupar objetos. Modificación de objetos. Apilamiento de objetos. Rotación, reflejo e
inclinación. Alineación de objetos.
Flash. Texto e ilustraciones.
Textos en Flash.
Creación de textos.
Atributos.
Textos de entrada y de actualización dinámica.
Separación de textos.
Trabajo con ilustraciones. Importación de ilustraciones.
Vectorización de mapa de bits.
Separación de un mapa de bits.
Edición de un mapa de bits.
Propiedades del mapa de bits.
Flash. Introducción a la animación. Conceptos Generales.
Información general sobre los fotogramas.
Información general sobre las capas.
Capas. Creación de capas. Visualización de capas. Edición de capas.
Capas Guías. Capas Máscara.
Uso de Símbolos e Instancias. La biblioteca de Símbolos de Flash.
Creación de símbolos. Creación de botones.
Trabajar con carpetas en la ventana Biblioteca.
Eliminación de elementos de una Biblioteca.
Cambiar las propiedades de las instancias
Flash. Películas Interactivas
Uso de escenas en Flash. Animación de fotograma a fotograma
Extensión de imágenes de fondo en una animación
Interpolación de movimiento entre dos puntos
Interpolación de movimiento a lo largo de un recorrido
Interpolación de formas (Morphing). Edición de animaciones en FlashCompresión de sonidos
Creación de películas interactivas. Acciones en Fotogramas
Acciones en objetos. Modificación de acciones. Saltar a un fotograma o escena
Reproducir y parar una película. Ajustar la calidad de visualización de una película
Detener todos los sonidos de una película. Llamar a una URL desde Flash
Controlar la ventana del reproductor de Flash. Cargar una película de Flash dentro de otra
Descargar una película de Flash. Precarga de una película
Flash. Sonido.
Importación de sonidos. Añadir sonidos a una película de Flash
Añadir efectos de sonidos a los botones. Edición de sonidos
Compresión de sonidos.
Flash. Publicación de películas interactivas.
Publicación de películas de Flash. Configuración de publicaciones SWF
Configuración de publicaciones HTML.
Visualización previa de publicaciones y configuraciones
Exportación de películas e imágenes
EVALUACION FINAL.
|
Dreamweaver
Fireworks
Flash 