Om een webpagina te maken hebben we niet veel nodig. Kladblok (notepad)
van windows is genoeg. Natuurlijk kunnen we speciaal daarvoor ontworpen
programmas gebruiken zoals Adobe DreamWeaver of Microsoft Frontpage.
Deze programmas genereren automatisch de codes 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 paginas 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.
This page contains various HTML text codes - HTML codes for text
effects. There are hundreds, or even thousands, of different effects
combinations that you can apply to text with HTML. These range from
simple effects like changing the color, to more advanced effects such as
falling text and scrolling text. There is also HTML code for making
text boxes, scroll boxes, comment boxes, and more.
Basic Text Formatting
Small fontLarge font
Colored font
Bold fontItalic font and more...
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'.