De eerste website

De eerste website


Het is zover, je gaat je eerste website maken en deze online zetten zodat de hele wereld
kennis kan nemen van jouw informatie. Het is handig dat je al een onderwerp hebt, want
een website die gaat over ‘van alles’, gaat eigenlijk nergens over. Maak een keuze van
iets wat jij leuk vind, wat jouw interesseert en waar je ook wat vanaf weet.

Bepaal je onderwerp

“;
//Print vervolgens wat is ingevoerd in parameter ‘user’ van het formulier
print $_POST[‘onderwerp’];
print “!
Voor dit onderwerp zul je een hoop informatie moeten verzamelen. “;
print ““;
print $_POST[‘onderwerp’];
print “.startpagina.nl
.”;
}
else {
// Anders eerst het formulier
print <<<_HTML_ <form method="post" action="$_SERVER[PHP_SELF]">
Vul hieronder in wat het onderwerp wordt van jouw website:
<input type=”text” name=”onderwerp”>
<input type=”submit” value=”ok”>
</form>
_HTML_;
}
?>

Kladblok als html-editor

Nu je een onderwerp hebt bepaald moet je de website gaan maken. De eerste stappen gaan we met je doornemen.
We gaan werken met het programma ‘Kladblok’ in Windows. Dit is een zeer eenvoudige tekstverwerker.
Meer heb je niet nodig. Maak in ieder geval niet de fout door in een programma als Word 2003 te
gaan werken.

Klik onderaan op start, dan op ‘alle programma’s’, vervolgens op bureau-accessoires en daar klik
je op ‘Kladblok’.
start kladblok op
Kladblok wordt geopend en ziet er ongeveer zo uit.
leeg venster kladblok

HTML tags

We gaan nu code toevoegen. HTML bestaat uit zogenaamde tags. Dit zijn codes die de browser
vertellen wat deze moet laten zien. Zo is er een tag <img> die ervoor zorgt dat er een
plaatje komt te staan in de website. De belangrijkste tag is <html>, deze tag vertelt de
browser dat het document in HyperText Markup Language is geschreven. De meeste tags worden ook weer
afgesloten, dat doe je door er een / voor te zetten, vetgedrukte tekst wordt geopend met een <b>
en afgesloten met een </b>. Eenvoudig toch?

De html code van je eerste webpagina

Hier komt de hele code voor je eerste pagina, deze zullen we daarna uitleggen. Deze code kun je
eenvoudig kopieren en plakken naar je eigen geopende ‘kladblok’pagina.

<html>
<head>
<title>Mijn eerste webpagina</title>
</head>

<body>
De inhoud van mijn eerste webpagina.
</body>
</html>

de code <html> opent het hele bestand, vervolgens krijg je <head>, dit is een deel
waarin extra informatie komt te staan die niet zichtbaar is in het document, daarover later meer,
in onze eerste pagina zetten we er in ieder geval titelinformatie neer met behulp van <title>.
Met de tag <body> open je het eigenlijke deel van de website wat zichtbaar wordt. Hierin
komen de teksten, plaatjes en alle andere zaken die nodig zijn voor je website. Alle tags worden
natuurlijk afgesloten.

Opslaan en bekijken van je eerste webpagina

Je krijgt dan de volgende pagina te zien;
website in kladblok in html geschreven
Nu de pagina nog opslaan. Klik op bestand en dan op ‘opslaan’ of ‘opslaan als…’ Hier
verschijnt dan het volgende venster, waarin je je bestand een naam moet geven.

bestand opslaan als...
Hier maak je bijvoorbeeld van ‘mijn_eerste_website’. Let erop dat je .txt moet vervangen door
.html, zie ook het voorbeeld hieronder. Je maakt namelijk geen tekstbestand, maar een html bestand.
opslaan met extentie .html
Wanneer je nu naar de map gaat, die je daarvoor het beste speciaal kunt aanmaken, dan zie je daar
een internet explorer icoon staan,
html bestand openen
wanneer je daar op klikt wordt je eerste webpagina geopend.
de website is te zien
In de blauwe balk bovenaan de browser zie je nu datgene staan, wat je hebt geplaatst tussen de
tags <title> en </title>. In ons geval is dat ‘Mijn eerste webpagina’.
titelbalk van je eerste website

          Leuk als je dit artikel deelt:
Share

Geef een reactie

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