Pontificia Universidad Católica del Ecuador

Tamaño: px

Comenzar la demostración a partir de la página:

Download "Pontificia Universidad Católica del Ecuador"

María Pilar Castilla Montes
hace 7 años
Vistas:

1. DATOS INFORMATIVOS: MATERIA O MÓDULO: LABORATORIO MODELOS GRÁFICO Y C.V. IV CÓDIGO: 16354 CARRERA: NIVEL: Diseño 6to No.

1 1. DATOS INFORMATIVOS: MATERIA O MÓDULO: LABORATORIO MODELOS GRÁFICO Y C.V. IV CÓDIGO: CARRERA: NIVEL: Diseño 6to No. CRÉDITOS: 2 CRÉDITOS TEORÍA: 1 CRÉDITOS PRÁCTICA: 1 SEMESTRE / AÑO ACADÉMICO: 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: 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

2 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 CS Qué es Dreamweaver CS 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 CS Abrir y guardar documentos Compaginar dos sesiones 1.7. Mi primera página Unidad 2. El entorno de Dreamweaver CS 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

3 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 Modos de tabla 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

4 Unidad 10. Multimedia Películas Flash (SWF) Sonido Vídeos Unidad 11. Las plantillas Introducción Crear plantillas Establecer regiones editables en una plantilla Basar páginas en una plantilla Unidad 12. HTML desde Dreamweaver Etiquetas Entidades HTML Listado de Entidades HTML El inspector de código Completar las etiquetas Contraer y expandir código Errores en el código Buscar y reemplazar Expresiones Regulares Búsqueda en Etiquetas Unidad 13. Otros elementos Marquesinas Fecha Regla horizontal Código de otras páginas Unidad 14. Capas Introducción Insertar una capa Formato de una capa Unidad 15. Comportamientos Introducción Insertar un comportamiento Mostrar-Ocultar elementos Llamar JavaScript Eventos Unidad 16. Comportamientos avanzados Mensajes emergentes Texto de la Barra de estado Carga previa de imágenes Abrir nueva ventana del navegador Cambiar propiedades CSS 4

5 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

6 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 sesión 2 2 N/A PRIMER TRABAJO PARCIAL Hiperenlaces e imágenes 4 Clase a clase Unidad 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 sesión 2 2 N/A SEGUNDO TRABAJO PARCIAL Formularios y multimedios ENTREGA Plantillas-Html desde Dw 4 Clase a clase Unidad 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 Unidad 16 6

7 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

Documentos relacionados

Dreamweaver CS 5. 1 Conociendo Adobe Dreamweaver CS Introducción a Adobe Dreamweaver. 1.2 Novedades de Dreamweaver CS5

Dreamweaver CS 5. 1 Conociendo Adobe Dreamweaver CS Introducción a Adobe Dreamweaver. 1.2 Novedades de Dreamweaver CS5 Dreamweaver CS 5 1 Conociendo Adobe Dreamweaver CS5 1.1 Introducción a Adobe Dreamweaver 1.2 Novedades de Dreamweaver CS5 1.3 Requerimientos técnicos 1.4 Editar páginas Web 1.5 Cómo tener una página en