Cómo establecer las propiedades de la página en Dreamweaver

  1. Software
  2. Adobe
  3. Dreamweaver
  4. Cómo establecer las propiedades de la página en Dreamweaver

Libro Relacionado

Por David Karlins, Doug Sahlin

Dreamweaver presenta diferentes opciones para definir el contenido de la cabeza. Una de ellas consiste en incrustar estilos dentro de una página, lo cual no es recomendable. En su lugar, cree hojas de estilo externas – hojas de estilo que son archivos separados que pueden ser enlazados (aplicados) a múltiples páginas dentro de un sitio web.

Dicho esto, hay un momento y un lugar para definir el estilo de toda la página que sólo se aplica a una sola página. ¿Cuándo lo harías?

Puede recurrir a la definición de estilos para una sola página cuando tenga mucha prisa por crear un prototipo de una página para su equipo o un cliente, y luego volverá a aplicar los estilos. O, si está creando un sitio web de una sola página y no hay necesidad de una hoja de estilo externa que se aplique a varias páginas.

Dreamweaver proporciona herramientas para hacerlo en el cuadro de diálogo Propiedades de página.

Para abrir el cuadro de diálogo Propiedades de página, haga clic en el botón Propiedades de página en el Inspector de propiedades o seleccione Modify→Page Propiedades. Las pestañas Apariencia (CSS), Apariencia (HTML), Enlaces (CSS) y Encabezados (CSS) generan un código de cabecera que define cómo aparecen los diferentes elementos de la página. Las opciones son intuitivas.

En la ficha Apariencia, por ejemplo, puede definir la fuente, el tamaño y el color del texto, así como el color de fondo (o imagen) de una página. La figura muestra el color de fondo que se está definiendo. Otras fichas del cuadro de diálogo Propiedades de página ofrecen opciones igualmente intuitivas para definir las características, como la forma en que se muestran los vínculos y el aspecto de los encabezados.

En su intento de hacer el diseño web fácil, y para proteger a los diseñadores de lo que está «bajo el capó», Dreamweaver ofrece opciones que generan código de hoja de estilo CSS «inconscientemente».

Por ejemplo, cuando utiliza las funciones del cuadro de diálogo Propiedades de página, es posible que no se dé cuenta de que al definir propiedades como un fondo de página o un estilo de fuente, realmente está generando código CSS, pero sí lo está haciendo. Debido a esta relación entre CSS y HTML, este enfoque «sobre la marcha» para generar CSS podría resultar útil.

ADD YOUR COMMENT