|
|
Les 1: Inleiding
Allereerst zal ik je alvast even waarschuwen. Je zult toch echt een dosis geduld en een portie doorzettingsvermogen open moeten maken. Ik snap best dat je je site net zo mooi wilt maken als die van Microsoft of die van de Postbank, maar dat lukt je voorlopig nog niet. De mensen van Microsoft huren gewoon een berg professionele webdesigners in en aangezien jij en ik dat niet kunnen, zullen we de sites toch echt zelf moeten maken. Oordeel niet te snel als het niet meteen lukt, dat lukt niemand. Het is gewoon veel proberen, daarna gaat het vanzelf.
Eerst zullen we even moeten kijken wat we allemaal nodig hebben om te kunnen beginnen. Je hebt nodig:
- Een browser ( die heb je, want daarmee kijk je naar deze pagina)
- Een tekstverwerker ( in dit voorbeeld zal ik kladblok gebruiken, als je zelf iets anders gebruikt zoals Word of een HTML editor en je wilt dat liever gebruiken dan kun je daarmee verder gaan. Ik zal er niet op ingaan)
- Een map waarin je je prachtige bouwwerken kunt opslaan.
- Een dosis geduld en een portie doorzettingsvermogen. Haak niet af als het de eerste keer niet lukt. Dat lukt niemand.
- En deze cursus natuurlijk.
Voordat we beginnen zullen we eerst wat belangrijke en wat minder belangrijke theorie door moeten lopen.
Ik zal eerst even uitleggen hoe we gaan werken. Ik gebruik in deze cursus kladblok. In een kladblok bestand zetten we alle tekst en tags ( HTML-codes) en vervolgens moeten we hem opslaan. Maar aan een kladblok extensie ( in dit geval .txt) hebben we niets, omdat je dan niets kunt zien, daarom slaan we het op als .html bestand. Als je een pagina wilt opslaan onder de naam home ( dit kan natuurlijk veranderd worden in elke willekeurige naam) dan sla je hem op door "Bestand -> Opslaan als" te kiezen, home.html in te tikken en dan opslaan kiezen. Vervolgens kun je door dubbelklik de pagina openen. Als je het later in de cursus uitprobeert zul je zien dat het niet zo moeilijk is als het lijkt.
Dan nu wat theorie. HTML betekent HyperText Markup Language. Dit is een mooie term voor een code die er voor zorgt dat jij op je beeldscherm krijgt wat ik wil dat jij op je beeldscherm krijgt. Als ik bijvoorbeeld wil dat het scherm zwart wordt, dan kan ik daar met een HTML code voor zorgen.
Een HTML code staat altijd tussen een < en een >. Hierdoor wordt de code geopend en wordt aangegeven dat ertussen een HTML code staat. Als een code is geopend moet deze ook weer gesloten worden met een . Let op de / want die betekent dat de code wordt afgesloten.
Een webpage heeft altijd een standaard indeling. Hieronder vind je zo'n indeling. Ik zal daaronder uitleggen wat het allemaal betekent.
<html>
<head>
<title>Mijn webpage</title>
</head>
<body>
Hier komt mijn webpage
</body>
</html>
Neem dit over in een kladblok bestand en sla hem op als home.html . Nu kun je makkelijker meekijken.
Zoals je ziet begint het geheel met <html> en eindigt het met </html>. Dit laat zien dat ertussen een HTML code staat die vertaald moet worden. Alle tekst en tags ( HTML codes) komen hiertussen te staan.
Daarna vind je <head> en </head> met daartussen <title> en </title>. Dit is het HEAD gedeelte. Hiertussen staat informatie over de pagina ( titel en inhoud). Dit wordt vaak gebruikt voor zoekmachines, maar daar kom ik later nog op terug. Dat wat er tussen <title> en </title> staat, komt in de blauwe balk bovenaan de pagina te staan.
Na het HEAD gedeelte komt het BODY gedeelte. Deze wordt geopend door <body> en wordt gesloten door </body>. Hiertussen komt de echte pagina te staan. Je ziet ook dat de tekst die ertussen staat op het beeldscherm verschijnt.
Je hebt nu de beginsellen gehad. Je kunt verder naar Les 2: Pagina opmaken gaan.
|
