Updates van deze cursus kunnen gevonden worden op de website

Transcriptie

1 Updates van deze cursus kunnen gevonden worden op de website Niets uit deze cursus mag worden overgenomen zonder toestemming van de auteur. Datum van deze versie: 12/11/2004 Pagina 1/89

2 Inhoud... 1 Inhoud... 2 Inleiding internettechnologieën... 4 Inleiding... 4 Client-side technologieën... 4 HTML Hyper Text Markup Language... 4 XHTML extensible Hyper Text Markup Language... 5 CSS Cascading Style Sheets... 6 Javascript... 7 DHTML... 7 Domeinnamen... 8 Inleiding... 8 Structuur van een domeinnaam... 8 Technische werking van DNS Registratie van domeinnamen in België Registratie van niet Belgische domeinnamen Een DNS agent kiezen Alles over een domeinnaam te weten komen Meer informatie HTML Inleiding Standaarden Basisbeginselen van HTML Structuur van een HTML pagina Structurele opmaak Meer informatie Cascading Style Sheets (CSS) Inleiding Implementatie Twee soorten tags Programma s om CSS te schrijven CSS2 en het box-model Meer informatie Dreamweaver Inleiding Een nieuw project opzetten Folderstructuur Templates Layout view Cascading Style Sheets in Dreamweaver Gebruik van afbeeldingen in Dreamweaver Layers Behaviors Assets Dreamweaver extensions Macromedia Contribute Hosting Inleiding Shared hosting Virtual private server Dedicated hosting Co-location of housing Verschillende platformen Factoren die de keuze beïnvloeden Meer informatie Pagina 2/89

3 Usability Inleiding Uniforme vormgeving Vaste paginastructuur Navigatie Tekst Taalkeuze Informatiestructuur Usability mythes Taalgebruik Gebruiksvriendelijkheidstesten Homepage usability Inleiding Richtlijnen Accessibility Inleiding Blindsurfers in België Richtlijnen Accessibility via CSS Breadcrumbs Broken links Afbeeldingen op het web Server side includes Wat zijn server side includes? Metrics Inleiding Over pageviews en meer Bezoekersstatistieken Taggers Search engine marketing Inleiding Webdirectories Zoekmotoren Paid listings Optimalisatie van websites Pagina 3/89

4 Inleiding internettechnologieën Inleiding In dit hoofdstuk maakt u kennis met verschillende technologieën die de kern van het internet uitmaken. De basis van het internet is het TCP/IP protocol. TCP/IP is niet meer dan een set afspraken waardoor computers op een uniforme manier digitale signalen uitwisselen. Elke computer die TCP/IP verstaat kan op het internet worden aangesloten. Ook andere toestellen zoals settop boxen, GSM s, PDA s, telefoons en zelfs parkeermeters wordt uitgerust met de mogelijkheid om TCP/IP te praten. Bovenop deze TCP/IP laag worden echter verschillende protocollen en technologieën gebruikt met elk hun specifieke toepassing: uitwisseling van e- mail, bestanden, instant messaging berichten,... Client-side technologieën Client-side technologieën kennen hun werking op de client, de webbrowser. Het zijn opmaak- of scripttalen die als onderdeel van een webpagina worden doorgestuurd naar de webbrowser en daar uitgevoerd. Verschillende families en generaties van webbrowsers gaan anders om met deze technologieën. De correcte werking ervan is dus gedeeltelijk afhankelijk van de webbrowser, besturingssysteem en computer waarmee de bezoeker de site opvraagt. Dat zorgt ervoor dat elke nieuwe website zeer goed getest moet worden in verschillende generaties webbrowsers om eventuele compatibiliteitsproblemen te kunnen opvangen. HTML Hyper Text Markup Language Deze opmaaktaal wordt gebruikt om webpagina s vorm te geven. HTML bestaat uit een set van codes die specifieke informatie over de opmaak meegeven aan blokken tekst op een webpagina. De HTML code wordt door de webbrowser geïnterpreteerd (ge-renderd) en weergegeven op het scherm. HTML codes zijn eenvoudig herkenbaar omdat ze steeds omgeven zijn door hekjes < en >. U kan de HTML code van een webpagina bekijken door in de webbrowser te kiezen voor het menu Beeld > Bron. HTML code van een andere website kan probleemloos worden gecopyeerd. Meer informatie Webmonkey Deze Engelstalige website is een belangrijke informatiebron voor professionele webmasters. Verschillende technologieën komen er aan bod. HTML op het Net Pagina 4/89

