Práctica 3 - Introducción a DREAMWEAVER

Configuración de un sitio local (II)

1) Vamos a crear dos páginas web nuevas, para ello nos vamos al menú Archivo /

Nuevo.

- La primera la guardaremos con el nombre “prueba1.htm” dentro del sitio web

DREAM y dentro tendrá el siguiente texto:

“Texto de la página prueba1.htm”

- La segunda la guardaremos con el nombre “prueba2.htm” dentro del sitio web

DREAM y dentro tendrá el siguiente texto:

“Texto de la página prueba2.htm”

2) Ahora vamos a abrir la página “index.html”y en ella escribiremos al final de la

página el siguiente texto:

Acceso a prueba1

Acceso a prueba2

Queremos establecer hipervínculos para que cuando pulse sobre ‘Acceso a prueba1’ pase a la

página prueba1.htm. El proceso para realizar esto es muy sencillo:

- Seleccionar la frase ‘Acceso a prueba1’ y pulsar sobre el botón de la barra de propiedades.

- Se abrirá una ventana donde especificaremos el destino del hipervínculo. En este caso

seleccionaremos la página ‘prueba1.htm’

- Realizar este mismo proceso con ‘Acceso a prueba2’ y guardar los cambios

Vistas del sitio

Es posible visualizar un sitio en el panel Sitio o en una ventana. El panel Sitio se puede abrir a

través del menú Ventana, opción Sitio. También pulsando F8 o sobre el botón del

lanzador.

3) Vamos a hacer la prueba con nuestro sitio web DREAM. Si todo ha ido bien hasta el

momento deberíamos tener 3 páginas web: index.html, prueba1.htm y prueba2.htm.

- Pulsaremos sobre el botón y nos debería

quedar algo como esto:

En esta imagen se visualizan el mapa del sitio y el sitio local.

En este caso los documentos prueba1.htm y prueba2.htm cuelgan del documento index.html,

ya que éste ha sido definido como página principal del sitio y contiene vínculos hacia los otros

dos.

Si los archivos se mueven de una carpeta a otra, o se cambian de nombre, desde fuera de

Dreamweaver, las páginas no se mostrarán correctamente: no aparecerán imágenes, no

funcionarán enlaces, etc.

En cambio, si estas modificaciones se hacen desde dentro de Dreamweaver, a través del

sitio, es posible actualizar automáticamente las páginas para que si hacen referencia a un

objeto que ha cambiado, después no se produzcan problemas al visualizarlas.

Al modificar algún objeto que es referenciado por algún otro documento, se muestra una

ventana similar a esta, que indica los documentos que hacen referencia a dicho objeto, y que

pueden ser actualizados para que no se produzcan los problemas antes mencionados.

Simplemente hay que pulsar sobre el botón Actualizar.

4) Cambiar las propiedades de página de las páginas ‘prueba1.htm’ y ‘prueba2.htm’ (se hacía

pulsando el botón derecho y seleccionando Propiedades de página) y ponerles los siguientes

atributos:

prueba1.htm

- Color de fondo de color amarillo

- Color de texto de color verde

- Titulo de página: “Mi segunda página web con Dreamweaver : prueba1”

- Escribir al final de la página el texto “Volver” e insertar un hipervínculo para que vuelva a

‘index.html’

prueba2.htm

- Color de fondo de color naranja

- Color de texto de color azul

- Titulo de página: “Mi tercera página web con Dreamweaver : prueba2”

- Escribir al final de la página el texto “Volver” e insertar un hipervínculo para que vuelva a

‘index.html’

Guardar los cambios y ver si ha cambiado algo en el sitio web.

5) Abrir la página ‘index.html’ y pulsar la tecla F12. Con esto conseguimos ver una vista previa de

cómo quedaría esta página web en el navegador.

Comprobar que todos los hipervínculos funcionan bien y si alguno falla corregirlo.