Diseño de paginas

Utilice las herramientas de diseño visual de Macromedia Dreamweaver 8 para crear sofisticados diseños de página.

Diseño de páginas con CSS

En Macromedia Dreamweaver 8, es posible utilizar estilos CSS para diseñar la página. Puede insertar manualmente etiquetas div y aplicarles estilos de posición CSS, o puede utilizar capas de Dreamweaver para crear su diseño. Una capa en Dreamweaver es un elemento de página HTML (en concreto, una etiqueta div o cualquier otra etiqueta) que tiene una posición absoluta asignada.

Dreamweaver trata todas las etiquetas div con posición absoluta como capas, incluso si dichas etiquetas div no se han creado con la herramienta de dibujo de capas.

Puede utilizar un archivo de diseño de Dreamweaver como punto de partida para el diseño de CSS. Seleccione un archivo en la categoría Diseños de páginas (CSS) del cuadro de diálogo Nuevo documento

Independientemente de si usa CSS, tablas o marcos para diseñar las páginas, Dreamweaver tiene reglas y cuadrículas para ayudarle a crear sus diseños. Dreamweaver también tiene una opción de imagen de rastreo, que puede utilizar para volver a crear un diseño de página creado en una aplicación gráfica.

Si no está familiarizado con el uso de capas y hojas de estilos en cascada (CSS) pero sí lo está con el uso de tablas, pruebe a utilizar tablas o el modo de diseño para el diseño de la página. Presentación de contenido en tablas Las tablas constituyen una herramienta muy eficaz para presentar datos de tabla y establecer el diseño de texto y gráficos en una página. Muchos diseñadores utilizan tablas para establecer el diseño de páginas Web. Macromedia Dreamweaver 8 ofrece dos métodos de visualización y manipulación de tablas: el modo estándar, en el que las tablas se presentan en forma de cuadrícula de filas y columnas, y el modo de diseño, que permite dibujar, cambiar el tamaño y mover cuadros en la página mientras se siguen utilizando tablas para la estructura subyacente. También puede diseñar las páginas con el posicionamiento de CSS. Diseño de páginas en el modo de diseño Un método frecuente para crear el diseño de una página consiste en utilizar tablas HTML para colocar los elementos. No obstante, las tablas pueden resultar difíciles de usar como método de diseño, ya que inicialmente se crearon para mostrar datos tabulares y no para establecer el diseño de páginas Web. Para optimizar el uso de tablas para establecer el diseño de páginas, Macromedia Dreamweaver 8 ofrece el modo de diseño. En el modo de diseño puede establecer el diseño de una página utilizando tablas como estructura subyacente, al tiempo que evita algunos de los problemas que suelen presentarse al crear diseños basados en tablas con medios tradicionales. Utilización de marcos Los marcos permiten dividir la ventana de un navegador en varias regiones, cada una las cuales puede mostrar un documento HTML diferente. Por lo general, un marco muestra un documento que contiene controles de navegación, mientras que otro muestra un documento con contenido. Administración de plantillas Una plantilla de Macromedia Dreamweaver 8 es un tipo especial de documento que sirve para crear un diseño de página "fijo"; puede crear documentos basados en la plantilla que heredan el diseño de página de la plantilla. Al diseñar una plantilla, especifica qué áreas de los documentos basados en esa plantilla pueden ser editadas por los usuarios. Las plantillas permiten controlar un área de diseño amplia y reutilizar diseños completos. Si desea reutilizar elementos de diseño individuales, como la información de copyright de un sitio o un logotipo, puede crear elementos de biblioteca.