Cómo utilizar el editor HTML Firefox

El editor HTML Firebug es un add-on, o extensión, para el navegador de Internet Firefox. Firebug fue escrito por uno de los creadores originales de Firefox y ofrece una gran cantidad de funciones de edición de fácil agrupados por lo que incluso los aficionados HTML les resulta cómodo de usar. Además de la edición de HTML, Firebug permite editar CSS y JavaScript, así como depurar los tres guiones.

Instrucciones

Instalación y ajuste Firebug

1 Instalar Firebug. En primer lugar, abrir el navegador Firefox. Descargar Firebug (ver Recursos más adelante). Siga las instrucciones de instalación. Reiniciar Firefox para habilitar la extensión Firebug. Haga clic en la marca de verificación verde en la parte derecha de la barra de estado para abrir Firebug.

2 Ajustar la configuración de Firebug. Haga clic con el quemador en la esquina superior izquierda de la consola de Firebug. Haga clic en Opciones.

3 Siempre elige Abrir en una nueva ventana. Esto da Firebug su propia ventana de trabajo cada vez que se abre el editor. Haga clic en la marca de verificación verde en la parte derecha de la barra de estado. Seleccione Inhabilitar Firebug. Haga clic en el icono de nuevo. Es ahora de color gris en lugar de verde. Agregar el dominio individual (s) para el que desea habilitar el editor HTML Firebug.

Edición de HTML

4 Haga clic en la pestaña Editor HTML. Crear o editar elemento HTML de una página haciendo clic derecho sobre ella y seleccionando Editar HTML en el menú de contenido. Una alternativa es hacer clic en el botón Editar de la barra de herramientas ficha HTML. Los cambios del panel Ver código fuente para permitir la edición de HTML existente o la adición de nueva HTML.

5 Finalizar las modificaciones o adiciones. Haga clic en el botón Editar. El panel Ver código vuelve a la normalidad, y se aplican los cambios. Tenga en cuenta que los segmentos del código HTML, llamados atributos, están codificados por color.

6 Hacer cambios en un atributo existente haciendo clic sobre ella. El atributo aparece en su propia caja de texto. Realice los cambios y, a continuación, haga clic fuera del cuadro de texto para cerrar el cuadro de texto y establecer los cambios.

7 Añadir un nuevo atributo dentro del texto existente. Haga clic derecho en el atributo existente y seleccione Nuevo atributo en el menú de contenido Firebug. Un cuadrado blanco aparece cuando usted indica que desea añadir el nuevo atributo.

8 Ver los cambios que realice aparecen inmediatamente en el sitio medida que se escriben en. Editor HTML de Firebug es tiene una función Live View que se aplica inmediatamente los cambios al sitio que está trabajando.