Stel je hebt een emaillink op jouw website staan waar bezoekers op kunnen klikken om jou een mailtje sturen. Bedenk wel dat de bezoekers dan een emailprogramma zoals Outlook op hun PC geïnstalleerd moeten hebben. Na het klikken op de emaillink wordt dan het emailprogramma geopend en het emailadres is dan automatisch ingevuld. Hoe zorg je er nu voor dat ook het onderwerp reeds is ingevuld? Dit is vrij simpel op te lossen. Je hoeft alleen een extra regel HTML-code toe te voegen aan jouw emaillink. Gewoonlijk ziet een emaillink er als volgt uit:

<a href="mailto:info@jouwdomein.com">Email mij jouw link</a>

"Email mij jouw link" is dan de tekst van de link waar de bezoeker dan op kan klikken om jou een mailtje te sturen. Hieronder is nu de link te zien van hoe je ervoor zorgt dat ook het onderwerp automatisch is ingevuld: 

<a href="mailto:info@jouwdomein.com?subject=Voeg mijn link toe aan jouw pagina">Email mij jouw link</a>

We gaan nog een stapje verder en maken het voor de bezoeker nog gemakkelijker. We zorgen ervoor dat er ook al tekst aanwezig is in het invoervlak van het emailprogramma. Hieronder zie je de code:

<a href="mailto:info@jouwdomein.com?subject=Voeg mijn link toe aan jouw pagina&body=Graag zou ik de volgende link willen toevoegen aan jouw pagina:">Email mij jouw link</a>

Probeer het maar eens uit.

Succes!

Laten we het eerst maar eens hebben over het gebruik van de enter- toets. Je moet dit bekijken vanuit het perspectief van tekstverwerking. In veel programma's is de entertoets zo ingesteld, dat als je die gebruikt, je niet met een nieuwe regel begint maar met een nieuwe alinea. Dat is dus het geval als je enter indrukt en hij slaat een regel over.

Vaak zit er ook een verschil tussen de entertoets naast letters en de entertoets naast cijfers.

Als je tekst typt in Word hebben sommige mensen de neiging om tegen het einde van de regel een enter te typen. Dat stamt nog uit de oude tijd van typmachines waarbij dit nodig was. In Word kun je beter gewoon doortypen. De tekst gaat dan automatisch verder op de volgende regel. Als je een enter intypt ga je naar de volgende regel, maar eigenlijk begin je dan een nieuwe alinea. Als je dat stukje tekst dan in een ander programma zet, "leest" dat programma die enter als het begin van een nieuwe alinea. Dan ziet je tekst er ineens heel anders uit.

Nu we het toch over het gebruik van de entertoets hebben, wil ik even het volgende behandelen. Soms maken mensen een stukje tekst in bijvoorbeeld Word, Als ze dantegen het einde van de regel komen, drukken ze op enter om de regel af te breken. Ook in emails en op websites zie je dat vaak. Als dan iemand de breedte van het scherm verandert, dan ziet de tekst er dus zo uit als in deze alinea. Geen gezicht dus. Advies: niet doen. Geen zgn. harde enters gebruiken.

De oplossing voor het gebruik van de entertoets is tweeledig. Ten eerste moet je dus in het Word-document (en emails e.d.) geen zgn. harde enters gebruiken maar gewoon doortypen. En ten tweede moet je, als de enter een regel overslaat eens in plaats van enter, shift+enter doen. Dan gaat de cursor naar de volgende regel. Probeer het maar eens uit!

Nu even over het gebruik van spaties in HTML. In de meeste WYSIWYG (What You See Is What You Get) programma's kun je met de spatie-toets maar 1 spatie zetten. Dat komt omdat het programma dit direct omzet naar HTML. In HTML wordt er telkens 1 spatie toegestaan en niet meer. Wil je er toch meer, dan moet je in de HTML een speciale code invoeren die staat voor een spatie. Deze code ziet er zo uit: &nbsp  De letters nbsp staan voor nonbreakingspace. Let er op dat je de code niet in de tekst zet, anders &nbsp;ziet &nbsp;dat &nbsp;er &nbsp;niet &nbsp;uit!

De oplossing voor het gebruik van spaties in HTML is dus het plaatsen van de tag:   in de HTML.

Tenslotte: het kan zijn dat tijdens het overzetten van Word naar HTML er bepaalde leestekens zoals quotes verloren gaan of omgezet worden in een blokje. Je kunt dan in Dreamweaver of Frontpage gewoon in de editmode deze tekens alsnog neerzetten in de tekst. Dat programma kan het namelijk wel omzetten naar HTML.

Algemene tip om heel dit gedoe te voorkomen: Werk gewoon direct in Dreamweaver of Frontpage en niet eerst in Word! It's that easy!

Webmail is een emailprogramma zoals Outlook Express, alleen eenvoudiger en uitsluitend online, dus via het internet te bekijken. Het voordeel hiervan is dat je overal ter wereld je mail kunt inzien in tegenstelling tot een mailprogramma zoals Outlook Express, waarbij je alleen op een vaste computer je mail (bijvoorbeeld POP3) ophaalt.

