INSTITUTO CONVERSA DIRECCION ACADEMICA PROGRAMACION DE CLASE DREAMWEAVER CS3

Transcripción

1 NOMBRE DEL MODULO: DREAMWEAVER BÁSICO CLAVE: ESPECIALIDAD: DISEÑO GRÁFICO DURACION: 5 FASES OBJETIVO GENERAL DEL MODULO: EL ALUMNO APRENDERÁ TODO LO RELACIONADO CON LA CREACIÓN DE SITIOS WEB DINAMICOS. ASÍ COMO LA ADMINISTRACIÓN Y DISTRIBUCIÓN DE LOS MISMOS Conceptos básicos de Dreamweaver CS3 Qué es Dreamweaver CS3 HTML básico Novedades de Dreamweaver CS3 Editar páginas web Cómo tener una página en Internet Arrancar y cerrar Dreamweaver CS3 Compaginar dos sesiones Abrir y guardar documentos Mi primera página El entorno de trabajo La pantalla inicial Las barras Los paneles e inspectores Personalizar el área de trabajo Vistas de un documento La ayuda Configuración de un sitio local Crear o editar un sitio web sin conexión a Internet Vistas del sitio Subir archivos al servidor Comprobar tamaño para optimizar la carga Propiedades del documento Los colores El texto Características del texto Listas Caracteres especiales Estilos CSS. Introducción Crear un estilo personalizado El Panel CSS Crear un nuevo estilo Gestionar estilos CSS Aplicar un estilo Hojas de Estilos Iniciar/finalizar DreamWeaver Identificar el concepto de Sitio Web y DreamWeaver Identificar Sesiones de trabajo Crear una página Web Básica Guardar/Abrir una página Web. El entorno gráfico de DreamWeaber Las barras de Acción de mas uso en la configuración de Sitios Web Las diferentes vistas del documento Web. Los paneles e inspectores de procesos. Explotar al 100% la ayuda de DW. Qué es un sitio Web y su manejo inicial sin conexión a internet? Vistas y alojamiento Web en un servidor Propiedades del documento Los colores básico (pre-hoja de estilos) Inserción y propiedades de Fuentes Manejo de listas básicas y caracteres especiales Hojas de estilo personalizadas y gestión de CSS Panel de estilos Creación y aplicación de estilos. trabajo trabajo trabajo trabajo trabajo PAGINA 1-5

2 Hiperenlaces 5 Tipos de enlaces Crear enlaces Personalizar nuevos enlaces Qué es un hiperenlace Identificará los diferentes hiperenlaces. Insertará hiperenlaces y sus diferentes propiedades. trabajo 6 Hiperenlaces II Destino del enlace Formato del enlace Enlace a correo electrónico Vínculos rotos Destinos y formato de enlace. Enlace de Correo electrónicos así los la vinculación en procesos no terminados. trabajo 2 7 Imágenes Tipos de imágenes para una web Insertar una imagen Cambiar el tamaño de una imagen Mapas de imagen Propiedades y tipos de imágenes. Inserción de imágenes. Configuración de imágenes y sus diferentes mapas de acción. trabajo Imágenes II 8 Imagen de sustitución. Rollover Botones Flash Texto Flash Barra de navegación Uso de Rollover Imágenes de Sustitución - Importación de Botones con efecto Flash Texto Flash Elementos de la barra de navegación. trabajo trabajo PAGINA 2-5

3 Tablas Insertar una tabla Rellenar las celdas Seleccionar elementos de una tabla Formato de tabla Cambiar tamaño de tabla y celdas Añadir y eliminar filas y columnas Tablas II Anidar, dividir y combinar celdas Modos de tabla Adaptar webs a distintas resoluciones Marcos Qué es una tabla? y su inserción básica. Formato y tamaño de tabla. Edición básica de la tabla. Edición avanzada de tabla Adaptación Web en la configuración de distintas resoluciones de pantalla del cliente. trabajo Crear marcos Seleccionar marcos Guardar Marcos II Configurar marcos Contenido del marco El concepto y creación de Marcos. Seleccionar marcos y su almacenamiento enlazada a la pagina principal. La configuración avanzada de Marcos, además de las diferentes forma de presentar la información. PAGINA 3-5

4 Formularios Elementos de formulario Crear formularios Validar formularios Multimedia Películas Flash Multimedia II Sonido Vídeos Las plantillas Qué es un formulario? y que elementos lo conforman. Creación básica de un formulario Validación de entradas de datos. La inserción y configuración de elementos Flash, en especial en donde el desarrollo visual es mayor. Inserción y mantenimiento de sonidos y videos. Ejecución de elementos multimedia en tiempo real y orientado a objetos. Guía Visual para el trabajo 16 Crear plantillas Establecer regiones editables en una plantilla Basar páginas en una plantilla Qué es y como crear una plantilla? Establecer la configuración de aéreas de edición en una plantilla. Inicio de trabajo con plantillas personalizadas. Guía Visual para el trabajo PAGINA 4-5

5 HTML desde Dreamweaver 17 Etiquetas Entidades HTML Listado de Entidades HTML El inspector de código Completar las etiquetas Interpretación de entidades de código HTML así como los diferentes procesos de inspección. trabajo 5 18 HTML desde Dreamweaver II Contraer y expandir código Errores en el código Buscar y reemplazar Expresiones Regulares Búsqueda en Etiquetas Otros elementos Compilación de la página WEB. Edición y sustitución de código, en el mantenimiento de Sitios WEB Capas Marquesinas Fecha Regla horizontal Código de otras páginas Insertar una capa Formato de una capa Inserción de objetos de Código externo. Manejo de Horas y fechas en tiempo real. Marquesinas atractivas en el performance final. Trabajo Con capas layers-. Configuración y propiedades de las capas. trabajo PAGINA 5-5