INXCO + methode + opbouw









	INXCO's methode Opbouw Je kan pas starten met de bouw van je site als je een aantal keuzes gemaakt hebt. Meer hierover vind je in de eerste twee rubrieken. De opbouw zelf is voor een gedeelte technisch en voor een ander gedeelte inhoudelijk. Het vlot verloop hangt gewoonweg af van goede coördinatie. Hoe zorgen we ervoor dat de site bezocht kan worden? Welk draagstel krijgt de informatie? Wat vertellen we? Hoe verbinden we de site met applicaties? Op welke wijze gaan we om met lands- en taalgrenzen? Hoe gedraagt de site zich op verschillende platformen? Hoe zorgen we ervoor dat de site bezocht kan worden? Je site dient eerst en vooral een domeinnaam te krijgen. Vaak gaat het om de naam van je onderneming. Soms dient daarbij gezocht te worden naar alternatieven wanneer de domeinnaam die je in gedachten had niet meer beschikbaar is. Creatief én snel zijn is de boodschap. De hosting van je website laat je best over aan een gespecialiseerd bedrijf. Deze bedrijven bieden diensten aan die handenvol geld kosten indien je er zelf voor zou moeten instaan. Denk maar eens aan noodvoeding, technische ruimtes, datalijnen, backup-faciliteiten,… Als ikzelf een oplossing dien aan te bieden voor domeinnaamregistratie, hosting en alles wat erbij komt kijken, werk ik meestal samen met Besite uit Leuven. Het is een performant bedrijfje met een goede technische infrastructuur en je kunt er maatwerk vragen. Denk er ook aan dat je meerdere domeinnamen kunt gebruiken om naar dezelfde site te verwijzen. Het is leuk als je als bankier kunt verwijzen naar bank.be. Anderzijds kun je met een domeinnaam ook meerdere subdomeinen creëren die naar verschillende sites of applicaties verwijzen. Je on line winkel kun je bijvoorbeeld rechtstreeks toegankelijk maken via shop.jenaam.be terwijl je algemene site onder de naam www.jenaam.be door het leven gaat. INXCO's methode 3. Opbouw Welk draagstel krijgt je informatie? Het draagstel van je site functioneert zoals het skelet van een lichaam. Om een degelijk geraamt te bouwen dien je twee voorgaande puntjes op een behoorlijke manier klaar te hebben: de sitemap en de grafische vorm van de site. De grafische oplossing die je bedacht voor je site is op dit ogenblik vaak slechts een plaatje met kleuren, de indeling van grafische elementen, een stijl,… Dat moet je nu gaan uitbouwen tot een werkend draagstel van achtergronden, afbeeldingen, knoppen, teksten, links en pagina's. Om dit te doen gebruik je een markup language zoals HTML. In HTML ga je 'editeren'. Editeren lijkt wat op programmeren, maar is een stuk makkelijker. Bovendien kun je gebruik maken van wat men visuals editors (bijv. Dreamweaver, GoLive, Frontpage,…) noemt. Hiermee kun je heel snel en haast WYSIWYG een gans site-geraamte uitwerken. Af en toe moet je wel eens naar de HTML-code te gaan kijken. Zo kun je nog makkelijk iets wijzigen of fine-tunen. Professionele webbouwers doen er daarom goed aan een beetje HTML-kennis als slag om de arm te houden. Zodra het ganse raamwerk ineensteekt en werkt (even testen is de boodschap), dien je op alle pagina's aan te duiden wat je er wil vertellen. Hoe beter je dit uitwerkt, hoe beter de briefing van je copywriter. Het hoeft weinig betoog dat dit de kwaliteit van de copy alleen ten goede kan komen. Persoonlijk gebruik ik de aanduidingen voor de copywriter tegelijk om er de Cascading Style Sheets (CSS) mee uit te werken. Die stylesheets zijn een zeer bruikbare techniek om snel en consitent de inhoud van je site in een gestructureerde vorm te gieten. Let wel even op. Werken met CSS is iets wat enige ervaring en kennis vereist. In onervaren handen kunnen stylesheets een website behoorlijk in de soep laten lopen. Een goed draagstel voor je site is niet alleen correct geëditeerd in een of andere markup language. Het is zo geëditeerd dat de pagina's snel inladen. CSS zijn reeds een goede stap in die richting. Maar je kunt nog meer doen: Afbeeldingen optimaliseren in overeenstemming met de manier waarop ze in de site weergeven worden. Scriptjes inzetten die ervoor zorgen dat bepaalde afbeeldingen op voorhand ingeladen worden op de computer van je bezoeker. Scriptjes en effectjes op een goed doordachte manier inzetten. Visuals laten herhalen op een pagina of binnen een site wanneer ze in meerdere identieke versies voorkomen. Correct gebruik maken van tabellen. Een afsluitertje voor de bouw van je draagstel is het vastleggen van de zogenaamde alt-tag's. Dit is iets uit een ver verleden. Helaas worden die tegenwoordig vaak over het hoofd gezien. Alt-tag's ontstonden toen trage verbindingen met het internet ervoor zorgden dat je wel even kon wachten bij het inladen van een afbeelding. Ervaren surfers hadden daarom de neiging om hun browser zo in te stellen dat deze afbeeldingen rustig op de server bleven staan. Met een alt-tag kon je in deze omstandigheden toch weten wat er vertoond zou worden. In een tijd van breedbandverbindingen lijkt dit allemaal wat overbodig. Maar ondertussen zijn er toch nog een paar interessante extra's bij die alt-tag's te noteren: Blinden en slechtzienden komen via hun leessystemen te weten wat er afgebeeld wordt. Spiders gebruiken alt-tag's om sites te indexeren en te ranken. Ervaren surfers zullen merken dat je site op een vakkundige manier gemaakt werd. INXCO's methode 3. Opbouw Wat vertellen we? Als je geen kaas gegeten hebt van copywriting voor websites, schakel dan maar dadelijk een copywriter in. Het zal je heel wat tijd en centen opleveren om voor dit onderdeel met een specialist in zee te gaan. Heb je wel een scherpe pen die kan schrijven voor het internet? Heb je ook nog eens voldoende tijd? Ga dan aan de slag terwijl je rekening houdt met deze aspecten van het medium: Bezoekers willen wat op je site gebeurt volledig controleren. Vertel dan ook voortdurend wat er gebeurt en gaat gebeuren en maak er geen zoek- en verrassingsspelletje van. Gebruikers zullen niet naar je site komen en blijven staren naar het scherm. Mensen zullen er vaak eerst iets doen en dan pas iets lezen. Zoek naar manieren in je verhaal waardoor je gebruikers een interactie met jou, het systeem of andere bezoekers kunnen starten. Laat je site mee-evolueren met de realiteit. Verse ingrediënten op je site zorgen ervoor dat bezoekers komen en blijven terugkomen. Wil je snel werken? Laat je copywriter dan direct in de site z'n teksten schrijven. Een exellent programma als Macromedia's Contribute kan hierbij excellente diensten bewijzen. Een belangrijke nota voor copywriters: Neem geen initiatieven die eerder met de vorm dan met de inhoud van de site te maken hebben. De layout van de site is iets voor de vormgever. Verlies hiermee geen tijd. Als je verhaal goed geschreven is zal de vormgever er wel in slagen om op een mum van tijd alles in een consistente en correcte stijl te gieten. Indien je ooit onder INXCO's paraplu werkt zal ik niet toestaan dat klanten hier centen aan verliezen. INXCO's methode 3. Opbouw Hoe verbinden we de site met applicaties? Een site die verbonden is met applicaties en databases is een dynamische website. Zo'n site gaat 'on-the-spot' pagina's met een specifieke boodschap brengen volgens de input van de bezoekers. Dynamische sites kun je op twee manieren opbouwen: Eerst bouw je een applicatie en daarna plak je er een interface voor. Eerst bouw je een interface en daarna zorg je voor een applicatie die de functionaliteiten van deze interface invult. Ik heb de twee manieren van werken meegemaakt en mijn voorkeur gaat uit naar de tweede. De eerste werkwijze levert trouwens een aantal interessante voordelen op: De bouw van een statische site geeft je zeer veel flexibiliteit bij het kiezen van de functies waaraan je dynamische site dient te voldoen. Je kunt de statische site gebruiken als prototype om de functionaliteiten van je applicatie te beoordelen. Een statische site kan dienst doen als prototype om usability-testen uit te voeren. Applicaties bouwen en deze applicaties koppelen aan een site is werk voor developpers. Net als bij copywriters het geval is: dit is specialistenwerk. INXCO's methode 3. Opbouw Op welke wijze gaan we om met lands- en taalgrenzen? Het www staat voor world wide web. Zodra je site on line staat kan iedereen op deze wereld ernaar toe surfen. Het is wellicht niet de bedoeling, maar technisch gesproken is het een mogelijkheid. In de praktijk zul je een bepaald soort bezoekers voor ogen hebben. De plaats waar ze zich fysiek bevinden en de taal die ze spreken zijn aspecten die hierbij van tel zijn. De geografische en taalkundige grenzen die tellen voor je site spelen een rol bij de inhoud die je presenteert. Dimensies die hierbij komen kijken: Wetten en juridische voorschriften. Culturele verschillen. Taalgebruik. Fysieke aspecten. Om op de gevolgen die de dimensies met zich meebrengen een sluitend antwoord te geven kun je je site parallel in aangepaste versies brengen. Men noemt zoiets ook 'localiseren'. Gebruikers kunnen op een geschikte parallelle gelocaliseerde versie terechtkomen doordat ze eerste langs een intro-pagina dienen te passeren. Daarop dienen ze te kennen te geven op welke plaats ze zich bevinden en in welke taal ze verder willen gaan. De keuze voor een gelocaliseerde versie kan via een cookie bestendigd worden voor die ene browser. Een paar zaken kun je daarbij best even overwegen: In sommige landen bestaan regels omtrent het gebruik van cookies. Indien een gebruiker zich vergist dien je de mogelijkheid te bieden om z'n keuze opnieuw te maken. Wanneer andere gebruikers op die ene computer via de ene browser gaan surfen zullen ze niet meer via die intro-pagina passeren. Wat je niet mag vergeten is dat het onderhoud van een site in meerdere parallelle versies een stuk arbeidsintensiever is dan een site in één versie. Indien nodig kunnen hiervoor alternatieve oplossingen bedacht worden. Denk bijv. aan een samenvattende pagina voor taalgroepen die minder belangrijk zijn, in plaats van een volledige vertaling. Belangrijke nota voor opdrachtgevers: Heb je gekozen voor een site in verschillende parallelle versies? Dan doe je er goed aan om de site eerst volledig statisch uit te bouwen in één enkele taal. Het levert absoluut geen tijdswinst op om alles tegelijk in meerdere talen te laten bouwen. Je zal zien dat er tijdens het bouwproces van een website nog wat veranderingen kunnen opduiken die niet te voorzien zijn bij de organisatie van de site. Samenwerken met een ervaren sitebouwer zal er bovendien voor zorgen dat de extra versies op een effectieve en efficiënte wijze gerealiseerd worden. INXCO's methode 3. Opbouw Hoe gedraagt de site zich op verschillende platformen? Een site wordt meestal op een beperkt aantal computers gebouwd en ondehouden. Tijdens dat proces kijkt men regelmatig eens naar de website in een browser op dat locale toestel. Dat is nodig, want in een browser kun je zien hoe de site zich gedraagt. Waar nodig wordt dan wat gesleuteld tot het er goed uitziet. Testen in je eigen browser is echter niet voldoende. Jouw locale toestel is jouw locale toestel. De computers van de vele bezoekers van je site kunnen er helemaal anders uitzien en jouw site kan zich dan ook anders gaan gedragen: Is het een mac, pc of linux computer? Is het wel een computer? Heeft je bezoeker een snelle of trage verbinding? Beschikt je bezoeker over een mail-applicatie of surft hij bijv. vanuit een cybercafé, vanop school, vanop het werk? Welke browser wordt gebruikt? Explorer, Opera, Navigator, Safari,…? Is dat een recente browser? Of gaat het nog om een oude versie? Zijn alle lettertypes die jij gebruikt ook geïnstalleerd bij je bezoeker? Kijkt men naar je site met een groot of klein computerscherm? Kijkt je bezoeker wel? Of gebruikt hij een leesregel of ander hulpmiddel? Werken alle client-side applicaties die jij toepast? Dient de bezoeker van je site over bepaalde plugin's te beschikken? Je kan natuurlijk een vermelding op je site plaatsen in de zin van "om deze site te bekijken heb je browser zus nodig, een schermresoltutie zo, een plugin van dit en een bandbreedte van dat,…" Erg gastvrij is die werkwijze niet. Een goede gastheer zorgt ervoor dat z'n site aangepast is aan de bezoekers en niet omgekeerd. Daarom dien je je site voortdurend te testen op verschillende toestellen en browsers. Als je ooit de gelegenheid krijgt om je site te bezoeken via de leesregel van een slechtziende, probeer dat eens, je zal ervan opkijken. INXCO's methode 3. Opbouw