Wie als rechtgeaarde Belg een lap bouwgrond liggen heeft, poot er al snel een optrekje neer. Het probleem is alleen dat de prijzen de pan uit swingen. Virtuele verkavelingen zijn er nochtans te kust en te keur, en vaak ook nog gratis… Heb je echter zelf geen site, dan heb je vanaf vandaag géén excuus meer: hier vind je in vier nummers alles wat je moet weten voor het inrichten van je eigen knusse webstek: van de fundering tot de meiboom!

Geld alvast niet, want het opzetten van een eigen website hoeft je nauwelijks iets te kosten. We gaan er dan natuurlijk wel van uit dat je al over een PC met internetaansluiting beschikt, waarop bij voorkeur Windows 95 of hoger draait (Windows 98/2000).

Ook voor software hoef je je portemonnee niet boven te halen, want zowat alle programma's die we nodig hebben, zijn kosteloos of kan je althans gratis uitproberen. Eén ervan is Microsoft Internet Explorer 4.0 (of een hogere versie als Internet Explorer 5.0 of 5.5), maar de kans is groot dat deze browser, bijvoorbeeld samen met Windows 98, al op je PC is geïnstalleerd. Zoniet, dan vind je die hoogstwaarschijnlijk wel terug op een CD-ROM die je bij zo'n gratis internetprovider op de kop kunt tikken. Een alternatief voor deze browser is Netscape Navigator (4.0 of hoger), die ook al gratis is. Heb je beide browsers op je PC draaien, des te beter… dan kan je straks je bouwwerk twee keer bewonderen. Waar zit nu het financiële addertje? Nergens, alleen zal je wel pakweg een uurtje on line moeten spenderen voor het downloaden van de nodige programma's, en voor de eigenlijke publicatie van je website op het WWW. Gerustgesteld? Dan wordt het hoog tijd dat we er aan beginnen!

Even schrikken!
Amper zes jaar geleden had het maken van een site nog iets ambachtelijks. Gewapend met weinig meer dan een simpel tekstverwerkertje (genre Kladblok), baanden sitebouwers zich een weg doorheen de talrijke en cryptische codes van HTML (hyper text markup language), de moedertaal van alle webpagina's. HTML ligt overigens nog steeds aan de basis van de huidige websites, wat je onmiddellijk merkt als je bij een geopende webpagina in je browser de optie Beeld en dan (Pagina)bron opent. Kan zo'n gegoochel met HTML-codes je vreemd genoeg toch bekoren, neem dan zeker een kijkje op www.evrsoft.com/1stpage, waar je gratis een uitermate krachtige HTML-editor kan downloaden (1st Page 2000, versie 2.0 - 5,2 MB).

Voor de minder bezetenen onder ons is er gelukkig ook goed nieuws: er werden namelijk een aantal programma's ontwikkeld die ons tijdens het maken van webpagina's veilig kunnen afschermen van die lastige spaghetticode… In deze cursus zullen wij ons dus vooral daarop concentreren, en HTML zoveel mogelijk links laten liggen.

Even opwarmen!
Ben je hoegenaamd niet van plan veel energie te stoppen in het creëren van een website, of is het de bedoeling dat (ook) je kinderen hun eigen stek gaan bouwen, dan kan een programma als Web Scrapbook 1.7 al volstaan. Je kan het gratis downloaden op www.webprecinct.com/WebScrapbook (6,7 MB).

Een geanimeerde figuur begeleidt je in een zestal eenvoudige stappen naar de eindfase toe: het publiceren van je pagina's op het web. Je hoeft nauwelijks meer te doen dan een geschikte lay-out te kiezen, titel en tekst in te vullen, een (meegeleverde) afbeelding en een leuke achtergrond te selecteren, en Web Scrapbook genereert zelf de code.

Alles blijft dus uitermate gebruiksvriendelijk, maar deze eenvoud heeft ook een keerzijde: veel ruimte voor creativiteit blijft er op die manier natuurlijk niet over.

Dat het ook op een andere manier kan, bewijst www.editthispage.com. Je hoeft hier zelfs niets voor te downloaden, noch over een of ander softwarepakket te beschikken: je webbrowser volstaat! Je moet je wel eerst on line (gratis!) inschrijven, en een minuut later kan je aan de slag. Je krijgt al meteen een aantal opties voorgeschoteld, waarmee je je webpagina kan aankleden. Lettertypes in diverse maten en kleuren, maar ook eigen afbeeldingen kan je met een eenvoudige muisklik op je pagina's plaatsen. Via de meer geavanceerde optie 'Prefs' kan je de interface zelfs volledig Nederlandstalig maken, en verder ook bepalen wie er eventueel je site mee mag helpen opbouwen. Jammer genoeg kleven aan dit ganse systeem ook een paar nadelen: je site komt automatisch terecht op de webserver van EditThisPage - wat je echter ook als een voordeel kan beschouwen -, maar vooral… je bent on line terwijl je aan je site werkt, en die telefoontikken kunnen je een lieve duit kosten. Tenzij je dan weer via kabel of ADSL met het net verbonden bent, natuurlijk…

