DREAMWEAVER

Clase I: En esta clase aprenderemos a configurar un sitio local, pero antes

definamos qu es un sitio web: Es un conjunto de archivos y carpetas, relacionados
entre s, con un diseo similar y un objetivo comn.
Crear un sitio consiste en crear una carpeta en el disco local. Los do- cumentos
HTML, se guardarn dentro de esta carpeta, mientras que las imgenes, las
animaciones, las hojas de estilo se crearn en nue- vas carpetas dentro de la
primera.
Despus se podrn copiar los archivos en un servidor web sitio remoto, lo que
equivale a publicar el sitio.
La pgina inicial se debe guardar con el nombre index.htm o in- dex.html.
En la actividad que debes desarrollar crearemos una pgina web llamada
currculum_vitae;
Crea en el disco local una carpeta con el nombre currculum vitae, y dentro
de sta crea otra con el nombre imgenes. Copia el archivo foto.JPEG en la
carpeta imgenes y currculo.doc en la carpeta currculum vitae.
Una vez creada las carpetas que formarn el sitio local, definimos el sitio en
Dreamweaver.
Para ello haz clic en Sitio > Nuevo Sitio / Avanzadas
Definir
Nombre del sitio: CURRICULO
Carpeta raz local (haz clic en el icono con forma de carpeta y
selecciona la carpeta currculum vitae)
Carpeta predeterminada de imgenes (carpeta imagenes)

Aceptar

La primer pgina la guardamos con el nombre index.html.

Para agregar nuevas pginas, ubcate en el nombre del Sitio, botn derecho /
Nuevo archivo / escribir el nombre sin borrar la extensin .HTML

Crear las siguientes pginas: Perfil,

Computacin, Cursos, hobbies, idioma.

Experiencia

Laboral,

Estudio,

Como en todas las pginas debemos insertar una tabla de 8 filas y 2 columnas,
aprenderemos a crear una plantilla (pgina especial en la cual se crea la tabla
pedida, se crearn los hipervnculos a las dems pginas, y se configurar una
regin (Regin editable) para agregar el contenido correspondiente a cada pgina.
La guardamos como plantilla (Dreamweaver le agregar la extensin . dwt). Luego
vincu- laremos la plantilla a cada pgina.
Para ello haz clic en Archivo > Nuevo > Plantilla HTML.
Para insertar la tabla Insertar > Tabla / 8 filas y 2 columnas / ancho de la tabla:
80 porcentajes
Combinaremos las celdas de la segunda columna, Para ello: Selecciona las celdas
de la segunda columna, haz clic en Com- binar celdas.

En las celdas de la primer columna escribe los nombres de cada pgina creada: index, Perfil, Estudios,
Hipervnculos: Los hipervnculos son enlaces que al hacer clic en ellos nos lleva a
otra pgina o archivo.
Insertaremos hipervnculos a las pginas creadas; para ello:
Selecciona el texto INDEX, haz clic en el icono, en la ventana
propiedades, con forma de carpeta que se encuentra a la de- recha del
cuadro de texto vnculo, haz clic en la pgina Index.html > Aceptar.
Realiza el mismo procedimiento para insertar hipervnculos a las restantes
pginas.
Modificaremos el color de fondo de la pgina, para ello:
Ubica el cursor en un lugar libre de la pgina, haz clic en Propiedades de la pgina,
en la ventana propiedades, selecciona el color #cccc66
Modificamos, ahora, el color de fondo de la tabla, para ello, seleccio- namos la
tabla, esto lo podemos hacer ubicando el cursor en alguna celda, clic en Modificar

> Tabla > Seleccionar Tabla

Selecciona como color de fondo #00cc33, y como color de borde

previamente el tamao de borde a 1)

#003300

(Modificar

Por ltimo, ubicamos el cursor en la segunda columna para crear una regin
editable, que contendr el contenido variable de cada pgina.

Haz
clic en Insertar > Objetos de Plantilla >Regin editable, en la
ventana que se abre asgnale el nombre contenido.
Una vez lista la plantilla la debemos guardar dando el nombre, por ejemplo,
5

plantilla.dwt (Las plantillas tienen la extensin .dwt y al crearlas se crea

automticamente la carpeta Templates).
Luego debemos vincular la plantilla a cada pgina, para ello:
Nos ubicamos en cada pgina, clic en Modificar >Plantilla > Aplicar plantilla
a la pgina, seleccionar la plantilla y listo.
Una vez guardados todos los cambios, con la tecla F12 podrs visualizar la pgina
creada en tu navegador.
Por ltimo en las propiedades de la tabla modificaremos el alto de las celdas de la
primer columna a 60, esto lo debemos hacer en la plantilla y luego al guardarla se
nos preguntar si deseamos actualizar las pginas, a lo que responderemos que s.

Oprimimos F12, veremos