Het nadeel is dat het wat minder geavanceerd is. Je kunt Outlook Express en webmail naast elkaar gebruiken.

Had jij altijd al willen weten wat XML is? Of behoor je tot de mensen, waar ik me in het verleden ook onder schaarde, die dachten dat dit weer een commerciële truuk is, die nog in de kinderschoenen staat van de grote firma MicroSoft, om de markt een verbeterde standaard te brengen? Nu, dan is deze cursus precies wat jij nodig hebt.
In deze cursus van zeven delen, gaan we alleen de basis behandelen. We gaan kijken waar XML nu vandaan komt, wat SGML is, hoe je van HTML naar XML gaat en wat XML is. Dan gaan we XML pagina's maken en we gaan ook de koppeling zien van XML en CSS. Aan het eind van deze cursus kan je dan ook een echte webpagina maken met dynamische inhoud.

In dit deel gaan we een eerste "well formed" XML-document aanmaken.

Well formed:
Om te spreken van een "well formed" XML-document moet voldaan worden aan volgende eisen:

Document moet beginnen met een XML-declaratie

<?xml version="1.0" encoding="UTF-8"?>

 <?xml version="1.0" encoding="UTF-8" standalone="yes"?>
version="1.0" vooraan.
standalone="yes|no" (moet achteraan staan, zie vb01)De namen van de elementen mogen niet beginnen met een getal en er mogen geen spaties of diverse leesteken en symbolen in voorkomen.

De namen zijn hoofdlettergevoelig, zie vb03!

niet "well formed":

<foute tag> </foute tag>
<1foutje> </1foutje>
<oud???> </oud???>
<GaatNietGoed> </gaatnietgoed>

wel "well formed":

<goede_tag> </goede_tag>
<goed1> </goed1>
<oud> </oud>
<GaatWelGoed> </GaatWelGoed>

Als een element een ander element omsluit, moet eerst het omsloten element afgesloten worden en daarna het andere, zie vb03

 <datum> <millennium> … </millennium> </datum>

Er mag maximaal één document-element (= root-element) zijn, zie vb04. 

 <?xml version="1.0" encoding="UTF-8"?>
<bericht>
…
</bericht>

Zowel begin- als eindtag zijn verplicht. Als de elementen geen gegevens bevatten, moeten we toch een eindtag gebruiken ofwel kunnen we de begintag als volgt noteren:  

 <begintag/> <HR/> <BR/>

Attribuutwaarden moeten tussen aanhalingstekens of afkappingstekens staan.

Entiteitsverwijzigen mogen gebruikt worden, zie vb05:

&amp; &apos; &gt; &lt; &quot;

Andere entiteiten mag je gebruiken als je ze eerst declareert in een DTD of als je een andere encodering gebruikt. Om een overzicht te hebben van ISO-8859-1kun je kijken op w3.org of w3schools.com. Zie ook vb06.

< en & mogen alleen maar in begintags voorkomen, zie vb07.

niet "well formed:

 <getallen>a < b</getallen>
<getallen>Ma & Pa</getallen>

wel "well formed": 

 <getallen>a &lt; b</getallen>
<getallen>Ma &amp; Pa</getallen>

Idem als bij HTML, zie vb08: 

 <!-- dit is commentaar -->
<!-- dit is commentaar op regel 1
en dit is regel 2 -->

Een attribuut moet uniek zijn binnen één element, zie vb09.

niet "well formed:

 <teller waarde=“1” waarde=“2”>

 wel "well formed":

 <teller waarde1=“1” waarde2=“2”>

We kunnen de code ook op andere manieren schrijven.
Je kan namelijk een element ook als attribuut behandelen, zie vb10. 

 <boek isbn_nummer="90 395 0913 1">
<titel>SQL in 24 uur</titel>
<auteur>Ryan K. Stephens en Ronald R. Plew</auteur>
</boek>

Er is een oefening voorzien, waarin we bovenstaande technieken gaan gebruiken. De oplossing zal voorzien zijn op de voorbeeldpagina. Probeer eerst zelf de oefening te maken voordat je naar de oplossing kijkt.
Klik hier voor oefening 1.

We geven deze oefening in een programma naar keuze:
- ConTEXT
- Kladblok
- Cooktop
- InterDev
- Dreamweaver
- ...

We kunnen xml-bestanden bekijken in een browser window van bijvoorbeeld: Internet Explorer, Netscape, Mozilla,...

Dit was het voor deze week, we gaan volgende week de verschillen tussen CSS en XSL benaderen. Verder gaan we met CSS werken in HTML om ons geheugen op te frissen en daarna in XML.

Véél succes.
Joël

Wil je alles nog een keer herhalen of nalezen? Klik dan op een van de volgende links:

Inleiding cursus XML
XML cursus deel 1