Archive for augustus, 2009

 
 

Internet Explorer Debugger

Voor webdesigners is het van belang dat hun gerealiseerde websites compatibel zijn in verschillende browsers zoals Firefox en Internet Explorer. Het is jammer dat in het jaar 2009 nog steeds mensen gebruik maken van Internet Explorer 6.

Gelukkig is er een handige tool genaamd “IEtester“. Hiermee kan je een website bekijken in oudere versies van Internet Explorer. Het voordeel hiervan is dat je nu niet deze browsers hoeft te installeren!

 
 

AJAX – Asynchronous Javascript And XML

Op dit moment worden websites continu ververst als er een wijziging op de pagina plaatst vindt. De oplossing is voor dit probleem AJAX (Asynchronous Javascript And XML).  Aan de hand van AJAX kan een website pagina gegevens wijzigen, zonder dat de hele pagina vervangen hoeft te worden.

Een goed voorbeeld zijn formulieren op verschillende website. Je ziet tegenwoordig steeds vaker als je een formulier invult en je adres opgeeft, dat gelijk alle andere velden automatisch ingevuld worden zoals postcode en plaats.

Op de  website AjaxDaddy staan verschillende voorbeelden van wat er allemaal mogelijk is met AJAX.

 
 

Semantisch HTML

Hedendaags wordt HTML nog steeds verkeerd gebruikt. De reden hiervoor is dat vele webdesigners HTML gebruiken om een pagina visueel goed te kunnen weergeven. De grootste kracht van HTML is echter semantiek (HTML zoals HTML is bedoeld) zegt mede-oprichter Matthijs Neijenhuijs van het bedrijf DutchBridge.

Maar waarom zou je HTML gebruiken zoals het bedoeld is?
De opbouw van een website is tegenwoordig belangrijker dan vroeger. De voornamelijkste reden is dat zoekmachines zoals Google websites indexeren aan de hand van de opbouw. Hierdoor is het belangrijk dat de opbouw correct en duidelijk is zonder naar de buitenkant (design) te kijken. Het moet namelijk mogelijk zijn de website te kunnen lezen zonder het design.

Het probleem is dat vele webdesignbureaus gebruik maken van webdesign editors zoals Dreamweaver. Hiermee kunnen ze snel en gemakkelijk een design omzetten in HTML templates. De klant ziet dit niet en krijgt een prachtige website opgeleverd. Echter na een paar maanden komt de klant erachter dat ze slecht worden geïndexeerd in Google. Het gevolg is vaak dat de klant dan veel geld gaat besteden aan “Search Engine Optimalization” (SEO) . Uiteindelijk komen ze hoog in Google te staan, alleen dit had een stuk goedkoper en sneller gekund als de fundering van de website vanaf het begin goed was.

Wat is dan Semantisch HTML?
HTML is een opmaaktaal voor verschillende elementen zoals titels, paragrafen en tabellen. Op het moment dat je een titel op je website hebt hoort de webdesigner een titel element te gebruiken. Echter je kan er ook voor kiezen om een paragraaf element te gebruiken. Op dat moment kies je voor een verkeerde opbouw, want je dient een titel element te gebruiken. Doordat je een paragraaf element gebruikt kunnen zoekmachines niet de titels vinden. Aangezien ze zoeken naar een titel element. Natuurlijk kan je een paragraaf element gebruiken en deze zo vormgeven/stylen dat het lijkt op een titel. Echter in de code zonder stijl zal het nooit een titel zijn.

Doordat het visueel niks uitmaakt welke elementen je gebruikt, hebben veel webdesigners de neiging verkeerde elementen te gebruiken. Ze zijn de essentie van HTML vergeten en de betekenis van de verschillende HTML elementen met als gevolg een verkeerde HTML opbouw.

Style en HTML scheiden
Webdesigners hebben tevens de neiging om de style van de verschillende HTML elementen in de html code vast te leggen. Dit is niet nodig aangezien je style apart kan vastleggen in stylesheets. Het voordeel hiervan is dat je dan eenmalig als voorbeeld de style van een hoofdstuk element definieert en dit niet voor elk hoofdstuk element hoeft te doen in de hele website. Hiermee voorkom je overbodige code, waardoor de website sneller zal laden (minder dataverkeer).

Conclusie
Semantisch HTML zou veel meer toegepast moeten worden tijdens het ontwikkelen van website. De websites worden beter geïndexeerd door zoekmachines en het bevorderd het sneller laden van websites. Tevens kunnen aanpassingen in de website sneller en gemakkelijker worden doorgevoerd omdat er een duidelijke opbouw is van de HTML elementen en scheiding is tussen style en HTML.