X-Ray Goggles permette di osservare gli elementi di una pagina web e di fare delle modifiche per arrivare a una cosa nuova. Con X-Ray Goggles è possibile sostituire il contenuto, modificare il formato e altro per ottenere una nuova pagina web. __TOC__ = Accertarsi di possedere X-Ray Goggles [[How to Install X-Ray Goggles|installed]] = Ogni volta ci si imbatte su una pagina che si vuole ispezionare, fare clic sul pulsante X-Ray Goggles sulla barra dei segnalibri ed iniziare a elaborare. = 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. Questi riquadri rappresentano gli elementi di una pagina web. Fare clic su uno di questi e verrà attivato il settore di modifica. dove sarà possibile sostituire gli elementi con le proprie personalizzazioni. = Avviare la personalizzazione = A seconda dell'elemento selezionato, possono essere realizzate diverse personalizzazioni. == 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, 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 attualmente 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 copy image location} Incollare l'URL copiato dell'immagine nel riquadro di modifica, si dovrebbe vedere il cambiamento nell'anteprima == 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 collegamenyo di destinazione. È anche possibile cambiare quello che è chiamato "anchor text". Questo "anchor text" è il testo che dà al visitatore un'idea riguardo ai contenuti della pagina di destinazione ed è spesso mostrato con un carattere di colore blu e sottolineato. = Pubblicare e Raccomandare = È possibile premere il pulsante {button Cancel} nel settore di modifica, se si è commesso un errore durante la digitazione. Una volta che si è soddisfatti delle modifiche apportate, è possibile premere il pulsante verde {button Update} per vedere come compare la pagina. Una volta pronti a pubblicare il proprio lavoro, premere il tasto {key p} sulla tastiera oppure il bottone {button Publish} lungo la parte destra della pagina. Se si è registrati in teach.mozilla.org, le personalizzazioni pubblicate saranno aggiunte alla pagina "I tuoi Progetti" e verrà messo a disposizione un URL per condividere il progetto con gli amici.

X-Ray Goggles permette di osservare gli elementi di una pagina web e di fare delle modifiche per arrivare a una cosa nuova. Con X-Ray Goggles è possibile sostituire il contenuto, modificare il formato e altro per ottenere una nuova pagina web.

Accertarsi di possedere X-Ray Goggles installed

Ogni volta ci si imbatte su una pagina che si vuole ispezionare, fare clic sul pulsante X-Ray Goggles sulla barra dei segnalibri ed iniziare a elaborare.

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.

Questi riquadri rappresentano gli elementi di una pagina web. Fare clic su uno di questi e verrà attivato il settore di modifica. dove sarà possibile sostituire gli elementi con le proprie personalizzazioni.

Avviare la personalizzazione

A seconda dell'elemento selezionato, possono essere realizzate diverse personalizzazioni.

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, 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 attualmente 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 copy image location

Incollare l'URL copiato dell'immagine nel riquadro di modifica, si dovrebbe vedere il cambiamento nell'anteprima

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 collegamenyo di destinazione. È anche possibile cambiare quello che è chiamato "anchor text". Questo "anchor text" è il testo che dà al visitatore un'idea riguardo ai contenuti della pagina di destinazione ed è spesso mostrato con un carattere di colore blu e sottolineato.

Pubblicare e Raccomandare

È possibile premere il pulsante Cancel nel settore di modifica, se si è commesso un errore durante la digitazione.

Una volta che si è soddisfatti delle modifiche apportate, è possibile premere il pulsante verde Update per vedere come compare la pagina.

Una volta pronti a pubblicare il proprio lavoro, premere il tasto p sulla tastiera oppure il bottone Publish lungo la parte destra della pagina.

Se si è registrati in teach.mozilla.org, le personalizzazioni pubblicate saranno aggiunte alla pagina "I tuoi Progetti" e verrà messo a disposizione un URL per condividere il progetto con gli amici.