What's in (a) Word?
Vind je deze oplossingen toch maar niks, én heb je al enige ervaring met de tekstverwerker MS Word, dan is er nog een bruikbaar alternatief. Afhankelijk van de versie, kan je met dit programma namelijk ook aanvaardbare tot zelfs zeer fraaie webpagina's bouwen. Had je voor Word 6.0 of 7.0 nog een extra hulpmiddel nodig (deze Internet Assistant kan je nog steeds downloaden op  http://support.microsoft.com/support/kb/articles/Q153/8/60.asp), dan heeft Microsoft al enkele leuke opties in Word 97 ingebouwd. Dit pakket voorziet namelijk in een handige Web-taakbalk die je een aantal extra mogelijkheden biedt. Jammer genoeg verloopt die omzetting naar HTML-code voor webpagina's niet altijd feilloos. Met Word 2000 is er echter geen houden meer aan, zodat zelfs een veeleisende sitebouwer hier aan zijn trekken kan komen. Jammer genoeg levert dat dan weer immens lange webpagina's op waar elke browser een tijdje mee zoet is. Microsoft heeft dat gelukkig snel begrepen, en stelt op http://officeupdate.microsoft.com/2000/downloadDetails/Msohtmf2.htm een filterprogramma ter beschikking, waarmee je automatisch alle overtollige HTML-code uit je webpagina's kan laten halen.

FPE downloaden via het internet
Klik je de Start-knop van Windows 98 aan, dan zal je bovenaan de optie Windows Update zien verschijnen. Klik je deze optie aan, en ben je verbonden met het internet, dan kom je automatisch terecht op http://windowsupdate.microsoft.com. Mogelijk zie je eerst een dialoogvenster verschijnen waarin je gevraagd wordt of je Microsoft Active Setup wenst te installeren en uit te voeren. Aangezien dat noodzakelijk is voor de FPE-download, bevestig je de vraag door op Ja te klikken. Na een tijdje verschijnt dan in je browser een lijst met allerlei programma's die je kan selecteren. Eén ervan is Frontpage Express 2.0 (ongeveer 1,6 MB). Markeer het selectievakje, en druk vervolgens op de knop Volgende. Na je bevestiging wordt de gegevensoverdracht opgestart, automatisch gevolgd door de installatie van FPE op je PC. Als alles voltooid is, kan je de internetverbinding verbreken, en het programma opstarten. Heb je FPE op deze manier gedownload, dan vind je het programma als je klikt op Start en dan achtereenvolgens kiest voor Programma's, Bureau-accessoires, Internet-werkset, en Frontpage Express.

Mijn eerste pagina
Heb je FPE opgestart, dan kan je eindelijk aan de slag. Als je enigszins bekend bent met een programma uit het MS Office-pakket, dan zal de interface van FPE je alvast geen hartaanval bezorgen: de menustructuur en de knoppenbalken lijken immers bijzonder goed op die van Word of Excel.

Als opwarmertje maken we snel een webpagina aan, waarin we de hele wereld begroeten. Typ in het witte hoofdvenster van FPE (waar zich de cursor bevindt) de tekst Hallo, wereld!

Om je webpagina van een aangepaste titel te voorzien, open je het menu Bestand en ga je dan naar Eigenschappen van pagina… Zorg dat het tabblad Algemeen geopend is, en wijzig in het titelveld de standaardtekst Naamloos Normale pagina in Mijn eerste pagina. Check meteen even of beide velden van de HTML-codering wel degelijk op VS/West-Europees staan ingevuld. Dat zorgt ervoor dat ook vreemde tekens later correct worden weergegeven.

Klik nu op het tabblad Achtergrond, en controleer de kleurweergave voor de achtergrond en voor de tekst: die stellen we respectievelijk op wit en zwart in.

Nu hoef je enkel nog je webpagina op te slaan. Dat doe je ook hier via het menu Bestand en Opslaan (als). Een dialoogvenster verschijnt waarin je eventueel je titel nog kan aanpassen. Trek je niets aan van het veld Locatie van de pagina, maar klik op de knop Als bestand. Sla je pagina als een HTML-bestand op. De naam mag je vrij kiezen, maar hou wel rekening met de volgende tips:

- gebruik best niet meer dan 8 tekens (letters en/of cijfers) voor de eigenlijke bestandsnaam (vóór het punt), en typ alles in kleine letters;

