aptulo Nro

Adobe Dreamweaver CS4

1 Ttulo: El entorno de trabajo de Dreamweaver Duracin: 1.5 horas. Objetivos de captulo: Conocer el ciclo de trabajo de la creacin de un sitio web Familiarizar con el espacio de trabajo de Dreamweaver Emplear los principales elementos del espacio de trabajo Personalizar el espacio de trabajo. Aprender a administrar la ventana de documento, los paneles y los archivos Configurar un sitio web.
1. Ciclo de trabajo de Dreamweaver para la creacin de sitios Web a. Planificacin del sitio b. Administracin de los archivos del sitio c. Diseo de las pginas Web d. Adicin de contenido a las pginas e. Configuracin de una aplicacin Web 2. El espacio de trabajo de dreamweaver 8 a. Diseo del espacio de trabajo b. Ventana de documento c. Barra de herramientas de Documento d. Barra Insertar e. Barra de herramientas de Codificacin f. El Inspector de propiedades 3. Personalizacin del espacio de trabajo a. Seleccin del diseo del espacio de trabajo b. Cmo ocultar y mostrar la pgina de inicio 4. Ventana de documento a. Cambio de vista en la ventana de documento b. Cambio del tamao de la ventana de documento 5. Utilizacin de paneles y grupos de paneles a. Visualizacin de paneles y grupos de paneles b. Acoplamiento y desacoplamiento de paneles y grupos de paneles c. Cambio de tamao y de nombre de los grupos de paneles 6. Realizacin de tareas bsicas con Dreamweaver 8 a. Archivos de Dreamweaver b. Crear nuevos archivos con Dreamweaver c. Guardar archivos con Dreamweaver d. Apertura de archivos en Dreamweaver 7. Configuracin del sitio y de los archivos del proyecto a. Sitios de Dreamweaver b. Configuracin de los archivos del proyecto c. Definir una carpeta local

Temas a tratar :

2 Ttulo: Administracin de Sitios Web Duracin: 1,5 horas Objetivos de captulo: Aprender Administrar un sitio Web

Administrar el panel de Archivos Utilizar sin error el mapa del Sitio

Temas a tratar:
1. Administracin de sitios a. Sistema de desproteccin/proteccin b. Ocultacin de sitios c. Los archivos dependientes 2. Acceso a sitios, a un servidor y a unidades locales a. Configuracin de Dreamweaver para que funcione sin definir un sitio 3. Visualizacin de archivos y carpetas a. Personalizacin de los datos de archivo y carpeta visualizados en el panel Archivos expandido 4. Comparacin de archivos para detectar diferencias a. Comparacin de dos archivos b. Comparacin de un archivo remoto con un archivo local c. Comparacin antes de colocar archivos d. Comparacin al sincronizar archivos 5. Administracin de archivos y carpetas en el panel Archivos a. Configuracin de preferencias para el panel Archivos b. Utilizacin de archivos en el panel Archivos c. Bsqueda de archivos en el sitio de Dreamweaver 6. Utilizacin de un mapa visual del sitio a. Visualizacin de un mapa del sitio b. Manipulacin de pginas en el mapa del sitio c. Mostrar y ocultar archivos de mapa de un sitio d. Visualizacin del sitio desde una rama e. Almacenamiento del mapa del sitio 7. Desproteccin y proteccin de archivos a. Configuracin del sistema de desproteccin/proteccin b. Utilizacin de WebDAV para desproteger y proteger archivo c. Desproteccin y proteccin de archivos en una carpeta remota d. Cmo deshacer la proteccin de un archivo 8. Comprobacin del sitio a. Directrices para la comprobacin del sitio b. Utilizacin de informes para comprobar un sitio

3 Ttulo: Diseo de Pginas Duracin: 5.0 horas Objetivos de captulo: Configurar las propiedades de la pgina Utilizar el texto en el diseo de las pginas Emplear las hojas de estilos Usar las tablas en el contenido

Temas a tratar:
1. Modo de diseo a. Configuracin de propiedades de la pgina b. Cambio del ttulo de un documento

c. Configuracin de una imagen de fondo o un color de fondo de pgina 2. El Panel Historial 3. Colores seguros para la Web 4. Insercin y formato de texto a. Aplicacin de formato a texto b. Insercin de texto c. Aplicacin de formato a prrafos y a la estructura de la pgina d. Aplicacin de formato al texto e. Comprobacin de la ortografa f. Cmo buscar y reemplazar texto 5. Utilizacin de hojas de estilos en cascada para aplicar formato al texto a. Conocer las CSS b. Crear una nueva hoja de estilos c. Explorar el panel Estilos CSS d. Adjuntar una hoja de estilos e. Crear una nueva regla CSS f. Edicin de una regla CSS g. Utilizacin de hojas de estilo de tiempo de diseo 6. Presentacin de contenido en tablas a. Insercin de una tabla y adicin de contenido b. Importacin y exportacin de datos de tabla c. Seleccin de elementos de una tabla d. Aplicacin de formato a tablas y celdas e. Cambio de tamao de tablas, columnas y filas f. Adicin y eliminacin de filas y columnas g. Divisin y combinacin de celdas h. Cmo copiar, pegar y eliminar celdas i. Anidacin de tablas j. Ordenacin de tablas.

