Internet Marketing Strategies

Cursus

Les 3

Bouw je eigen website

Wat zeg je? Zelf een website bouwen? Maar dat is toch veel te moeilijk!

Nee hoor. Geen zorgen. Er bestaan genoeg websites waarvan je een complete template kan downloaden. Als je nooit eerder een website hebt gemaakt is dit de meest simpele manier. Heb je wel de kennis en de programmatuur (Adobe GoLive CS,  Dreamweaver) om zelf een website te maken, dan kun je een originele website ontwikkelen die precies bij jouw onderwerp past. Gebruik dan je creativiteit.

Een template geeft de layout voor een webpagina en vervolgens kun je je eigen teksten, foto’s, tekeningen, links enz. daarin verwerken.

Er bestaan websites die templates gratis of tegen betaling aanbieden.

Bijvoorbeeld: Open Source Web Design .  Aangekomen op deze site zie je ook onder “Supporters” nog meerdere aanbieders. Keuze genoeg dus. Zoek een template die het meest bij jou onderwerp past.

Als je helemaal geen tijd en moeite wilt besteden aan het maken van een website met alles wat daar bij komt kijken (zie verdere lessen) dan is er natuurlijk ook een kant-en-klare oplossing. Je hoeft dan alleen maar content en afbeeldingen aan te leveren en je bent klaar. Natuurlijk hangt daar een prijskaartje aan vast, maar daar staat tegenover dat bijna alles voor je wordt gedaan. Die oplossing wordt je geboden door (Professionele website). Je kunt je dan geheel concentreren op de teksten en bijbehorende afbeeldingen. Easy as pie!

Natuurlijk wil je je eigen website opfleuren met leuke, ter zake doende foto’s. Je hebt die misschien al op jouw eigen PC staan, maar je kunt op  sxc.hu ook gratis foto’s vinden. Neem wel de voorwaarden in acht.

Je zult zien dat de door jou gekozen template in 3, 4 of 5 verschillende files binnen komt. Een van die files heeft een css extensie. CSS staat voor Cascade Style Sheet en het bevat alle stijl informatie voor de pagina. Soms is het zinvol, indien mogelijk,  een style sheet aan te passen aan jouw wens. Wil je meer weten en leren over CSS, dan kun je bij CSS Helpt Ook Jou  terecht.

Om je een idee te geven hoe een template er uit ziet, geef ik onderstaande figuren waar je zowel de pagina als het bovendeel van de achterliggende HTML code ziet.

Je krijgt de template binnen als een html-file. Deze is gewoonlijk de “home”-pagina ofwel de “index.html”-pagina. Je hebt een HTML editor nodig waarmee je de file kunt “editen”. Dit doe je op precies dezelfde manier als dat je in MS Word een tekstfile edit. 

Hieronder het bovendeel van de html-code van bovenstaande webpagina.

HTML Editor

Je krijgt de template binnen als een html-file. Deze is gewoonlijk de “home”-pagina ofwel de “index.html”-pagina. Je hebt een HTML editor nodig waarmee je de file kunt “editen”. Dit doe je op precies dezelfde manier als dat je in MS Word een tekstfile edit. 

Hoe kom je aan een HTML editor? Je kunt deze downloaden van  Arachnophilia editor en vervolgens installeer je deze. Zo heeft Eclipse ook een goede editor

Hier begint wat studiewerk. Als je nog nooit met html hebt gewerkt volg je een cursus; ik bedoel niet dat je naar een school moet gaat, want ook de nodige html kennis kun je gratis op Internet verkrijgen. Op internet zijn voor welk onderwerp dan ook veelal gratis handleidingen te vinden.

Zoals boven vermeld kun je natuurlijk al dit werk omzeilen door het gewoon voor je te laten doen. Dat kost wel wat, maar het bespaart een hoop moeite. Deze maker van Professionele websites neemt je al het werk uit handen. Ook datgeen wat in de volgende lessen allemaal wordt besproken.

Wil je wat meer moeite doen om kennis te vergaren? Probeer dan maar eens: W3Schools. Deze begeleiding is opgebouwd uit meerdere pagina’s met “next” en “previous” lessen. Ook in de Nederlandse taal zijn enkele goede leer-sites te vinden: bijv. handleidinghtml.

Er bestaan meer van deze sites. Zoek even in een zoekmachine door: "nederlandstalige html cursus" in te typen. Vervolgens zoek je naar "CSS handleiding" of "CSS tutorial". Vaak gaan zowel de html als de CSS samen. Je zult ongetwijfeld de handleiding vinden die het beste bij jou past. Bookmark deze sites zodat je ze altijd direct bij de hand hebt als je met editen bezig bent. Besef wel dat je geen doctorstitel in html of CSS hoeft te halen, maar wat kennis van beiden is wel een pre.

Het ebook "CSS helpt ook jou" is speciaal geschreven voor mensen die met behulp van CSS mooie sites willen maken, die ook nog beter door zoekmachines wordt gevonden. Alle kennis die je nodig hebt mooi bij elkaar.

Je vraagt je misschien af waarom we geen WYSIWYG (What You See Is What You Get) editor aanbevelen?

Voorbeeld: Microsoft Word is een WYSIWYG editor. Je gebruikt zo’n editor om een webpagina te maken op een manier zoals je die in de browser wilt zien, met afbeeldingen, kleuren, lettertypen, enz. Vervolgens save je de file als een webpagina met een .html extensie en klaar is kees. Makkelijker kan niet. Je hoef je dan nooit bezig te houden met html of welke ander ingewikkeld spul. Maar………..

Waarom dan toch geen WYSIWYG ?

WYSIWYG is toch niet de juiste manier voor een website waarmee je op het internet wilt handelen.

Gedurende deze lessen gaan we het steeds vaker hebben over SEO (Search Engine Optimization). SEO gaat over het zodanig opzetten van webpagina’s dat ze aantrekkelijk zijn voor zoekmachines als Google, Yahoo!, MSN, enz. Waarom is dat zo belangrijk? Omdat de zoekmachines de bron zijn voor 80% van jouw klanten.

Jouw website moet dus niet alleen voor jouw klanten aantrekkelijk zijn, maar tevens voor de robots van de zoekmachines. Er zijn manieren om dat te doen, maar WYSIWYG hoort daar niet bij. Een pagina die met een WYSIWYG editor is gemaakt bevat teveel opmaak-informatie, zeg maar gerust “junk”, die de content voor de zoekrobots verborgen houdt. En daar gaat het nu juist om: de robots kijken naar jouw pagina om content te vinden! Je moet dus zeker niet die content verbergen, je moet die juist overduidelijk laten zien. Leer dus zoveel mogelijk html om je template te begrijpen en gebruik een html editor om deze naar jouw wensen aan te passen.

--> naar les 4

Iedere dag een nieuwe strategie en actueel Internet Marketing Nieuws