Een HTML-bestand maken

• 

Gegevens

Categorie: HTML Basiscursus

Om een webpagina te maken hebben we niet veel nodig. Kladblok (notepad) van windows is genoeg. Natuurlijk kunnen we speciaal daarvoor ontworpen programma’s gebruiken zoals Adobe DreamWeaver of Microsoft Frontpage. Deze programma’s genereren automatisch de code’s die we willen hebben. Dat scheelt veel typewerk. Ook kunnen we gelijk zien hoe het resultaat zal worden door de wysiwyg-editors. Deze programma's maken je wel lui, omdat je zelf niet de html-codes hoeft te typen. En deze cursus is juist bedoeld om html te leren. Daarom houden we het voorlopig bij kladblok.

Kladblok (of notepad) kun je vinden bij 'start ? programma's ? bureau accessoires'. Of 'start ? uitvoeren en type 'notepad' '.

De naam van het html-bestand

Kladblok slaat standaard de bestanden op met .txt extentie. Daarvoor in de plaats moet .html of .htm komen. Wees daarin wel consequent. Kies je voor html, geef dan al je pagina’s de extensie html.

HTML en internetbrowsers zijn hoofdlettergevoelig. (in tegenstelling tot het gebruik van e-mailadressen) Dat betekent dat, als een bestand hoofdletters in de naam heeft [ReceptvoorLasagna.html], krijg je een foutmelding (pagina niet gevonden) als je er met alleen kleine letters naar verwijst. Gebruik bij naamgeving dus ALTIJD kleine letters. Dan hoef je niet te onthouden waar de hoofdletters gebruikt hebt.

Ook het gebruik van spaties in de naam is sterk af te raden [recept voor lasagna.html]. Spaties worden niet in de adresbalk gelezen. In plaats van spaties gebruikt de browser de code %20. Ons voorbeeld zou er dan zo uit zien: [recept%20voor%20lasagna.html]. Vrijwel onwerkbaar, zoals je ziet. Mocht je toch graag een onderscheid willen maken tussen de woorden, gebruik dan het koppelteken -, of underscore _. [recept-voor-lasagna.html, of recept_voor_lasagna.html]

Dat geldt ook voor bestandsnamen van plaatjes, foto's of andere bestanden die je voor de website gebruikt. Gebruik daar ook kleine letters en geen spaties voor.

index.html

Elke website heeft een beginpagina, de eerste pagina als je de website binnen gaat. Deze heeft altijd de naam 'index.html'. Wanneer je in de adresbalk een webadres ingeeft, zal de browser opzoek gaan naar het index bestand en voor je openen. Vaak is bij websites het 'html' vervangen door 'php' of 'asp'. De pagina is nog steeds opgebouwd met html, maar bevat daarnaast ook een aantal scripts dat op een geautomatiseerde manier de inhoud genereert. Maar de 'homepage', de portaalpagina, heet dus altijd 'index'.

Open kladblok (notepad) en sla je eerste document op met de naam 'index.html'.