Práctica N° 1 – Dreamweaver

Ministerio de Educación Pública
IPEC Santa Bárbara de Heredia
Dreamweaver
Práctica N° 1 – Dreamweaver
La práctica consiste en crear un sitio web en Dreamweaver, posteriormente agregar una
página (index), la cual tendrá una tabla, en ésta, se inserta un encabezado y se realizan los
hipervínculos para las demás páginas del sitio. Index, es modelo de las demás, ya que a
partir de ésta se construirán las demás páginas. Finalmente se agrega el contenido a cada
una de las páginas de sitio (index, nosotros, servicios, galería, contacto).
1. Realice las siguientes carpetas, dentro de la carpeta Diseño-web
practica-1
images
2. Copiar las imágenes dadas dentro de la carpeta images.
3. Ir a Dreamweaver y realizar los pasos para crear un sitio, el nombre de sitio será:
practica-1.
A) Clic en sitio de Dreamweaver
1
Ministerio de Educación Pública
IPEC Santa Bárbara de Heredia
Dreamweaver
B) En la ventana que aparece:
 Escriba un nombre para el sitio, por ejemplo: practica-1
 Presione clic en el ícono de la carpeta.
 Aparecerá la ventana de guardar, buscar la carpeta que usted realizó
para guardar todos los sitios que hagamos en Dreamweaver (Diseñoweb). La Abrimos, dentro de ella creamos la carpeta practica-1 
clic en seleccionar  clic en aceptar.
2
Ministerio de Educación Pública
IPEC Santa Bárbara de Heredia
Dreamweaver
4. Nuevo documento HTML en Dreamweaver.
5. Guárdelo con el nombre index.
a. Archivo  guardar (Control + S).
6. Insertar una tabla, menú insertar  tabla.
a. Con las siguientes características:
3
Ministerio de Educación Pública
IPEC Santa Bárbara de Heredia
Dreamweaver
b. Seleccionar la tabla para centrarla.
Ir al inspector de propiedades, generalmente en la parte inferior, en la opción
alinear: centro
c. Combinar las celdas de la primera fila:
i. Seleccionar la primera fila.
ii. Clic derecho  combinar celdas
7. En la primera fila, insertar la imagen encabezado (todas las imágenes están en
la carpeta images).
a. Ficha insertar  imagen
8. En la tercera fila escribir: Todos los derechos reservados ©
9. Cambiar el título de la página:
4
Ministerio de Educación Pública
IPEC Santa Bárbara de Heredia
Dreamweaver
10. Realizar los hipervínculos.
a. Dar un clic a la imagen encabezado, ir al inspector de propiedades y elegir:
Herramienta Zona Interactiva rectangular.
b. Con clic sostenido, enmarcar cada una de las opciones del menú.
i. Empecemos con inicio, aparece un rectángulo encima de la opción.
Observe que En el inspector de propiedades, están las opciones para
crear el hipervínculo.
ii. Para el caso de los demás hipervínculos guíese con esta tabla:
Vínculo (escríbalos en
Alt
minúscula y sin tilde)
Nosotros
nosotros.html
Nosotros
Servicios
servicios.html
Servicios
Galería
galeria.html
Galería
Contacto
contacto.html
Contacto
iii. Queda de la siguiente manera:
iv. Guarde los cambios. Archivo  (Control + S).
5
Ministerio de Educación Pública
IPEC Santa Bárbara de Heredia
Dreamweaver
11. Realice un guardar como para cada una de las páginas del sitio.
a. Archivo  guardar como. (Control + Shift + S).
b. Escribir el nombre de la página (nosotros).
c. Repetir estos pasos para cada una de las páginas que hacen falta (nosotros,
servicios, galeria, contacto).
d. Observe que en el Panel Archivos aparecen las páginas que guardamos.
e. Coloque para cada página información relacionada (proponga la
información).: Inicio: explicación de qué trata el kínder, Nosotros: historia,
misión, visión. Servicios: el trabajo y servicios que realizan. Galería:
imágenes. Contacto: teléfono, correo, dirección.
6