Uw eerste webpagina inspecteren en ombouwen

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.

Als u hulp nodig hebt met de opdrachten, typ dan eenvoudig h op uw toetsenbord, of klik op de knop Help in de rechterzijbalk.

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

Dit is het makkelijkst. Selecteer een blok tekst, en wijzig wat er aan de linkerkant van de code-editor wordt vermeld. Aan de rechterkant van de code-editor 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 linkerkant van de code-editor, en u zou het voorbeeld aan de rechterkant moeten zien veranderen.

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 doorgaans onderstreept en met een blauw lettertype weergegeven.

Vastleggen en publiceren!

Als u een foutje hebt gemaakt, kunt u op de knop Nevermind in de rechterbovenhoek klikken.

Als u tevreden bent met uw wijzigingen, klikt u op Wijzigingen vastleggen en kunt u zien 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 Webmaker bent aangemeld, zal uw gepubliceerde Goggles-creatie aan uw galerij Mijn creaties worden toegevoegd en ontvangt u een unieke URL die u met vrienden kunt delen.

Uw vaardigheden verbeteren

Wilt u een stapje verder gaan? Probeer de CSS van de pagina te bewerken. Houd de toets c ingedrukt om de CSS weer te geven en klikt daarna op de spatiebalk om te gaan bewerken.


Deel dit artikel: http://mzl.la/1xKvspN

Was dit artikel nuttig? Een moment geduld…

Deze aardige mensen hebben dit artikel helpen schrijven: Tonnes. U kunt ook helpen - lees hier hoe.