4 Ttulo: Administracin de plantillas Duracin: 2.5 horas Objetivos de captulo: Aprender a crear las plantillas Emplear las regiones de las plantillas Administrar las plantillas

Temas a tratar:
1. Plantillas de Dreamweaver a. Tipos de regiones de plantillas b. Plantillas y documentos basados en plantillas en las vistas Diseo y Cdigo c. Sintaxis de las etiquetas de plantilla d. Vnculos de plantillas e. Plantillas anidadas f. Parmetros de plantilla 2. Creacin de una plantilla a. Personalizacin de las preferencias de colores de cdigo para una plantilla b. Configuracin de preferencias de resaltado en regiones de plantillas 3. Creacin de regiones editables a. Insercin de una regin editable b. Seleccin de regiones editables

c. Cambio del nombre de una regin editable

d. Eliminacin de una regin editable

4. Creacin de regiones repetidas a. Creacin de una regin repetida en una plantilla b. Insercin de una tabla repetida c. Configuracin de colores de fondo alternativos en una tabla repetida 5. Utilizacin de regiones opcionales a. Insercin de una regin opcional b. Modificacin de una regin opcional 6. Creacin de una plantilla anidada 7. Edicin y actualizacin de plantillas a. Apertura de una plantilla para editarla b. Actualizacin manual de documentos basados en plantillas c. Comprobacin de la sintaxis de la plantilla 8. Exportacin de un sitio sin formato de plantilla 9. Aplicacin o eliminacin de una plantilla de un documento existente a. Aplicacin de una plantilla a un documento existente b. Separacin de un documento de una plantilla 10. Edicin de contenido de un documento basado en plantilla a. Modificacin de propiedades de plantilla b. Adicin, eliminacin y cambio del orden de una entrada de regin repetida

5 Ttulo: Adicin de contenidos a las Pginas Duracin: 2.0 horas Objetivos de captulo: Aprender a insertar imgenes en las pginas Administrar los grficos

Temas a tratar:
1. Administracin de imgenes a. Insercin de imgenes b. Edicin de los atributos de accesibilidad de una imagen c. Insercin de un marcador de posicin de imagen d. Sustitucin de un marcador de posicin de imagen e. Alineacin de una imagen f. Cambio del tamao de una imagen g. Recorte de una imagen h. Optimizacin de una imagen mediante Fireworks i. Ajuste del brillo y del contraste de una imagen j. Perfilado de una imagen k. Creacin de una imagen de sustitucin l. Utilizacin de un editor de imgenes externo m. Aplicacin de comportamientos a imgenes 2. Enlace con otras aplicaciones a. Integracin de Fireworks y Flash b. Utilizacin de Fireworks c. Utilizacin de Flash 3. Adicin de audio, vdeo y elementos interactivos

a. Archivos multimedia. b. Insercin y edicin de objetos multimedia c. Inicio de un editor externo de archivos multimedia d. Insercin y modificacin de un objeto de botn Flash e. Insercin de un objeto de texto Flash f. Insercin de contenido de Flash g. Descarga e instalacin de elementos Flash h. Insercin de elementos Flash i. Edicin de atributos de elementos Flash j. Insercin de documentos FlashPaper k. Insercin de contenido de Flash Video l. Insercin de pelculas Shockwave m. Adicin de vdeo (no Flash) n. Adicin de sonido a una pgina EXAMEN PARCIAL Duracin: 2,5 horas

6 Ttulo: Administracin de capas Duracin: 1.0 horas Objetivos de captulo: Aprender la sintaxis de una capa Administrar las capas en la pgina

Temas a tratar:
1. Acerca de las capas en Dreamweaver 2. Administracin de capas a. Insercin de una capa b. Configuracin de preferencias y propiedades de capa c. Manipulacin de capas 3. Conversin de capas en tablas 4. Animacin de capas 5. Insercin de etiquetas div para el diseo 6. Utilizacin de etiquetas div para el diseo 7. Cambio del color de resaltado de las etiquetas div 8. Utilizacin de la visualizacin de diseo CSS 9. Utilizacin de reglas, guas y cuadrculas para disear pginas 10. Utilizacin de una imagen de rastreo

Ttulo: Administrar Comportamientos Duracin: 1.5 horas Objetivos de captulo: Aplicar comportamientos Administrar los comportamientos Emplear acciones de comportamientos

Temas a tratar:
1. El panel de Comportamientos 2. Eventos

3. 4. 5. 6. 7. 8. 9.

