Maak je eigen Homepage!
Les 1


<HTML> en </HTML>

Begin met Kladblok op te starten. Thuis doe je dat door op 'Start' te drukken en vervolgens te kiezen voor Programma's, Bureau-accessoires en Kladblok.
Op school klik je op het icoontje voor kladblok   dat je kunt vinden in de map algemeen of in de map informatica.

In het kladblok typ je het volgende letterlijk in...

Elk van deze regeltjes noemen we een tag. Er is een begin- en een eindtag. Om een eindtag te maken zet je een / voor de begintag. De meeste tags, dus niet allemaal, hebben een eindtag.
Zie de tags als het praten met de browser, of nog beter, het geven van instructies. Wat je de browser zojuist verteld hebt is: 'dit is de start van een HTML document' (<HTML>) en 'dit is het einde van een HTML document' (</HTML>). Nu gaan we daar wat zaken tussen zetten.


<HEAD> en </HEAD>
Elk HTML document heeft een setje <HEAD> tags nodig.
<HTML>
<HEAD>
</HEAD>

</HTML>


<TITLE> en </TITLE>
Het enige waar we ons nu druk om maken tussen de <HEAD> tags zijn de <TITLE> tags.
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
</HTML>


<BODY> en </BODY>
Het overgrote deel van het document komt tussen de <BODY> tags.
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>

</HTML>

Je hebt nu een model gemaakt voor een webpagina. Hij is alleen nog leeg.
In principe wordt elke webpagina gemaakt volgens dit model! Dus als je weer een nieuwe webpagina gaat maken, begin je altijd met deze 'tags' in je kladblok te typen.


De titel
Nog één ding: geef je homepage een titel.
<HTML>
<HEAD>
<TITLE>Mijn eerste homepage!</TITLE> (Je kunt natuurlijk ook een andere titel kiezen!)
</HEAD>
<BODY>
</BODY>
</HTML>


Het opslaan en weer openen van je werk

Nu kun je je werk opslaan, niet als tekstdocument maar als HTML document.
Klik in het Kladblok venster op Bestand en dan op Opslaan als. Kies voor opslaan op diskette (A:\).

Maak een nieuwe map aan door op dit symbool te klikken.
Geef de map de naam 'Webpages' en dubbelklik erop om de map te openen.
In het vak waarvoor staat Bestandsnaam: type je in page1.html
In het vak waarvoor staat Opslaan als type: klik je op het pijltje
en selecteer je Alle bestanden (*.*).
Je krijgt nu het dialoogvenster te zien dat hier naast staat:

Klik op opslaan en je bent klaar!

Gefeliciteerd! Je bent nu de trotse bezitter van een volledig werkende homepage.
Je kunt je pagina op de volgende manier in je browser openen:

Klik in de browser op Bestand en kies voor de optie Nieuw       Venster
Klik weer op Bestand, maar kies nu voor de optie Openen...
Druk op de knop
Zoek de map Webpages, die je net gemaakt hebt en selecteer het bestand page1.html
Druk op de knop .
Je kunt nu het resultaat van je inspanning zien!

Zoals je ziet is je homepage helaas nog een beetje leeg maar de titel van je pagina staat in de bovenste balk van je browser. Als je in de statusbalk onder in je venster kijkt, zul je zien dat er nu twee keer een browser geopend is. Door afwisselend op de beide browserknoppen te klikken kun je eenvoudig schakelen tussen de lessen en je eigen pagina!
Wil je bij je pagina weer de kladblok openen, dan klik je op Beeld en kies je voor de optie Bron. Het kladblok wordt dan automatisch geopend. Deze optie kun je ook goed gebruiken om op het Internet te kijken hoe een pagina in elkaar gezet is!

De volgende stap is natuurlijk om wat leuke dingen op je homepage te zetten.


Einde les 1

Inleiding Les 1 Les 2 Les 3 Les 4 Les 5 Les 6 Index