X-Ray Goggles permette di ottenere una nuova pagina web sostituendo i contenuti, adattando i formati, applicando anche altri tipi di modifiche . __TOC__ = Accertarsi di avere installato X-Ray Goggles in [[How to Install X-Ray Goggles]] = Ogni volta che si visita una pagina web e la si vuole analizzare, fare clic sul pulsante X-Ray Goggles sulla barra dei segnalibri e avviare il processo '''capire''' come funziona e '''trasformare''' con proprie idee. = Ispezionare gli elementi = Una volta attivato X-Ray Goggles ci si accorgerà che al passaggio del mouse, la sezione della pagina sottostante verrà evidenziata da un riquadro vivacemente colorato. I riquadri evidenziano gli elementi della pagina web. Fare clic su uno di questi e verrà attivato il settore di modifica nel quale sarà possibile sostituire gli elementi presenti con le proprie alternative. = Avviare la personalizzazione = A seconda dell'elemento selezionato si possono fare diverse modifiche. == Sostituire qualche carattere == Selezionare un blocco di testo e cambiare il suo significato nel settore di modifica. É possibile vedere un'anteprima di ciò che si modifica di sopra nel pannello principale. == Sostituire un'immagine == Tutte le immagini utilizzano il tag <code><<!-- -->img<!-- -->></code> nel proprio codice HTML. È possibile notare che ad ogni tag <<!-- -->img<!-- -->> corrisponde un indirizzo URL in cui al momento risiede l'immagine. È possibile sostituire l'immagine originale con una a propria scelta. È sufficente aprire un nuovo pannello nel browser e cercare l'immagine che si vuole usare, fare clic sull'imagine con il tasto destro del mouse e selezionare {button copia indirizzo immagine} Per vedere la nuova immagine nell'anteprima è sufficente sostituire nel settore di modifica l'URL della precedente immagine con quello appena copiato. == Modificare un hyperlink == È possibile collegare gli hyperlink a qualunque destinazione si vuole. Tutti gli hyperlink iniziano con il tag <code><<!-- -->a href="<!-- --></code> e contengono l'URL a cui si collega l'hyperlink. Cambiare l'URL scritto ta le doppie virgolette per cambiare il collegamento di destinazione. È anche possibile cambiare quello che è chiamato "anchor text". Questo "anchor text" è il testo che dà al visitatore un'idea riguardo i contenuti della pagina di destinazione ed è spesso mostrato con un carattere sottolineato di colore blu. = Pubblicare e Suggerire = Nel settore di modifica qualora si commetta un errore di digitazione è possibile premere il pulsante {button Cancel}. Una volta che si è soddisfatti delle modifiche apportate, si può premere il pulsante verde {button Update} per visualizzare la pagina. Per pubblicare il proprio lavoro, premere il tasto {key p} sulla tastiera oppure il pulsante {button Publish} lungo la parte destra della pagina. Se si è registrati e si è effettuato l'accesso in teach.mozilla.org, le personalizzazioni pubblicate saranno aggiunte alla pagina "Your Projects" e verrà messo a disposizione un URL per condividere il progetto con gli amici.

X-Ray Goggles permette di ottenere una nuova pagina web sostituendo i contenuti, adattando i formati, applicando anche altri tipi di modifiche .

Accertarsi di avere installato X-Ray Goggles in Come installare X-Ray Goggles

Ogni volta che si visita una pagina web e la si vuole analizzare, fare clic sul pulsante X-Ray Goggles sulla barra dei segnalibri e avviare il processo capire come funziona e trasformare con proprie idee.

Ispezionare gli elementi

Una volta attivato X-Ray Goggles ci si accorgerà che al passaggio del mouse, la sezione della pagina sottostante verrà evidenziata da un riquadro vivacemente colorato.

I riquadri evidenziano gli elementi della pagina web. Fare clic su uno di questi e verrà attivato il settore di modifica nel quale sarà possibile sostituire gli elementi presenti con le proprie alternative.

Avviare la personalizzazione

A seconda dell'elemento selezionato si possono fare diverse modifiche.

Sostituire qualche carattere

Selezionare un blocco di testo e cambiare il suo significato nel settore di modifica. É possibile vedere un'anteprima di ciò che si modifica di sopra nel pannello principale.

Sostituire un'immagine

Tutte le immagini utilizzano il tag <img> nel proprio codice HTML. È possibile notare che ad ogni tag <img> corrisponde un indirizzo URL in cui al momento risiede l'immagine.

È possibile sostituire l'immagine originale con una a propria scelta. È sufficente aprire un nuovo pannello nel browser e cercare l'immagine che si vuole usare, fare clic sull'imagine con il tasto destro del mouse e selezionare copia indirizzo immagine

Per vedere la nuova immagine nell'anteprima è sufficente sostituire nel settore di modifica l'URL della precedente immagine con quello appena copiato.

Modificare un hyperlink

È possibile collegare gli hyperlink a qualunque destinazione si vuole.

Tutti gli hyperlink iniziano con il tag <a href=" e contengono l'URL a cui si collega l'hyperlink. Cambiare l'URL scritto ta le doppie virgolette per cambiare il collegamento di destinazione. È anche possibile cambiare quello che è chiamato "anchor text". Questo "anchor text" è il testo che dà al visitatore un'idea riguardo i contenuti della pagina di destinazione ed è spesso mostrato con un carattere sottolineato di colore blu.

Pubblicare e Suggerire

Nel settore di modifica qualora si commetta un errore di digitazione è possibile premere il pulsante Cancel.

Una volta che si è soddisfatti delle modifiche apportate, si può premere il pulsante verde Update per visualizzare la pagina.

Per pubblicare il proprio lavoro, premere il tasto p sulla tastiera oppure il pulsante Publish lungo la parte destra della pagina.

Se si è registrati e si è effettuato l'accesso in teach.mozilla.org, le personalizzazioni pubblicate saranno aggiunte alla pagina "Your Projects" e verrà messo a disposizione un URL per condividere il progetto con gli amici.