1. DATOS INFORMATIVOS: MATERIA O MÓDULO: LABORATORIO MODELOS GRÁFICO Y C.V. IV CÓDIGO: 16354 CARRERA: NIVEL: Diseño 6to No. CRÉDITOS: 2 CRÉDITOS TEORÍA: 1 CRÉDITOS PRÁCTICA: 1 SEMESTRE / AÑO ACADÉMICO: 2011-2012 PROFESOR: Nombre: Grado académico o título profesional: Breve indicación de la línea de actividad académica: Indicación de horario de atención a estudiantes: Correo electrónico: Juan Gabriel Chancay Bermello. Diseño, Diseñador Creación e implementación de aplicaciones multimedia - websites Llamar para concertar una cita, o vía msn a cualquier hora. monquiki@hotmail.com Teléfono: 098864954 2. DESCRIPCIÓN DE LA MATERIA: Adobe Dreamweaver es el programa que se dictará en este módulo, que busca instruir al estudiante e las herramientas básicas para diseñar webs y optimizarlas para su uso en cualquier navegador. Se comenzá describiendo las partes fundamentales del programa, su interfaz y el entorno de trabajo y cómo personalizarlo. Así como la creación de contenidos: textos, vínculos, imágenes, archivos multimedia y formularios: se aprenderá a crear estos contenidos, a optimizarlos y a sacarles todo el partido. 3. OBJETIVO GENERAL: El objetivo de este curso, es aprender a manejar Dreamweaver para poder realizar, publicar, actualizar y administrar un sitio web básico completo con Dreamweaver, siendo capaz de editar el lenguaje HTML y utilizar código CSS para controlar el formato visual del sitio utilizando Dreamweaver, integrando imágenes, contenido multimedia y formularios de contacto, utilizando plantillas y elementos de biblioteca para optimizar el tiempo de producción, mantención y actualización de las páginas web en el sitio desarrollado con Dreamweaver. 1
4. OBJETIVOS ESPECÍFICOS: Lograr diagramar un sitio, utilizado los estilos CS5, empleando las técnicas como hojas de estilo CS5 y etiquetas DIV. Realizar sitios web accesibles y que puedan ser actualizados con gran rapidez gracias al uso de CS5. Dejar atrás el uso de tablas como elemento de diagramación, y diseñar sitios Web que se ajusten a las demandas actuales del mercado 5. CONTENIDOS Cada contenido abarca dos horas de clase, o una semana en su defecto- Unidad 1. Conceptos básicos de Dreamweaver CS5 1.1. Qué es Dreamweaver CS5 1.2. Novedades de Dreamweaver CS5 HTML básico 1.3. Editar páginas web 1.4. Cómo tener una página en Internet 1.5. Arrancar y cerrar Dreamweaver CS5 1.6. Abrir y guardar documentos Compaginar dos sesiones 1.7. Mi primera página Unidad 2. El entorno de Dreamweaver CS5 2.1. La pantalla inicial 2.2. Las barras 2.3. Inspectores y paneles Personalizar el área de trabajo 2.4. Vistas de un documento 2.5. La ayuda Unidad 3. Configurar un sitio local 3.1. Introducción 3.2. Crear o editar un sitio web sin conexión a Internet 3.3. Abrir un sitio 3.4. Ver el sitio 3.5. Subir archivos al servidor 3.6. Propiedades del documento Comprobar tamaño para optimizar la carga 3.7. Los colores Unidad 4. El texto: propiedades y formato 4.1. Características del texto 4.2. Listas 4.3. Caracteres especiales 4.4. Estilos CSS. Introducción 4.5. Crear un estilo personalizado 4.6. Definir o editar un estilo El panel Estilos CSS 4.7. Aplicar un estilo 4.8. Hojas de estilos 2
Unidad 5. Hiperenlaces 5.1. Introducción 5.2. Tipos de referencia 5.3. Crear enlaces Configurar nuevos enlaces 5.4. Destino del enlace 5.5. Formato del enlace 5.6. Enlace a correo electrónico Vínculos rotos Unidad 6. Imágenes 6.1. Introducción 6.2. Insertar una imagen Formatos de imagen para web 6.3. Propiedades de una imagen Mapas de imagen Cambiar formato y crear transparencias Programas de edición de imágenes 6.4. Cambiar el tamaño de una imagen 6.5. Imagen de sustitución. Rollover Menú CSS 6.6. Objetos inteligentes Unidad 7. Tablas 7.1. Introducción 7.2. Insertar una tabla 7.3. Rellenar las celdas 7.4. Seleccionar elementos de una tabla 7.5. Formato de tabla 7.6. Formato CSS 7.7. Cambiar tamaño de tabla y celdas 7.8. Añadir y eliminar filas y columnas 7.9. Anidar, dividir y combinar celdas 7.10. Modos de tabla 7.11. Adaptar webs a distintas resoluciones Unidad 8. Marcos 8.1. Introducción 8.2. Crear marcos 8.3. Seleccionar marcos 8.4. Guardar 8.5. Configurar marcos 8.6. Contenido del marco Unidad 9. Formularios 9.1. Introducción 9.2. Elementos de formulario 9.3. Crear formularios 9.4. Validar formularios 3
Unidad 10. Multimedia 10.1. Películas Flash (SWF) 10.2. Sonido 10.3. Vídeos Unidad 11. Las plantillas 11.1. Introducción 11.2. Crear plantillas 11.3. Establecer regiones editables en una plantilla 11.4. Basar páginas en una plantilla Unidad 12. HTML desde Dreamweaver 12.1. Etiquetas 12.2. Entidades HTML Listado de Entidades HTML 12.3. El inspector de código 12.4. Completar las etiquetas 12.5. Contraer y expandir código 12.6. Errores en el código 12.7. Buscar y reemplazar Expresiones Regulares Búsqueda en Etiquetas Unidad 13. Otros elementos 13.1. Marquesinas 13.2. Fecha 13.3. Regla horizontal 13.4. Código de otras páginas Unidad 14. Capas 14.1. Introducción 14.2. Insertar una capa 14.3. Formato de una capa Unidad 15. Comportamientos 15.1. Introducción 15.2. Insertar un comportamiento 15.3. Mostrar-Ocultar elementos 15.4. Llamar JavaScript Eventos Unidad 16. Comportamientos avanzados 16.1. Mensajes emergentes 16.2. Texto de la Barra de estado 16.3. Carga previa de imágenes 16.4. Abrir nueva ventana del navegador 16.5. Cambiar propiedades CSS 4
6. BIBLIOGRAFÍA: Textos Recomendados: N/A Aprobado: Por el Consejo de Escuela f) Director de Escuela fecha: Por el Consejo de Facultad f) Decano fecha: 5
Asignatura: REPRESENTACIÓN GRÁFICA I ORGANIZACIÓN DOCENTE SEMANAL SEMANA (1-16) ACTIVIDADES DE INTERACCIÓN DOCENTE - ESTUDIANTES N de horas de clases teóricas (HORAS PRESENCIALES) N de horas de clases prácticas, laboratorios, talleres N de horas de tutorías especializadas TRABAJO AUTÓNOMO DEL ESTUDIANTE (HORAS NO PRESENCIALES) ACTIVIDADES (Descripción) N de horas EVALUACIONES TEMAS A TRATAR (N del tema, unidad, o capítulo descritos en Contenidos) 1 sesión 2 2 N/A Conceptos básicos y entorno de Dreamweaver CS5 Configuración de sitios y textos en el site 4 Clase a clase Unidad 1-2-3 2 sesión 2 2 N/A PRIMER TRABAJO PARCIAL Hiperenlaces e imágenes 4 Clase a clase Unidad 4-5-6 3 sesión 2 2 N/A 4 Clase a clase ENTREGA Tablas y marcos 4 sesión 2 2 N/A 4 Clase a clase Unidad 7-8-9 5 sesión 2 2 N/A SEGUNDO TRABAJO PARCIAL Formularios y multimedios ENTREGA Plantillas-Html desde Dw 4 Clase a clase Unidad 10-11-12 6 sesión 2 2 N/A Comprtamientos y comportamientos avanzados 4 Clase a clase 7 sesión 2 2 N/A ENTREGA FINAL 4 Clase a clase Unidad 13-14-15 Unidad 16 6
8 sesión 2 2 N/A 4 Clase a clase NOTA IMPORTANTE: LOS DOCENTES QUE TIENEN HASTA TRES CRÉDITOS DEBEN LLENAR POR SESIÓN EXÁMENES 7