 |
Apéndice |
| Inicio | Apéndices | |
Ejemplo básico de edición de hojas de estilo con Web Developer
Una vez instalado Web Developer si no apareciera su barra de herramientas la podemos visualizar seleccionando Ver | Barras de herramientas | Web Developer | Toolbar tal y como se puede ver en la siguiente imagen
Para poder ver información sobre el estilo de las diferentes partes de la página Web tenmos que seleccionar de la Barra de Herramienas de Web Developer CSS | View Style Information
Al movernos con el ratón sobre la página Web vamos viendo como diferentes partes de la mncionada página se van contorneando con una lína de color rojo. Si hacemos clic con el btón derecho del ratón en el interior de la zona podemos ver que el navegador nos muestra en una pestaña información sobre las propiedades CSS de la zona seleccionada. En este caso podemos ver las propiedades de la clase .tituloCentrado
En este otro caso podemos ver las propiedades de la etiqueta <body>
Para poder editar declaraciones o reglas CSS tenemos que seleccionar CSS | Edit CSS
Si por ejemplo queremos ver la diferencia entre mostrar la página web con tamaño 10 en vez de 12, solamente tenemos que ir en este caso al selector body y cambiar el valor a 10px de la propiedad font-size
Y si por ejemplo queremos ver la diferencia al cambiar el color de los títulos entonces tenemos que ir en este caso al selector .tituloCentrado y cambiar el valor a #00FF99 de la propiedad color
