Scribd
Cargar
25 vistas16 páginas

Instalar Firebug

Firebug es una extensión de Firefox que permite ver la estructura HTML y estilos CSS de páginas web, y probar configuraciones de estilos. Se descarga desde el aula o getfirebug.com e instala en Firefox, mostrando luego un insecto en la barra de herramientas para inspeccionar elementos web.

Cargado por

Wilson Mochas
Derechos de autor
© Attribution Non-Commercial (BY-NC)
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
25 vistas16 páginas

Instalar Firebug

Firebug es una extensión de Firefox que permite ver la estructura HTML y estilos CSS de páginas web, y probar configuraciones de estilos. Se descarga desde el aula o getfirebug.com e instala en Firefox, mostrando luego un insecto en la barra de herramientas para inspeccionar elementos web.

Cargado por

Wilson Mochas
Derechos de autor
© Attribution Non-Commercial (BY-NC)
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

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 [Link]

Luego ir a la pgina [Link]

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!

También podría gustarte