Firebug es una extensin de Firefox creada y diseada especialmente para desarrolladores y programadores Web.

Permite ver la estructura HTML de las pginas Web, as como los estilos asignados desde la hoja de estilos. Adems se pueden hacer pruebas sobre configuracin de estilos en cualquier pgina Web.

Descargar Firefox del vnculo en el aula o de la pgina oficial http://www.mozillaeurope.org/es/

Luego ir a la pgina http://getfirebug.com/

Dar clic en la versin recomendada:

Seleccionar la versin para descargar:

Esperar el conteo de tres segundos hasta que se active el botn Instalar ahora y dar clic.:

Cuando se cargue la barra de estado el programa pedir reiniciar Firefox. Aceptar:

En la esquina inferior derecha de su navegador se encontrar un insecto:

Al dar clic en el insecto se despliegua una doble pantalla:

Al dar clic en el insecto se despliegua una doble pantalla:

A la izquierda se ve el cdigo fuente HTML A la derecha se ve el estilo asignado.

Clic en el inspector para activar la funcin:

Clic en la flecha celeste que se indica para activar el inspector :

Al seleccionar un elemento de la pgina HTML, este se enmarcar en azul. A la izquierda se muestra la etiqueta y a la derecha el selector CSS que le est afectando:

A la derecha se muestra la regla o selector CSS e indica la hoja de estilos y en qu lnea se encuentra la programacin CSS:

Esto va a ser de mucha utilidad en el futuro. Suerte!