- geef als extensie (na het punt) htm op (bijvoorbeeld: wereld1.htm).

Schitterend, je hebt net je eerste webpagina ontworpen! Uiteraard wil je het resultaat ook zo snel mogelijk bekijken in je browser. We laten je eerst zien hoe dat moet in Internet Explorer. Zodra je hier Bestand en dan Openen… selecteert, krijg je een klein dialoogvenster te zien. Hier klik je de knop Bladeren… aan, en duid je het gewenste bestand aan in de juiste map. Vervolgens druk je op de knop Openen en bevestig je met OK. In Netscape Navigator ga je op een gelijkaardige manier tewerk: selecteer de optie Pagina openen… in het menu Bestand, en druk op de knop Bestand kiezen. Duid ook hier het gewenste bestand aan, en klik de knop Openen aan (tweemaal)… Een seconde later prijkt je eerste virtuele bouwwerk op het scherm! Doe meteen eens de moeite de HTML-codering van je pagina te bekijken (menu Beeld en dan kiezen voor (Pagina)bron): je zal zien dat die -op enkele extra codes na- heel goed gelijkt op die uit het begin van dit artikel.

Heel leuk, zo'n eigen eerste webpagina, maar geef toe… veel soeps is het toch nog niet. Voor we echter dit eerste deel van de cursus afsluiten, laten we je toch nog vlug zien hoe je een en ander kunt opvrolijken…

Als het (net) iets meer mag zijn…
Open dus terug je FPE, en haal opnieuw je wereld1.htm-bestand binnen (kies in het menu Bestand voor Openen en selecteer dan Bladeren). Laten we beginnen met onze vriendelijke begroeting wat meer in de verf zetten. Selecteer daartoe eerst de ingetikte tekst door er met de muis over te slepen. Vervolgens klik je in de Opmaakwerkbalk (zie figuur) enkele opties aan die onze begroeting beter doen uitkomen: kies een ander lettertype uit (bijvoorbeeld Verdana), maak het vetjes en meteen ook een paar maten groter (je kan maximaal vier keer op de A-knop klikken), en centreer vervolgens de tekst.

Tik nu een paar tekstregels meer in onder de begroeting. Je zal merken dat FPE automatisch een nieuwe alinea aansnijdt, zodra je op het einde van een regel op de Enter-toets drukt, maar dat is volkomen normaal in een HTML-omgeving. Wil je echter binnen dezelfde alinea een nieuwe regel beginnen, dan moet je de Shift-Enter toetscombinatie indrukken.

Heb je een pracht van een tekst ingetikt, dan wil je vast al een ©-symbool naast je naam doen verschijnen. Dat kan je als volgt doen: ga naar het menu Invoegen, en selecteer de optie Symbool… Je krijgt dan een venster te zien waarin heel wat symbolen staan afgebeeld: klik het correcte symbool aan, druk op de knop Invoegen en sluit het dialoogvenster weer af.

Laten we nu snel nog wat kleur in onze pagina aanbrengen. Je weet ondertussen al hoe je een achtergrondkleur voor je pagina kan instellen, en het bepalen van de kleur van een stuk tekst verloopt weinig anders. Selecteer eerst de gewenste tekst, kies het paletsymbool in de opmaakwerkbalk, en maak je keuze uit de 48 basiskleuren die je te zien krijgt (bevestigen met OK). Wil je meer kleuren, dan hoef je enkel de knop Aangepaste kleuren selecteren in te drukken, waarna je een heel kleurengamma ter beschikking krijgt (kies eerst je kleur, druk dan op Kleur toevoegen en bevestig met OK). Hou er echter rekening mee dat nogal wat mensen het web afsurfen met een schermresolutie van slechts 256 kleuren, en in dat geval krijgen ze jouw speciaal uitgezocht kleurtje waarschijnlijk niet (in al zijn glorie) te zien! Kies ook niet te snel een (helder)blauwe kleur voor je tekst, want veel surfers denken dan dat het om een zogenaamde link gaat, en zeker als je die tekst had onderstreept!

Vergeet ook niet deze pagina op te slaan, bij voorkeur onder een andere naam (zoals wereld2.htm). Roep je die vervolgens in je browser op, dan zal je merken dat het er al een stuk beter uitziet.

Maar hou je vast… de volgende aflevering maken we het nog héél wat leuker, en zorgen we zelfs voor enkele grafische hoogstandjes op je pagina's! Tot dan.

Klik hierop om verder te gaan met de volgende les.

Deze site kan je het best bekijken met Internet Explorer als browser
en met een schermresolutie van 800x600 pixels

Last updated on: 25/02/2002
© 2002 The Best