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:

Klik hier voor meer uitleg over hoe je onder-
staande code op je websitekunt plaatsen.

<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!

Hallo allemaal, mijn naam is eigenlijk Admon Hozi, maar om het kort te houden voor mijn collega's, noemt iedereen mij Ad. Ik ben sinds april 2004 gelukkig getrouwd met mijn lieve vrouw Eva.

Na het behalen van mijn middelbaar diploma in 2000 van Electromechanica, wilde ik in het Hoger Onderwijs iets totaal anders gaan doen.
Zo ben ik uiteindelijk in de Informatica sector terecht gekomen. Ik had het besluit genomen om naar de Hogeschool te gaan van Kortrijk (België), waar je een gloednieuwe richting kon volgen voor 3 jaar, nl. voor Graduaat Multimedia & Communicatie Technologie.

Deze opleiding bestond uit 4 peilers:
- Programmeren : Visual Studio.NET, Java, Visual Basic 6.0 , Borland C
- Website-ontwikkeling: HTML, Javascript, ASP, PHP, JSP, ASP.NET
- Multimedia: Flash, Director, Photoshop, Coreldraw, 3D Studio Max
- Pc-technologie & Netwerken

Na het behalen van mijn diploma in 2003, was ik uiteindelijk zover om een job te gaan zoeken. In principe heb ik veel geluk gehad, want na 2 maanden vakantie, had ik al een job gevonden bij de ING bank in Brussel (België). Ik was daar werkzaam in het Informatica Coördinatie Centrum, waar we verantwoordelijk waren voor de problemen die zich voordeden in alle agentschappen van ING in België.

Maar na een half jaar ING in Brussel, ben ik in maart 2004 bij Alphamega terechtgekomen. Ik moet zeggen dat ik het hier heel erg naar mijn zin heb. De werksfeer en de mentaliteit van het bedrijf spreekt me heel erg aan. Bij Alphamega houd ik me bezig met het geven van support en het oplossen van de iets moeilijkere vragen ivm scripting en dergelijke.

Naast mijn werk, heb ik natuurlijk nog een hobby en dat is “voetbal”. Ik voetbal namelijk al 14 jaar en ik doe het nu nog altijd even graag.
Zo, dat was een kort beeld van wie Ad nu eigenlijk is.

Ik wens je nog veel succes met de verdere Web Succes Magazines.
Ad Hozi

Dit artikel is uit een eerdere "vraag van de week" rubriek.

De vraag:

Hallo,

Ik ben sinds kort geabonneerd op jullie nieuwsbrief. Ik zag dat jullie, indien mogelijk, ook vragen beantwoorden. Nu zit ik met een probleem wat ik maar niet opgelost krijg en wat me flink irriteert.

Ik heb in Word-2000 een tekstbestand gemaakt dat ik heb opgeslagen als een *.html-document.

In Dreamweaver heb ik een nieuw HTML-bestand geopend en via FILE \ IMPORT \ WORD HTML dit Word document geïmporteerd.

En dan beginnen de problemen. Het document wordt anders weergegeven dan dat het in Word is gemaakt. Op zich is dit geen probleem want je zou het kunnen aanpassen in Dreamweaver maar dat lukt dus niet.
- De spatiebalk werkt niet (het is niet mogelijk om de tekst te verplaatsen, ook niet d.m.v. de tab-toets).
- Alle ' en " tekens die ik in Word heb ingegeven worden vervangen door een soort blokje.

Is het ook mogelijk om tekst in Dreamweaver in te voeren zonder dit te doen via Word? Als ik dit nu doe dan heb ik dezelfde problemen als hierboven.
- De spatiebalk werkt niet (het is niet mogelijk om de tekst te verplaatsen, ook niet d.m.v. de tab-toets).
- als ik een tekst invoer en ik toets ENTER dan begint de volgende regel ongeveer 1 centimeter lager

Kun je me helpen want ik ben bezig met het maken van een site en ik kom er maar niet uit en volgens mij moet het toch heeeeeeeeeeeel simpel zijn.

Alvast bedankt.

Jacco Hubers
----------------------------------------------------------------------------------------
Het antwoord:

Het antwoord is inderdaad heel simpel, maar omdat er waarschijnlijk meer mensen met dit probleem te kampen hebben, hetzij met Dreamweaver, hetzij met Frontpage of een ander HTML-programma, zal ik het toch hier behandelen.

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: &nbsp; 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. Alphamega ondersteunt webmail op al haar pakketten.

Zijn er begrippen waarvan je de betekenis niet weet?
Kijk dan eens in de FAQ van Alphamega.

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

Klik hier voor meer uitleg over hoe je onder-
staande code op je website kunt plaatsen.

<?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>

<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