Zorg ervoor dat u X-Ray Goggles hebt geïnstalleerd

Klik, telkens wanneer u een pagina die u wilt inspecteren tegenkomt, op de knop X-Ray Goggles in uw bladwijzerwerkbalk en begin met bewerken.

De elementen inspecteren

Als X-Ray Goggles is geactiveerd, zult u merken dat terwijl u uw muis beweegt, delen van de webpagina door een helder gekleurd veld worden gemarkeerd.

Deze velden vertegenwoordigen de elementen van de webpagina. Als u op een van de velden klikt, betreedt u de code-editor, waarin u het element naar uw eigen variatie kunt ombouwen.

Beginnen met ombouwen

Afhankelijk van het type element dat u hebt geselecteerd kunt u diverse ombouwacties uitvoeren.

Wat tekst wijzigen

Selecteer een blok tekst en wijzig wat er in de code-editor wordt vermeld. In het hoofdvenster bovenaan ziet u een voorbeeld van hoe uw tekst eruit zal zien.

Een afbeelding verwisselen

Alle afbeeldingen gebruiken het label <img> in hun HTML. Daar ziet u dat elk <img>-label naar een URL-adres verwijst, dat het label vertelt waar de werkelijke afbeelding zich bevindt.

U kunt de oorspronkelijke afbeelding wijzigen naar alles wat u wilt. Open gewoon een nieuw browsertabblad en zoek de afbeelding die u wilt gebruiken, klik met de rechtermuisknop, en selecteer Afbeeldingslocatie kopiëren.

Plak de gekopieerde afbeeldings-URL in de code-editor, en u zou het voorbeeld moeten zien veranderen.

Een hyperlink aanpassen

U kunt hyperlinks naar alles wat u wilt laten wijzen.

Alle hyperlinks beginnen met <a href=" en bevatten dan de URL waarnaar de hyperlink verwijst. Wijzig die URL tussen de aanhalingstekens, en u hebt de bestemming van de koppeling gewijzigd.

Wellicht wilt u ook de zogenaamde ‘ankertekst’ wijzigen. Dit is de labeltekst die de bezoeker een idee geeft over de bestemming van de pagina, en wordt vaak onderstreept en met een blauw lettertype weergegeven.

Vastleggen en publiceren!

Als u een foutje hebt gemaakt, kunt u op de knop Annuleren in de code-editor klikken.

Als u tevreden bent met uw wijzigingen, klikt u op de groene knop Bijwerken en ziet u hoe uw omgebouwde pagina eruit ziet.

Als u aan publicatie toe bent, klik dan op p op uw toetsenbord, of op de knop Publiceren in de rechterzijbalk.

Als u bij teach.mozilla.org bent aangemeld, zal uw gepubliceerde Goggles-creatie aan de pagina ‘Uw projecten’ op teach.mozilla.org worden toegevoegd en ontvangt u een unieke URL die u met vrienden kunt delen.