HTML les 2 – De eerste code

HTML les 2 – De eerste code

Inleiding

Om een website te maken kun je gebruik maken van een aantal hulpmiddelen. Ten eerste
is er Kladblok. Alle codes moet je zelf intypen. Voorlopig gaan we hier mee aan de slag,
om de taal onder de knie te krijgen.

Daarnaast heb je HTML-editors. Deze nemen je wat werk uit handen, omdat er gebruik
gemaakt wordt van knoppen waarmee je bepaalde taken laat uitvoeren. In de les
Inleiding in HTML
ga je een editor downloaden; HTML-kit.

Tenslotte heb je een aantal WYSIWYG-editors, What You See Is Wat You Get, wat zoveel wil zeggen
als Wat je ziet is wat je krijgt. Alleen werkt ook zo’n editor met HTML en is het dus
handig als je hier wat van weet.

Opdracht 1
Zoals geschreven gaan we eerst werken met kladblok.
Voor deze opdracht moet je Kladblok openen. Dat gaat als volgt. Klik op start, ga dan
naar programma’s, vervolgens naar bureauaccesoires, en dan naar Kladblok.


Als je deze opent ziet dat er ongeveer zo uit. Je kunt overigens ook werken met
wordpad, wat in dezelfde rij te vinden is als kladblok. Dat ziet er zo uit.


Als je met kladblok of wordpad werkt kun je onderstaande basispagina kopieren
en plakken naar kladblok. Dat gaat als volgt.

1. Met je muis ga je naar de tekst die
je wilt selecteren.
2. Je houdt de linkermuisknop ingedrukt. De tekst wordt blauw.
3. Aan het einde laat je de los.
4. Je drukt op de rechtermuisknop.
5. In een venster verschijnt “kopieren” of “copy”. Hier druk je op.


6. Vervolgens open je kladblok of wordpad.
7. Dan klik je weer op de rechtermuisknop
en druk je op “plakken” of “paste”

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>

<html>
<head>
<title>Untitled</title>
</head>
<body>

</body>
</html>

Opslaan

Je kunt deze pagina nu opslaan. Nu nog op de gewone manier, de volgende keer
in een HTML bestand. Klik op ‘bestand’, kies ‘opslaan als’, ga naar de map die je hebt
voor deze cursus en geef de pagina een naam. Klik dan op opslaan.
Je kunt nu verder gaan met de les
De eerste site.

          Leuk als je dit artikel deelt:
Share

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *