Descripción: Se estudia la aplicación Adobe Dreamweaver CS4, incluida dentro de la suite Adobe Creative Suite 4,
que se utiliza para diseñar, crear y administrar páginas web y sitios web. Dreamweaver dispone de muchas y
variadas herramientas que facilitan el diseño de páginas web, ya que permite crearlas y modificarlas de una manera
visual, eliminando, en la mayoría de ocasiones, el tener que escribir el código HTML directamente.
Nº Lecciones 15
Horas de teoría 19
Horas de prácticas 16
Contenido
Dreamweaver CS4
Descripción de la aplicación Adobe Dreamweaver, con la que se pueden crear rápida y cómodamente
completos sitios web y sus páginas web. Dreamweaver hace que la creación y el diseño de páginas web sea
sencillo, ya que proporciona herramientas visuales que evitan el tener que escribir el código HTML de las
páginas.
1. Introducción a Dreamweaver
Introducción al programa de diseño de páginas web y gestión de sitios Adobe Dreamweaver. Se presenta el
mundo del diseño de páginas web y se describen los principales elementos del entorno de trabajo de
Dreamweaver, explicando la forma de trabajar con sus paneles y herramientas, guardardando distintas
configuraciones en espacios de trabajo. También se indica cómo mostrar los documentos o páginas en
distintos navegadores y la utilización del sistema de ayuda.
2. Crear sitios web
Presenta los pasos a seguir para crear y configurar un sitio web en el programa Dreamweaver. Explica las
diferencias entre el sitio local y sitio remoto, cómo organizarlos para albergar el contenido creado y las
distintas formas de ver los archivos en el sitio local.
3. Configurar páginas web
Se estudia cómo crear y configurar nuevas páginas web en Dreamweaver, además de la forma de elegir
colores en este programa, incluir imágenes de fondo o utilizar imágenes de rastreo.
4. Utilidades de edición
Se describen algunas funciones útiles en el trabajo diario con Dreamweaver, como pueden ser el trabajo con
las distintas ventanas que podemos tener abiertas en el mismo, el modo de deshacer los cambios realizados
en una página y la utilización de reglas, guías y cuadrícula como ayuda para la organización de los objetos.
5. Formato de texto (I)
Se indica cómo introducir texto y aplicarle formato para establecer la fuente, tamaño, color, alineación, sangría,
etc., en forma de etiquetas HTML o creando y aplicando reglas y estilos CSS. También se muestra cómo
guardar estilos CSS en forma de hojas de estilos externas y adjuntarlas a otros documentos.
6. Formato de texto (II)
Describe la forma de crear listas (numeradas, no numeradas o de definición) y de realizar la revisión de la
ortografía. También se muestra la inclusión de otros objetos en las páginas, como reglas horizontales,
comentarios o la fecha de la última modificación de la página.
7. Trabajo con vínculos
Explica cómo insertar hipervínculos en las páginas web: vínculos a un lugar determinado de una página (a
través de un anclaje con nombre), vínculos a otras páginas (del mismo sitio o a cualquier página de Internet) y
vínculos en un menú de salto. Se indican las diferencias entre rutas absolutas y relativas, así como la
administración y modificación de hipervínculos. Por último, se describe el uso de comportamientos en las
páginas, para ejecutar comandos en respuesta a determinados sucesos o eventos.
8. Insertar imágenes
Se describe el modo de incorporar imágenes en las páginas web. Se presentan los formatos gráficos que se
pueden utilizar en una página web y sus diferencias, así como la creación de imágenes de sustitución, mapas
de imagen y barras de navegación.
9. Etiquetas Div y tablas
Explica la forma de distribuir o colocar los contenidos en las páginas web mediante la utilización de etiquetas
Div PA o elementos PA dispuestos en capas, utilizando tablas o por medio de etiquetas Div o contenedores.
Se describe cómo establecer su formato e incluir el contenido.
10.División en marcos
Introduce el concepto de marco (también llamado frame), como una forma de dividir la página web en varias
secciones y mostrar contenido distinto en cada una de ellas. Se explica el modo de trabajar con los marcos en
Dreamweaver, así como la asignación de contenido y la creación de hipervínculos que trabajen con los
marcos.
11.Trabajar con plantillas
Explica qué son y cómo crear y utilizar plantillas para, a partir de ellas, crear páginas web. Se muestra cómo
organizar los contenidos en zonas bloqueadas y regiones editables de una plantilla.
12.Formularios
Describe lo que son, cómo se crean y cómo se configuran los formularios para que el visitante del sitio web
envíe información al servidor web. Se explica el trabajo con los distintos campos que se pueden crear, viendo
para qué se usa cada uno y sus propiedades.
13.Elementos multimedia
Presenta elementos multimedia dinámicos que podemos insertar en las páginas web: animaciones de Flash y
vídeos de Flash entre otros. También se describen varias posibilidades de trabajo conjunto entre
Dreamweaver y Fireworks, como la creación de un álbum de fotos web o la inserción de HTML procedente de
Fireworks en una página web diseñada con Dreamweaver.
14.Otros efectos
Se describen varios elementos dinámicos que se pueden incluir en las páginas diseñadas con Dreamweaver:
applets de Java, sonido, marquesinas, efectos Spry y Widgets Spry. También se explican distintas
posibilidades en cuanto al trabajo en el código de las páginas con esta aplicación.
15.Publicar el sitio web
Explica los pasos a seguir para preparar el sitio web creado en Dreamweaver y finalmente publicarlo en el
servidor web, es decir, ponerlo a disposición de los usuarios, de forma que éstos puedan ver las páginas web
en sus navegadores.
