Modificare il codice HTML all'interno di una pagina Web consente all'utente di vedere quello che sembra una pagina con testo diverso, colori o layout. Per gli sviluppatori, modifica HTML all'interno del browser web è un modo sicuro per risolvere problemi o per vedere quali limitazioni offre un design. I principali browser che gli utenti guardano alle pagine web in sono Microsoft Internet Explorer e Mozilla Firefox. Una delle differenze principali tra Firefox e Internet Explorer sono plugin di Firefox. Firefox offre una vasta selezione di plugin, tra cui il plugin Firebug, che altera HTML all'interno di un browser web.

Istruzioni

Istruzioni

1

Aprire Firefox dal tuo desktop. Digitare https://addons.mozilla.org/ nella barra degli indirizzi e premere il tasto invio (o ritorno). Questo indirizzo è la pagina dei plugin per Firefox.

2

Digitare "Firebug" nella casella di testo che dice "Cerca componenti aggiuntivi". Fare clic sul pulsante freccia a destra della casella di ricerca. Questo vi porterà a una pagina di risultati con annunci per l'ottenimento di Firebug.

3

Scegliere la prima opzione per Firebug. Se non hai la versione più recente di Firefox... poi hai la possibilità di scaricare una versione precedente del plugin. Fare clic su "versione precedente" testo a destra per andare a una pagina con le versioni precedenti disponibili. A partire da gennaio 2010, è l'attuale versione di Firefox 3.6 e la versione corrente di Firebug è 1,5. Firebug 1.5 è compatibile con Firefox 3.5 o versione successiva.

4

Installare la versione di Firebug che funziona per la versione di Firefox. Quando il plugin Firebug ha terminato il processo di installazione, riavviare il browser. Sarete in grado di trovarlo nella parte inferiore della finestra del browser; è l'icona di bug.

5

Digitare un nuovo indirizzo web nella barra degli indirizzi. Ad esempio, se si desidera modificare il testo su cnn.com, digitare http://www.cnn.com.

6

Aprire il plugin Firebug facendo clic sull'icona di errore nella parte inferiore. Vedrete il plugin aprire dalla parte inferiore del browser. Evidenziare la scheda HTML, a destra della scheda Console.

7

Fare clic sulla seconda icona nella parte superiore del plugin; sembra una scatola con una freccia all'interno di esso. Questo strumento permette di evidenziare un elemento dalla pagina Web. All'interno il pagina Web fare clic sul testo che si desidera modificare.

8

Fare clic sul pulsante modifica sotto la riga superiore delle icone all'interno del plugin. Viene visualizzata la riga di codice HTML che contiene il testo che hai appena fatto clic. Fare clic all'interno della casella con il testo HTML e modificarlo al tuo testo preferito. Il codice HTML viene modificato automaticamente all'interno della pagina Web. Fare clic sul pulsante modifica per mantenere le modifiche apportate durante tutto il vostro tempo sulla pagina Web.

Consigli & Avvertenze

• Le modifiche apportate a una pagina Web all'interno di Firebug non sono permanenti; sono solo a fini di visualizzazione. Modifiche del codice permanente possono avvenire solo quando i file vengono salvati in un server web. Gli sviluppatori, per salvare le modifiche di codice relativi al tuo sito Web effettuate tramite Firebug si deve andare alla scheda "File", quindi procedere al "Salva pagina con nome" per salvare le modifiche. Salvare il file HTML in un percorso sul computer con estensione HTML o htm e Salva come tipo "Pagina Web, solo HTML." Trasferire il file utilizzando un programma FTP al server web per apportare modifiche visibili al pubblico.