5 Deze Nederlandstalige site bevat een zeer duidelijk gestructureerd overzicht van alle bestaande HTML codes, hun attributen, en extra's. W3schools Deze Engelstalige website bestaat uit tientallen "tutorials" waarin u kennis maakt met nieuwe technieken en technologieën. XHTML extensible Hyper Text Markup Language HTML, de opmaakcode waarin webpagina's worden gemaakt, bestaat al een hele tijd. Nu en dan worden er nieuwe versies uitgebracht met nieuwe of aangepaste functionaliteiten. De HTML versie die de meeste websites vandaag gebruiken is HTML In tussentijd verscheen echter ook XML op de proppen. Een universele, op HTML gelijkende code die steeds vaker wordt gebruikt om data op te slaan en door te geven tussen verschillende systemen. Een beetje minder HTML Om de bestaande HTML specificaties en de populaire XML codes met elkaar in overeenstemming te brengen werd XHTML ontwikkeld, HTML code die voldoet aan de strenge opmaakregels van XML. In zekere zin keert XHTML ook terug naar de basis van HTML. Structurele vs. visuele opmaak Aanvankelijk werd HTML gebruikt om structurele elementen uit een tekst zoals een paginatitel, een tussentitel of een beeld te identificeren. Het stond elke webbrowser min of meer vrij om te beslissen hoe deze structurele elementen moesten worden weergegeven op het scherm van de bezoeker. Gaandeweg werden er echter verschillende HTML tags toegevoegd die bedoeld waren om de pagina visueel op te smukken. De tag <FONT> met al zijn attributen is daar een goed voorbeeld van. Tot de grote ergernis van vele webmasters zitten er echter nog steeds kleine verschillende in de manier waarop webbrowsers deze HTML tags op het scherm visualiseren. Met XHTML keren we terug naar het opmaken van pagina's met structurele code. Hoe deze elementen dan moeten worden gevisualiseerd op verschillende paltformen laten we voortaan over aan de CSS file. Dat is een apart bestand dat met een eigen code-set aangeeft hoe de verschullende structurele XHTML elementen eruit moeten zien op het scherm. Meer informatie Introduction to XHTML XHTML Tutorial Pagina 5/89

