X-Ray Goggles permette di ottenere una nuova pagina web sostituendo i contenuti, adattando i formati, applicando altri tipi di modifiche . __TOC__ = Accertarsi di avere [[How to Install X-Ray Goggles|installato]] 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, '''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 segnalano gli elementi della pagina web. Fare clic su uno di questi, verrà attivato il settore di modifica nel quale sarà possibile sostituire gli elementi presenti con le proprie varianti. = Avviare la personalizzazione = A seconda dell'elemento selezionato si possono fare diverse modifiche. == Sostituire qualche carattere == Selezionare un blocco di testo e cambiarne il significato nel settore di modifica. L'anteprima di ciò che si modifica è disponibile di sopra nel pannello principale. == Sostituire un'immagine == Tutte le immagini utilizzano il tag <code><<!-- -->img<!-- -->></code> nel proprio codice HTML. È possibile osservare che ad ogni tag <<!-- -->img<!-- -->> corrisponde l'indirizzo URL in cui al momento è archiviata l'immagine. È possibile sostituire l'immagine originale con una a propria scelta. Aprire un nuovo pannello del browser e cercare l'immagine che si vuole usare, fare clic 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 questo si collega. Cambiare l'URL scritto ta le doppie virgolette per cambiare il collegamento di destinazione. È anche possibile modificare quello che è chiamato "anchor text". L'"anchor text" è il testo che dà al visitatore un'idea di ciò che contiene la 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} per eliminare i caratteri errati. 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, la personalizzazione pubblicata sarà aggiunta 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 altri tipi di modifiche .

Accertarsi di avere installato 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, 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 segnalano gli elementi della pagina web. Fare clic su uno di questi, verrà attivato il settore di modifica nel quale sarà possibile sostituire gli elementi presenti con le proprie varianti.

Avviare la personalizzazione

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

Sostituire qualche carattere

Selezionare un blocco di testo e cambiarne il significato nel settore di modifica. L'anteprima di ciò che si modifica è disponibile di sopra nel pannello principale.

Sostituire un'immagine

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

È possibile sostituire l'immagine originale con una a propria scelta. Aprire un nuovo pannello del browser e cercare l'immagine che si vuole usare, fare clic 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 questo si collega. Cambiare l'URL scritto ta le doppie virgolette per cambiare il collegamento di destinazione. È anche possibile modificare quello che è chiamato "anchor text". L'"anchor text" è il testo che dà al visitatore un'idea di ciò che contiene la 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 per eliminare i caratteri errati.

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, la personalizzazione pubblicata sarà aggiunta alla pagina "Your Projects" e verrà messo a disposizione un URL per condividere il progetto con gli amici.