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. = Iniziare la personalizzazione = A seconda dell'elemento selezionato si possono fare diverse modifiche. == Modificare il testo == Selezionare un blocco di testo e, nell'editor di codice, modificare il testo originale in base alle proprie esigenze. Nel pannello principale, in alto nella pagina, verrà visualizzata un'anteprima delle modifiche apportate. == 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. È sufficiente aprire una nuova scheda del browser e cercare l'immagine che si vuole utilizzare, fare clic su di essa con il tasto destro del mouse e selezionare {button Copia indirizzo immagine}. Per vedere la nuova immagine nell'anteprima è sufficiente sostituire nell'editor di modifica l'URL dell'immagine originale con quello appena copiato. == Modificare un collegamento ipertestuale == È possibile collegare i collegamenti ipertestuali a qualunque destinazione si vuole. Tutti i collegamenti ipertestuali 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.

Iniziare la personalizzazione

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

Modificare il testo

Selezionare un blocco di testo e, nell'editor di codice, modificare il testo originale in base alle proprie esigenze. Nel pannello principale, in alto nella pagina, verrà visualizzata un'anteprima delle modifiche apportate.

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. È sufficiente aprire una nuova scheda del browser e cercare l'immagine che si vuole utilizzare, fare clic su di essa con il tasto destro del mouse e selezionare Copia indirizzo immagine.

Per vedere la nuova immagine nell'anteprima è sufficiente sostituire nell'editor di modifica l'URL dell'immagine originale con quello appena copiato.

Modificare un collegamento ipertestuale

È possibile collegare i collegamenti ipertestuali a qualunque destinazione si vuole.

Tutti i collegamenti ipertestuali 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.