Dreamweaver (Estructura y Composicion de las paginas)

Dreamweaver

Estructura de la Web en Dreamweaver

El programa Dreamweaver dispone de un sencillo y práctico sistema para gestionar las Webs.

1. Para gestionar un sitio lo abrimos pulsando sobre Sitio en la Barra superior y abrir sitio.

2. Si tenemos definido uno o varios sitios aparecerán para que podamos seleccionarlos. En nuestro ejemplo seleccionamos el sitio Mismascotas que definimos en páginas anteriores de este curso.

Para visualizar la estructura del Sitio pulsamos sobre el Botón Mapa del Sitio o Site Map

Y como resultado se muestra las relaciones entre las distintas páginas que componen la Web.

La composición de páginas usando tablas con Dreamweaver

Los elementos de las páginas se suelen colocar empleando tablas. Si observa las Webs importantes notará que los elementos de las páginas están ordenados dentro de columnas y cuadros.

Para que los elementos que colocamos en una página mantengan una cierta posición al ser visualizados por los navegadores necesitamos colocarlos dentro de tablas.

El texto, las imágenes y los demás elementos de una página se ordenan dentro de tablas. Utilizamos tablas con Bordes cero cuando queremos mantener las tablas invisibles.

Crear una Tabla invisible para colocar los elementos.

1. Pulsamos Insertar y Tabla.
2. Ponemos "0" cero en el cuadrado correspondiente a Borde.
3. Pulsamos Aceptar o OK

Y el resultado se ve así en la vista de Diseño de Dreamweaver.

Esta tabla no se ve con el navegador. Los visitantes de la página no ven esta tabla. Es por tanto una tabla oculta. Si escribimos dentro de las celdas el resultado es el siguiente.

Esta es una celda de la tabla con bordes cero	Otra celda de la tabla oculta que no permite ordenar los elementos.
Otra celda.	Y otra.

Las tablas con bordes cero nos permiten también mantener las imágenes en una cierta posición dentro de las tablas.

Las siguientes imágenes se encuentran dentro de una tabla con borde "0".

Hemos colocado las imágenes dentro de las celdas de una Tabla.