UNIVERSIDAD NACIONAL QUILMES SECRETARÍA DE EXTENSIÓN UNIVERSITARIA Curso de Dreamweaver MX
Año 2004 Duración: 45 hs Total de clases: 15 Cantidad de Alumnos: 10 Alumnos por computadora: 1 Asistencia requerida: 80% Requisitos de Inscripción. Conocimiento de Windows, manejo considerable de Internet y en lo posible Photoshop y Corel Propuesta didáctica: Taller teórico- práctico Fundamentación: Dreamweaver es un editor de páginas web, o mejor dicho un editor de html. Obviamente no es el único programa que realiza esto, similar función tienen el FrontPage, CoffeCup, GoLive, etc. Aunque podríamos decir que Dreamweaver ( y demás productos de Macromedia) lideran el mercado ofreciendo prestaciones enteramente profesionales. Dreamweaver trabaja con distintos elementos combinándolos y organizándolos en lo que será una documento web por lo que sería conveniente comenzar por tratar de identificar los componentes que integran una documento web y además, tratar de vislumbrar la herramienta o programa con la que fueron producidos, para conocer con esto las posibilidades y limitaciones del programa.
Objetivos del curso El siguiente curso tiene como objetivo posibilitar las herramientas profesionales para la creación de un sitio web con un editor de HTML (Dreamweaver): Su total manufactura poniendo el acento tanto en la estética como en la productividad, reconocimiento de los elementos y sugerencia de edición, su integración en la World Wide Web (hosting, estrategias de promoción y estadísticas). Propuesta Didáctica: Teórico Práctico Contenidos: 1. Definiendo conceptos: 1.1. Elementos de una página web:
1.1.1. Texto 1.1.2. Imágenes 1.1.3. Sonidos 1.1.4. Vídeo 1.1.5. Sub programas 1.1.6. Servidores 1.2. Separando conceptos 1.3. Colores en la web. 2. Entorno de trabajo 2.1. Área de trabajo de Dreamweaver MX: 2.2. Usar el panel insertar 2.3. Usar el panel de propiedades 2.4. Línea de Tag HTML 2.5. Visualizaciones 3. Configurando un sitio web: 3.1. Definiendo el sitio: Definir el sitio” 4. Creando un archivo nuevo: Texto” Línea horizontal” Propiedades de la página” Imágenes” Completando” 5. Vínculos: Vínculos desde un texto” Vínculos hacia un URL” Vínculos hacia un e-mail” Vínculos desde una imagen” Mapas sensitivos” Vínculos internos” Menú de salto” 5.1. Resumen de vínculos: 6. Estilos: 6.1. Estilos HTML.
Actividad Nº 14 “Estilos para el titulo” 6.2. Estilos CSS. Actividad Nº 15 “Selector CSS” 7. Tablas: 7.1. Componentes de las tablas 7.2. Seleccionar elementos de tabla 7.2.1. Seleccionar toda la tabla 7.2.2. Seleccionar filas o columnas 7.2.3. Seleccionar celdas continuas 7.2.4. Seleccionar celdas discontinuas 7.3. Propiedades de tablas y celdas 7.3.1. Propiedades de celdas 7.3.2. propiedades de tablas 8. Imágenes Interactivas: 8.1. Imágenes de sustitución Actividad Nº 21 “Imagen de sustitución” 8.2. Botones Flash desde Dreamweaver “Botones en Flash” “Texto en Flash” 9. Comportamientos: “Barra de estado” “Sonidos” 9.1. Macromedia Extensión Manager “Mas botones Flash” 10. Plantillas 10.1. Crear plantillas 10.2. Definir las regiones editables de una plantilla 10.2.1. Para definir una nueva región editable en una plantilla 10.3. Panel Activos 10.4. Aplicar una plantilla a un documento 11. Marcos (Frames): 11.1. Introducción a Marcos 11.2. Marcos predefinidos
11.3. Usar el panel de marcos 11.4. Guardar Marcos 11.5. Configurar propiedades de Marcos 11.6. Vínculos entre marcos 12. Capas: 12.1. Introducción a las capas 12.2. Evitar solapamiento de capas 12.2.1. Conversión de capas a tablas 12.3. Configurar propiedades de capa “Capas a Tablas” “Tablas a capas” 13. Versión del Explorador: 13.1. Navegadores: “Comprobar exploradores de destino” “Compatibilidad con la versión 3.0” 14. Inicios en Java-Script: 14.1. Java-Script “Script en barra de estado” “Scroll en barra de estado” “Código Fuente” 15. Vínculos Recomendados: 15.1. Librería de Imágenes 15.2. Fuentes 15.3. Tipografía 15.4. Ilustración 15.5. Experimentación 15.6. Revistas de diseño y entrevistas 15.7. Multimedia 15.8. Agencias de diseño 15.9. Logotecas 16. Nociones Básicas de Photoshop. 16.1 Nociones de Imageready. 16.2 Creación de gif animados y banners.
Evaluación: • Continua: Realización de trabajos prácticos • Final: Teórico-práctico Bibliografía: Guía de trabajo escrita por el profesor.