6 Better Living Through XHTML XHTML Overview CSS Cascading Style Sheets Deze opmaaktaal geeft webbouwers meer controle over de weergave van tekst op het scherm. Typische zaken die met CSS mogelijk zijn maar niet met HTML is het uitvullen van tekst (links en recht tegelijk uitlijnen), het aanpassen van de interlinie van tekst, of het verwijderen van de onderlijning onder links. Een tweede voordeel van CSS is dat deze opmaakcode niet noodzakelijk in de webpagina zelf moet zitten. HTML code daarentegen zit steeds vervat tussen de teksten van de webpagina. CSS code kan in een apart bestand worden opgeslagen dat meestal de naam style.css krijgt. Dit ene bestand kan dan de weergave van de volledige website aansturen, niet alleen van één enkele pagina. Voorbeeldcode h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: underline; } h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: overline; }.titelgroot { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #0033FF; } De volgende generatie CSS Versie 1 van CSS wordt door de meeste webbrowsers correct geïnterpreteerd. De ondersteuning voor CSS 2 is nog niet in elke browser optimaal. In combinatie met XHTML laat CSS 2 echter toe om ook aan de client-side content en presentatie volledig van elkaar te scheiden. Een zeer mooi voorbeeld van de kracht van XHTML en CSS 2 is te vinden op de website Hier kan éénzelfde HTML pagina volledig van uitzicht veranderen door alleen maar de CSS file te vervangen. Meer informatie Pagina 6/89

7 Javascript Javascritp is een kleine scripttaal die de webbouwer controle geeft over enkele instellingen van de webbrowser. Zo kan een javascript worden gebruikt om een pop-up venster te openen of om de ingevulde inhoud van een formulier te valideren voor het naar de server wordt doorgestuurd. De meeste browsers zijn in staat javascript uit te voeren. Het is echter belangrijk om een pagina die intensief van javascript gebruik maakt te testen op verschillende platformen. Javascript code zit verwerkt in de HTML pagina en is van daar uit toegankelijk voor de bezoeker van de site. Het is dus uitgesloten om deze technologie te gebruiken voor zeer kritische toepassingen zoals bijvoorbeeld de afrekening van een online bestelling. Iets wat in de vroege dagen van e-commerce wel eens gebeurde. Zie: tionid=649 DHTML Dynamische DHTML staat voor de combinatie van HTML met CSS en Javascript. Deze 3 technologieën samen geven webmasters de mogelijkheid om een zekere mate van (client-side) interactie mee te geven aan hun webpagina s. Typische DHTML effecten zijn navigatiemenu s die open klappen wanneer de surfer erover beweegt met zijn cursor. Maar ook de meer vervelende mouse-trails worden meestal op basis van DHTML gemaakt. Ondanks de benaming heeft DHTML niet te maken met dynamisch webpagina s die gegenereerde worden door een back-end scripting taal. Meer informatie Pagina 7/89

8 Domeinnamen Inleiding De domeinnaam is de unieke identificatie, zowel op technisch als op marketing vlak, van elke website. Een correcte registratie en een correct beheer van dit asset is dan ook van levensbelang voor het voortbestaan van de site. De technische werking van het DNS (Domain Name Servers) systeem is een belangrijke hoeksteek van het internet. Maar de keuze van een goede domeinnaam is ook een belangrijke stap in de marketing van de website. Redenen genoeg dus om even stil te blijven staan bij de technische, marketing, management, en usability aspecten van domeinnamen. Structuur van een domeinnaam Het adres van een website bestaat uit 3 delen: Het sub-domein, meestal www. De domeinnaam, het gedeelte tussen de twee punten Het top-level, het laatste gedeelte,.be bijvoorbeeld Top-levels De organisatie ICANN is verantwoordelijk met het beheer van top-levels. Elk land beschikt over een top-level dat bestaat uit de officiële ISO code van het land: BE voor België, NL voor Nederland, UK voor het Verenigd Koninkrijk... Sommige landen zoals de UK hebben ervoor gekozen om hun top-level nog eens op te delen. Zo zijn commerciële Britse websites te vinden onder.co.uk. In ons land is dat enkel het geval voor academische instellingen die het achtervoegsel.ac.be krijgen. Alle andere domeinen vallen rechtstreeks onder.be. Daarnaast werden er voor de VS verschillende andere top-levels gemaakt:.com voor commerciële bedrijven.org voor non-profit organisaties.net voor netwerken.gov voor Amerikaanse overheidsdiensten Er bestaat ook een top-level.nato en er is een top-level.eu in de maak voor bedrijven in de Europese Unie. Die laatste zal in het begin van 2005 beschikbaar zijn voor registratie. In 2001 werden ook nog nieuwe top-levels, waaronder.name (voor particulieren),.biz (voor bedrijven),.shop (voor webwinkels),.info..., opgezet die over de daarop volgende jaren beschikbaar worden/werden. In elk land is er een organisatie die een centraal register beheert van alle domeinnamen op basis van het top-level van dat land. In België was dat tot 2001 het departement computerwetenschappen van de KULeuven. Vandaag is dat de vzw DNS.be. Elke land stelt eigen regels op, op basis waarvan iemand een domeinnaam mag registreren. Pagina 8/89

9 Er zijn aparte organisaties voor de registratie van.com,.org,.net en.biz. In principe kan iedereen een domeinnaam op basis van zo n top-level registreren. Domeinnaam Het middenste gedeelte van het adres van een website is de eigenlijke domeinnaam. Deze kan maximaal 64 karakters bevatten en mag niet bestaan uit vreemde tekens (spatie, %, *, _,...). Letters met leestekens (ë, è, à...) zijn sinds enkele jaren wel mogelijk. Subdomein Wanneer u eenmaal een registratie van een domeinnaam, bijvoorbeeld mijnbedrijf.be hebt gedaan, bent u in principe onbeperkt in het aantal subdomeinnamen dat u aanmaakt: intranet.mijnbedrijf.be klanten.mijnbedrijf.be mail.mijnbedrijf.be... Elk subdomein kan gekoppeld worden aan een andere server waar andere informatie of diensten te vinden zijn. Subdomeins moeten niet meer worden geregistreerd, ze kunnen worden aangemaakt op de DNS server. (zie verder) Pagina 9/89

10 Technische werking van DNS Het systeem van domeinnamen (DNS) geeft webbrowsers de mogelijkheid om, wanneer de gebruiker een URL intikt, de juiste website te contacteren. Dit is een redelijk complex systeem. Alle internetproviders, en veel grote bedrijven met een eigen internetinfrastructuur, beschikken over DNS-servers. Deze servers zijn in staat een URL om te zetten in het overeenkomstige IP-adres. Elke computer (server of client) die op het internet is aangesloten wordt geïdentificeerd door zo n IP adres (bijvoorbeeld ). Op basis van dit adres is het mogelijk informatie ( s, webpagina s, bestanden...) van de ene internetcomputer naar de andere te sturen. Wanneer een gebruiker een URL in de webbrowser ingeeft zal deze de DNS server van de internetprovider contacteren om het overeenkomstige IP-adres te vinden. Men spreekt van lookup. Met een speciaal programma is het ook mogelijk om een reverse lookup te doen waarbij men de domeinnaam krijgt die bij een IPadres hoort. U kan het IP adres van een domeinnaam eenvoudig achterhalen door in Windows, onder de DOS prompt, het commando ping te gebruiken. Een ping van het domein leert ons dat het IP adres van de server is. Met dit IP-adres kan de webbrowser de juiste server contacteren. Het is echter vaak zo dat er meerdere websites op één server staan. We spreken dan over virtual sites (zie hoofdstuk over hosting). Daarom zal de server ook over een lijst beschikken van alle domains van de sites die op zijn harde schijf staan. Wanneer een client een bepaalde URL opvraagt weet de server dus in welke directory hij de bestanden van deze site moet gaan zoeken. DNS servers kopieëren dagelijks hun data naar elkaar. Om een nieuwe domeinnaam in de servers te krijgen heeft men een authorative domeinserver Pagina 10/89

11 nodig. Dat is één server die het centrale beheer van uw naam op zich neemt. Alleen deze server, meestal van uw internetprovider of uw DNS-agent, kan de instellingen van uw domeinnaam wijzigen. De andere DNS-servers kunnen alleen maar deze gegevens overnemen. De creatie van een nieuw DNS record of de aanpassing van een record (bvb bij de verhuis van de website naar een andere server) gebeurt via deze authorative domeinserver. Meestal duurt het 24u tot 48u voor alle DNS servers wereldwijd deze nieuwe of aangepaste gegevens hebben overgenomen. Deze tijd kan worden ingekort door op voorhand de TTL (Time To Live) van het domein te verlagen. Zo worden DNS servers gedwongen om zeer regelmatig de instellingen van de DNS records van het domein te actualiseren door opnieuw contact op te nemen met de authorative domeinserver. Bij de verhuis van uw website naar een andere webserver (met een ander IP adres) moet het DNS record worden aangepast. Tijdens de 24u tot 48u na deze aanpassing zullen dus wereldwijd sommige DNS servers reeds de nieuwe gegevens gebruiken en andere servers nog de oude gegevens. D.w.z. dat een deel van uw bezoekers de nieuwe site zal zien, en een ander deel de oude site. In het centrale register van vzw DNS.be worden bij de registratie van uw domeinnaam de adressen van de authorative nameservers opgenomen. Meestal is dat één server met minstens één backup server. Pagina 11/89

12 Schema van de werking van het DNS systeem De website geeft gebruikers de mogelijkheid om stap voor stap een procedure te doorlopen die de goede werking van een domeinnaam controleert: Correcte registratie bij DNS.be Correcte instelling van een authorative DNS server Correcte instelling van DNS records voor web en mail verkeer Correcte werking van de webserver en mailserver Correcte weergave van de eerste pagina van de site door de webserver Op basis van deze informatie kan u ontdekken waar in de keten eventuele problemen met uw domeinnaam zitten. Pagina 12/89

13 De website domeindokter.be controleert de correcte registratie van het domein syntra-ab.be en geeft ook een woordje uitleg bij elke stap. De registratie van een domeinnaam gebeurt steeds op naam van een Licensee. Dit is de persoon die de eigenaar is van de domeinnaam. Hij of zijn heeft het recht om bijvoorbeeld een transfert van de domeinnaam aan te vragen. Als unieke identificatie van de Licensee wordt het adres gebruikt dat bij registratie werd opgegeven. Zorg er steeds voor dat u toegang hebt tot dit adres. In de beginjaren van het internet werden domeinnamen soms geregistreerd door medewerkers van een bedrijf op basis van hun persoonlijk adres. Bij het verlaten van het bedrijf nemen zij de domeinnaam dan in feite mee. Het Licensee adres is echter best niet gebaseerd op het domein zelf. Aanpassingen aan de DNS instellingen zijn immers vaak nodig wanneer er technische problemen zijn, en dan is ook dat adres net niet bereikbaar. De Licensee gegevens van een domeinnaam kan u eenvoudig opzoeken via de website Pagina 13/89

14 Via de website dns.be kunnen de registratiegegevens van elke Belgische domeinnaam worden opgevraagd. Pagina 14/89

15 Registratie van domeinnamen in België De registratieprocedure voor een domeinnaam is in elk land anders. Sinds 2001 is in België een systeem op basis van DNS agenten van toepassing. Het beheer van de centrale database met domeinnamen berust bij de vzw DNS.be waarin verschillende belangrijke internetproviders, AGORIA en de federale overheid vertegenwoordigd zijn. Als bedrijf of particulier kan u echter geen registratie doen rechtstreeks bij de vzw DNS.be. Daarvoor kunt u terecht bij een van de agenten. Zo n 300 bedrijven (webbouwers, IT firma s en internetproviders) zijn agent van DNS.be en kunnen een domeinnaam registreren. Om agent te mogen zijn, moeten ze een minimaal aantal namen per jaar registreren en deze namen ook op voorhand betalen. Sinds juni 2002 betaalt een agent 6 per jaar per geregistreerde domeinnaam aan de vzw DNS.be. De agenten zijn vrij in het hanteren van prijzen naar de eindklant toe. Evolutie van het aantal domeinregistraties per jaar in België. Bron: Jaarverslag DNS.be 2003 ( Pagina 15/89

16 De prijzen die agenten hanteren liggen tussen de 10 en de 150 per jaar per domein. De website Tarieven.be ( biedt vergelijkende tabellen aan. De website tarieven.be vergelijkt de DNS prijzen van verschillende Belgische agenten. Sinds 2001 werden alle beperkingen op wie welke domeinnamen mag registreren opgeheven. Daarvoor was een uittreksel uit het Staadsblad of een merkregistratie noodzakelijk om aan te tonnen dat uw bedrijf recht had op een bepaalde naam. Er werd wel een klachtenprocedure voorzien via dewelke men onrechtmatig geregistreerde domeinnamen kan terug eisen. Meer informatie daarover is te vinden op: Pagina 16/89

17 Registratie van niet Belgische domeinnamen Veel bedrijven bereiden hun internationale expansie voor door domeinnamen in andere landen te registreren. Sommige internationale agenten zoals Register.com ( geven de mogelijkheid om tientallen domeinnamen in verschillende landen tegelijk te registreren. De prijzen en voorwaarden variëren van land tot land. Via register.com kan u meer dan 40 verschillende top-levels registreren. Pagina 17/89

18 Een DNS agent kiezen Er is geen rakketwetenschapper nodig om een domeinnaam op een goede manier te hosten. Toch kan het geen kwaad om wat aandacht te besteden aan welke DNS agent u kiest. Prijs De prijs voor de jaarlijkse licentie op de domeinnaam is zonder twijfel een belangrijke factor. Met ruim 300 DNS agenten in België en een inkoopprijs voor de agenten zelf van 6 per domein per jaar, vallen er zeker zaken te doen. De website Tarieven.be maakt overigens een mooi overzicht van de prijzen van de meeste agenten. Vooral wanneer u meerdere domeinnamen hebt is het interessant om die bij één agent te centraliseren. Lijst met Belgische DNS agenten: Vergelijkende prijstabel: Code of conduct Een groot deel van de Belgische agenten ondertekenden een code of conduct. Ze worden in de lijst van DNS.be apart weergegeven. Meestal kan u ook een logo op de website van de agent vinden. Lijst van agenten: Extra diensten Naast de zuivere registratie van een domeinnaam bieden de meeste agenten, soms inbegrepen in de prijs, enkele extra diensten aan zoals: Één of meerdere boxen op basis van het domein, al dan niet met spam- en/of virusbescherming URL forwarding waarbij men na het intikken van het domein wordt doorgestuurd naar een andere website DNS servers waarin u instellingen voor de verschillende DNS records kan opslaan Parkeren van een ongebruikte domeinnaam al dan niet met weergave van een eenvoudige webpagina waarvan u zelf de inhoud kan aanpassen. Bouw van een mini-site onder het domein Pagina 18/89

19 Website creatie, hosting en zijn enkele van de extra diensten (al dan niet betalend) bij de Belgische agent register.be. Control panel Normaal gezien zal u zelden de instellingen van uw domeinnaam willen aanpassen omdat zo de goede werking van uw website en in het gedrang kan komen. In sommige gevallen, zoals bvb bij het verhuizen van uw website, zijn er toch aanpassingen aan de DNS records wenselijk. Zorg er in de eerste plaats voor dat deze aanpassingen gratis voor u worden gedaan. Sommige agenten bieden een control panel aan. Via een paswoord kan u dan zelf inloggen op hun website en DNS aanpassingen rechtstreeks op de DNS servers zelf maken. Enige technische kennis is vereist. Pagina 19/89

20 Via het control panel kunnen Hostbasket klanten online zelf DNS records toevoegen of aanpassen in de DNS servers. Van DNS agenda veranderen U kan zonder problemen op elk moment van DNS agent veranderen. We spreken dan van een Transfert. Om een transfert van uw domein aan te vragen neemt u contact op met uw nieuwe DNS agent. Die zal de transfert bij de vzw DNS.be aanvragen. De vzw DNS.be zal nu een sturen naar het adres van de Licensee van het domein om een bevestiging van de transfert te vragen. Na bevestiging wordt de domeinnaam naar de nieuwe agent getransfereert. Er begint een nieuwe licentieperiode van 1 jaar. De oude DNS agent heeft op geen enkele manier invloed op deze gang van zaken en kan de transfert dus ook niet tegen houden. Er is ook een procedure die de overdracht van een domeinnaam naar een andere Licensee mogelijk maakt. Bijvoorbeeld in het kader van een verkoop van een domeinnaam. Meer informatie is te vinden op de website Pagina 20/89

21 Alles over een domeinnaam te weten komen Door verschillende gratis online diensten en tools te combineren kan u heel wat informatie over een domeinnaam, en de daaraan gekoppelde website, verzamelen. 1. De eerste stap om informatie over een bestaande domeinnaam op te vragen is het centrale register, de zogenaamde WHOIS. a. Voor Belgische domeinnamen is dat b. Voor internationale domeinnamen kan dat o.a. via Internic: 2. De tweede stap is het evalueren van de indexatie van het domein in zoekmotoren zoals Google en Altavista. a. Geef het domein in in de zoekbox van Google ( b. Indien de website tijdelijk onbereikbaar is kan u de cache copy van Google van de pagina opvragen c. Google kan ook vertellen welke websites een link hebben naar de site, een duidelijke indicatie van de popularieit van de site d. En welke pagina s van de website in de database van Google geïndexeerd zijn. 3. De gespecialiseerde zoekmotor Alexa ( geeft nog wat meer achtergrond informatie over de website en probeert o.a. een gok te doen naar het aantal bezoekers dat de site dagelijks ontvangt. Deze cijfers zijn natuurlijk slechts indicatief. 4. Indien de website gebruik maakt van een gratis abonnement op een statistiekensysteem (zoals bvb Nedstat Basic) dan vindt u op de site vaak een icoontje waarop u kan klikken. Er verschijnt dan een pagina met bezoekersgegevens van de website. 5. Netcraft ( kan u een overzicht geven van de webserver waarop de site draait en eventueel ook een korte historiek van de verschillende servers waarop de site in het verleden gehost was. 6. Tenslotte kan u via Archive.org ook nog oudere versies van de website opvragen. Google kan meer informatie over een website voorzien Pagina 21/89

22 Alexa doet een gok naar het aantal bezoekers op een website. Het internet archive kan oudere versies van een website opvissen. Pagina 22/89

23 Meer informatie beheer van.be domeinnamen code of conduct van de Belgische DNS agenten prijsvergelijking van verschillende DNS agenten in België registratie van meer dan 40 internationale top-levels controleert de goede werking van de verschillende aspecten van een domeinnaam overzicht van alle internationale top-levels informatie over het instellen van een custom 404 pagina op verschillende soorten servers deze zoekmotor voorziet achtergrondinformatie bij een domeinnaam marktplaats voor domeinnamen gistration nieuws over domeinnamen en registraties Pagina 23/89

24 HTML Inleiding HTML (Hyper Text Markup Language) vormt de basistaal waarin webpagina s worden opgemaakt. In essentie geeft HTML de webbuilder een set van codes die hem toelaten de informatie die op een webpagina hoort te staan te omschrijven. Op basis van deze omschrijving zal de webbroser van de client in staat zijn de informatie op de pagina correct te visualiseren. Standaarden De exacte specificaties van de HTML taal worden bewaakt door een onafhankelijke organisatie W3C. In principe is het dan ook alleen deze organsiatie die, in overleg met de aangesloten bedrijven en adviseurs, wijzigingen aan de taal kan aanbrengen. Momenteel is de laatste versie van HTML de versie 4.1. De specificaties zijn terug te vinden op W3C staat overigens nog in voor de ontwikkeling van verschillende andere standaarden waarop het web gebaseerd is. In het verleden was het echter de gewoonte dat software bedrijven die webbrowsers maken hun eigen toevoeging aan de HTML code maaken en die incorporeerden in hun eigen webbrosers. Vandaag drukken de meeste organisaties opnieuw op het belang dat alle webeditors HTML code genereren die perfect aansluiten bij de officiële W3C specificaties. Via de W3C validator ( kan u eenvoudig een bestaande webpagina online laten valideren op het correcte gebruik van de HTML specificaties. Pagina 24/89

25 Basisbeginselen van HTML HTML codes worden tussen de tekst van de webpagina geplaatst en samen met deze tekst vervat in.html of.htm bestanden. Voorbeelden: <B>Deze tekst is vet</b> <P>Dit is een paragraaf</p> <STRONG>Deze tekst is extra belangrijk</strong> In sommige gevallen hebben HTML tags ook attributen. Hiermee worden de eigenschappen van de HTML tag verfijnt. Voorbeelden: <P align= left >Deze paragraaf is links uitgelijnd</p> <P align= right >Deze paragreef is rechts uitgelijnd</p> Binnen één HTML tag kunnen andere tags worden gebruikt. We spreken dan van het nesten van HTML tags. Voorbeeld: <P>In deze paragraag is <B>dit woord</b> vet gedrukt</p> Structuur van een HTML pagina Een HTML bestand heeft meestal min of meer dezelfde basisstructuur: <HTML> <HEAD> <TITLE>Titel van de pagina</title> <HEAD> <BODY> Inhoud van de pagina </BODY> </HTML> De <HTML> tags omvatten de volledige pagina De <HEAD> tags bevatten meta informatie over de pagina die niet op de pagina zelf wordt getoond De <BODY> tags omvatten de inhoud van de pagina Pagina 25/89

26 Structurele opmaak Bij de uitbouw van de HTML specificaties werden steeds meer HTML tags toegevoegd die de webbrowser niet alleen informatie geven over het soort gegevens (de titel, een tussentitel,...) maar ook over hoe deze zaken exact op het scherm moeten worden weergegeven (formaat, lettertype,...) Tot grote frustratie van vele webmasters gaan verschillende webbrosers op verschillende platformen echter steeds anders om met deze richtlijnen. Vandaag wordt vooral geprobeerd om enkel structurele opmaak mee te geven aan de webpagina via HTML tag. Dit wil zeggen dat de tags alleen maar informatie geven over het soort data: titel, tussentitel, citaat, afbeeldingen. De informatie over de weergave van deze elementen, bvb in welk lettertype te tussentitels worden worden weergegeven, wordt opgeslagen in een Style Sheet (zie volgende hoofdstuk). Op die manier kan de weergave van de webpagina s gemakkelijker worden aangepast. Meer informatie Webmonkey Deze Engelstalige website is een belangrijke informatiebron voor professionele webmasters. verschillende technologieën komen er wekelijks aan bod. HTML op het Net Deze Nederlandstalige site bevat een zeer duidelijk gestructureerd overzicht van alle bestaande HTML codes, hun attributen, en extra's. W3schools Deze Engelstalige website bestaat uit tientallen "tutorials" waarin je kennis maakt met nieuwe technieken en technologieën. Pagina 26/89