Unidad 3. Configuración de un sitio local (II)

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.

Para cambiar de una vista a otra hay que pulsar sobre el botón que aparece en la parte superior del panel y de la ventana.

Al mismo tiempo, es posible visualizar el sitio local, el sitio remoto, el servidor remoto de prueba o el mapa del sitio.

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 indice.htm, ya que éste ha sido definido como página principal del sitio y contiene vinculos 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 algun objeto que es referenciado por algun 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.

Hay que tener cuidado de no crear páginas que tarden mucho tiempo en cargarse en el navegador. Para ver cómo comprobar el tamaño de los documentos, pulsa aquí .

Propiedades del documento

Es conveniente que todas las páginas de un sitio sigan un mismo formato, es decir, que tengan el mismo color de fondo y de fuente, etc.

Puede definirse el formato de cada una de las páginas a través de Propiedades de la página.

Se puede abrir esta ventana de tres modos diferentes:

Pulsar la combinación de teclas Ctrl+J.

Hacer clic sobre el menú Modificar y elegir la opción Propiedades de la página.

Pulsar con el botón derecho sobre el documento abierto en Dreamweaver, y en el menú contextual que aparece seleccionar la útltima opción, que es Propiedades de la página.

Vamos a ver a que hacen referencia algunos de los elementos:

Título: es el título del documento, que aparecerá en la barra de título del navegador y de la ventana de documento de Dreamweaver.

Imagen de fondo: permite especificar una imagen de fondo para el documento. Dicha imagen se muestra en mosaico. Es importante al elegir una imágen de fondo tener en cuenta que según los colores de la imagen será necesario establecer unos u otros colores para el texto, así como que no es conveniente tener un gif animado como fondo. 

Fondo: permite especificar un color de fondo para el documento, pero dicho color solo se mostrará en el caso de no haber establecido ninguna imagen de fondo.

Texto: es el color de la fuente.

Vínculos: es el color de los vínculos, que ayuda al usuario a distinguir entre el texto normal y los vínculos que sirven de enlace a otras páginas.

Vínculos visitados: es el color de los vínculos visitados, que permite distinguir al usuario si unos vínculos ya han sido visitados o no.

Vínculos activos: es el color de los vínculos activos.

Márgenes: permiten establecer márgenes en el documento. Los márgenes izquierdo y superior solo funcionan en Microsoft Internet Explorer, mientras que el ancho y el alto de márgen solo funcionan para Netscape Navigator. Ninguno de estos márgenes aparece en la ventana de documento de Dreamweaver, solo se mostrarán en los navegadores.

Imagen de rastreo: permite establecer una imagen como fondo del documento, pero que solo se mostrará en la ventana de documento de Dreamweaver, y nunca en un navegador. Dicha imagen se utiliza como plantilla gráfica sobre la que crear el documento.

Transparencia de imagen: permite establecer la opacidad de la imagen de rastreo.

Los colores

Para asignar colores es posible desplegar una paleta de colores como ésta. Al seleccionar un color de estas paletas, se muestra el valor hexadecimal del color en la parte superior.

Las paletas de colores de Dreamweaver utilizan la paleta de 216 colores seguros para web. Éstos son los colores que se muestran de la misma forma en Microsoft Internet Explorer y en Netscape Navigator, tanto en Windows como en Macintosh.

También es posible personalizar los colores a través del segundo botón de la parte superior de la paleta, o seleccionar un color de fuera de la paleta pulsando, una vez abieta la paleta, sobre el color deseado.

Los colores pueden asignarse a través de los botones con la sigiente apariencia: .

Estos botones suelen aparecer en el inspector de propiedades de muchos objetos, y también en algunas ventanas que permiten especificar propiedades (sobretodo propiedades de texto, fondo, o tablas), como es el caso de la ventana de Propiedades de la página, que tienes más arriba.

El color puede insertarse de dos modos. Uno de ellos es pulsando sobre el recuadro gris , lo que hace que se despliegue la paleta de colores. El otro modo es introduciendo directamente el número hexadecimal del color en el recuadro blanco.

Por ejemplo, si en la paleta de colores que aparece más arriba se seleccionara el color azul con valor #3399FF, el botón quedaría del siguiente modo: .

Para practicar puedes realizar el Ejercicio paso a paso Crear nuevo documento y modificar sus propiedades.

  Ejercicios del Tema 3.

  Prueba evaluativa del Tema 3.

Pág. 3.2