Índice

Inspeccionar la página

Cuando se está en proceso de elaboración, resulta muy interesante conocer las propiedades CSS de los elementos HTML de la página. Dreamweaver permite conocer las propiedades CSS utilizadas en los diferentes elementos simplemente pasando el ratón sobre ellos.

Abra una página concebida con CSS.

Estudiaremos las hojas de estilos CSS en el capítulo siguiente.

Muestre el modo Dividir.

En el menú Ver, seleccione Inspeccionar ([Alt][Mayús][F11]) o en la barra de herramientas Documento, haga clic en el botón Activar vista en vivo y modo de inspección.

images/04OWT-21.PNG

Pase el ratón por encima de algún elemento de la página.

Verá el código HTML correspondiente en la vista en modo Código.

Y en el panel Diseñador de CSS verá todas las propiedades utilizadas por el elemento sobre el que se ha pasado el ratón.

images/04OWT-22.png

En la página en modo Diseño, verá las propiedades del elemento sobre el cual se ha pasado el ratón.

Haga clic sobre un elemento en el que quiera trabajar. Podrá entonces modificar sus propiedades CSS en el panel Diseñador de CSS. Las actualizaciones se producen al instante.

images/04OWT-23.PNG