People site
- Voorpagina
- Homepages van A tot Z
- Handige links
- Regels
- Hoe maak ik een site
- Bestanden op uw site zetten
- Vragen en problemen
- Hoe werkt HTML?
- Een beschrijving maken
- Gastenboek
- Bezoekers tellen
- Mail script
HTML les 1
1. Introductie
Een eigen homepage maken is niet alleen leuk maar u krijgt ook inzicht in de manier hoe het Internet werkt.
HTML is de afkorting van Hyper Text Markup Language.
Dit is een opmaaktaal, d.w.z. dat alle commando’s die u ingeeft direct gevolg zullen hebben op de
layout van een dokument.
U kunt met de commando's van HTML teksten vet maken, afbeeldingen plaatsen en
links naar andere pagina's aanbrengen.
De HTML-opmaaktaal is eigenlijk niet eens zo moeilijk.
Op Internet zelf zijn ook heel veel handleidingen te
vinden die u goed kunt gebruiken voor de 'bouw' van uw eigen homepage.
Maar als u werkelijk op hoog niveau een website
wilt maken, bijvoorbeeld voor een commerciële zaak, doet u er verstandiger aan een
specialist in te schakelen of tenminste een volledige cursus webdesign te
volgen.
Toch kunt u heel eenvoudig zelf een website in elkaar knutselen.
Webmaster tips en links.
2. Werkmiddelen
Hoewel de markt overspoeld wordt met allerlei software die websites maken
vergemakkelijken, starten wij bij 0.
Om een eenvoudige website te maken kunt u
de simpelste 'html editor' die op uw eigen systeem al aanwezig is, kladblok of notepad, gebruiken.
In principe heeft u
hieraan genoeg om uw eigen eenvoudige homepage te kunnen bouwen.
Wanneer u echter foto’s en
afbeeldingen op uw site wilt plaatsen heeft u ook een beeldverwerkingsprogramma
nodig.
Op de tucows server zijn veel varianten te vinden.
Hier kunt u een keuze maken welk programma voor u het eenvoudigst werkt.
Bij het lezen van de handleiding van deze programma’s kunt u
meer info verkrijgen over de mogelijkheden ervan
maar wellicht dat u zelf al zo'n programma op uw computer heeft waarvan u gebruik wilt maken.
3. De basisprincipes
HTML maakt gebruik van 'tags'. Dit zijn driehoekige haakjes < / > die u
terugvindt naast de rechter shift-toets op uw toetsenbord, er is een < linker –en rechterexemplaar >.
Tussen deze tags kunt u allerlei commando’s plaatsen die
instructies geven aan de browser om iets te doen.
Bijvoorbeeld een tekst vet laten weergeven,
een afbeelding plaatsen of een link naar een andere pagina weer laten geven.
Tags hebben altijd een < begin –en een eindtag >.
De begintag bestaat uit een commando tussen twee tags, bijvoorbeeld
< i > en wordt voor de tekst gezet die veranderd dient te worden.
De eindtag verschilt van de begintag omdat er een slash / tussen de tag en voor het commando
wordt geplaatst. bijvoorbeeld < /i >.
Deze tag wordt na de tekst gezet die veranderd dient te worden.
Ook de algehele structuur van een HTML pagina bestaat voor een groot gedeelte uit tags.
Wanneer u de pagina opmaakt in notepad zal het programma moeten herkennen dat u een
HTML pagina heeft gemaakt.
U dient een pagina altijd op te slaan als een HTML dokument. Dit doet u door eerst een map aan te maken op de c:schijf
van uw computer.
Deze map noemt u www. In deze map slaat u al uw pagina's op met de bestandsnaam .html
De eerste pagina van uw homepage slaat u altijd op als index.html. Alle plaatjes (images) slaat u op in een sub-map van de www map en noemt deze 'images'.
4. De eerste HTML-tags
Hieronder ziet u hoe een HTML pagina wordt opgebouwd. De basis is telkens dezelfde.
Eerst word aan een browser duidelijk gemaakt dat het dokument een HTML-dokument is.
Dat gebeurt door de begin -en
eindtag <html> en </html>.
Deze tags zijn altijd het begin en eindpunt
van iedere homepage.
Alle volgende tags dienen binnen deze tags geplaatst
te worden.
Binnen deze tags wordt een onderscheid gemaakt tussen de </head> en de
<body>. In de head worden de titel en allerlei
instructies over de pagina en de site zelf geplaatst.
In de
body komt de eigenlijke inhoud van de site. Afsluiten doet u vervolgens met de eindtag </html>
Het ziet er dan als volgt uit.
<html> <<< dit is de begintag.
<head>
<title> Hiertussen komt de
titel van uw pagina.</title>
</head>
<body>
Hier komt de
inhoud van uw site.
</body>
</html> <<< dit is de eindtag.
Als u dit HTML bestand nu opslaat en u kijkt naar dit dokument in uw
browser,
ziet u helemaal bovenin de blauwe balk de titel van uw pagina staan.
Op de de pagina zelf ziet u in de browser de tekst die u binnen de body-tags heeft
getypt.
Op naar les 2 van HTML