Aplicacin de un comportamiento Cmo adjuntar un comportamiento a un texto Cambio de un comportamiento Actualizacin de un comportamiento Creacin de nuevas acciones Descarga e instalacin de comportamientos de terceros Utilizacin de comportamientos para controlar elementos multimedia

10. Empleo de las acciones de comportamiento incluidas con Dreamweaver

a. Llamar JavaScript b. Cambiar propiedad c. Comprobar navegador d. Comprobar plug-in e. Controlar Shockwave o Flash f. Ir a URL g. Abrir ventana del navegador h. Reproducir sonido i. Mensaje emergente j. Mostrar men emergente

8 Ttulo: Administracin de Vnculos y Navegacin Duracin: 1.0 horas Objetivos de captulo: Implementar mecanismos de navegacin Administrara correctamente los archivos y vnculos de un sitio Creara Mens de navegacin y mapas de imgenes
1. Aspectos bsicos de ubicacin y rutas de documentos a. Rutas absolutas b. Rutas relativas al documento c. Rutas relativas a la raz del sitio 2. Mens de salto a. Insercin de mens de salto b. Edicin de los elementos del men de salto 3. Barras de navegacin a. Insercin de una barra de navegacin b. Modificacin de una barra de navegacin 4. Mapas de imgenes a. Insercin de mapas de imagen del lado del cliente b. Modificacin de un mapa de imagen 5. Administracin de vnculos a. Actualizacin automtica de vnculos b. Modificacin de vnculos en el mapa del sitio c. Cambio de un vnculo en todo el sitio d. Comprobacin de vnculos rotos, externos y hurfanos

Temas a tratar:

9 Ttulo: Creacin visual de pginas de Spry Duracin: 2,5 horas Objetivos de captulo:

Crear pginas interactivas Administrar los widgets de Spry Visualizar datos con Spry

Temas a tratar:
1. Concepto de los widgets de Spry 2. Adicin de widgets de Spry 3. Uso del Widget de acorden a. Insercin del widget de acorden b. Adicin de un panel a un widget de acorden c. Eliminacin de un panel de un widget de acorden d. Apertura de un panel para su edicin 4. Uso del Widget de barra de men a. Insercin del widget de barra de mens b. Adicin o eliminacin de mens y submens c. Cambio del orden de los elementos de men d. Cambio del texto de un elemento de men e. Vinculacin de un elemento de men 5. Uso del Widget de panel que puede contraerse a. Insercin del widget de panel que puede contraerse b. Apertura o cierre del panel que puede contraerse en la vista Diseo c. Definicin del estado predeterminado de un widget de panel que puede contraerse d. Activacin o desactivacin de la animacin para el widget de panel que puede contraerse 6. Uso del Widget de paneles en fichas a. Insercin del widget de paneles en fichas b. Adicin de un panel a un widget de paneles en fichas c. Eliminacin de un panel de un widget de paneles en fichas d. Apertura de un panel para su edicin 7. Uso del Widget de campo de texto de validacin a. Insercin del widget de campo de texto de validacin b. Especificacin de un tipo y formato de validacin c. Especificacin del momento en que debe producirse la validacin d. Especificacin del nmero mximo y mnimo de caracteres e. Especificacin de los valores mnimo y mximo f. Visualizacin de los estados de widget en la vista Diseo 8. Uso del Widget de casilla de verificacin de validacin a. Insercin del widget de casilla de verificacin de validacin b. Especificacin del momento en que debe producirse la validacin c. Especificacin de un rango de seleccin mnimo y mximo d. Visualizacin de los estados de widget en la vista Diseo 9. Adicin de efectos de Spry a. Aplicacin de un efecto Aparecer/Desvanecer

b. Aplicacin de un efecto Subir persiana/Bajar persiana c. Aplicacin de un efecto Aumentar/Reducir d. Aplicacin de un efecto Resaltado e. Aplicacin de un efecto Agitar

10 Ttulo: Administracin de Formularios Duracin: 6,5 horas Objetivos de captulo: Crear formularios en la pgina Web Administrar los objetos de formulario Crear formulario de acceso de datos
1. Funcin de los formularios del lado del cliente a. Objetos de formulario b. Objetos de formularios dinmicos 2. Creacin de formularios HTML 3. Insercin de objetos de formulario HTML a. Insercin de campos de texto b. Insercin de casillas de verificacin c. Insercin de botones de opcin d. Insercin de mens de formulario e. Insercin de botones estndar f. Insercin de botones de imgenes g. Insercin de campos ocultos h. Insercin de campos de carga de archivos i. Validacin de datos de formulario 4. Administracin de una base de datos 5. Mantenimiento de la Base de datos a. Ingreso de Datos b. Consulta de datos c. Edicin de datos

Temas a tratar:

d. Eliminacin de datos
e. Validar Ingreso a un sistema

EXAMEN FINAL Duracin: 2,5 horas