Je kan links op afbeeldingen en woorden plaatsen. De menu aan de rechter kant is een klassieke voorbeeld van tekst links binnen een website, maar “bekijk onze website starterkit“ is ook een tekst link. Hieronder zie je hoe een tekst link wordt gemaakt.

Wat is het verschil tussen interne en externe links?

• Interne links zijn links tussen de pagina’s of jouw website
• Externe links zijn links naar pagina’s op andere websites
• Beide interne en externe links worden op hetzelfde manier gemaakt behalve één kleine instelling … het doel (of target).
• Opent de link in dezelfde venster, dan wordt de huidige pagina vervangen door de nieuwe (handig bij navigeren op een website)
• Maar als de link naar een externe (andere) website doorverwijst, dan is het beter om een nieuwe pagina te openen.
• De webbezoeker heeft dan twee pagina’s openstaan op zijn computer: de oorspronkelijke pagina op jouw website en de nieuwe pagina van de link.
• Zo voorkom je onnodige verlies van webbezoekers.
• Hij/zij kan zelf weg klikken wanneer ze klaar zijn.

Tekst links op Woorden

Links horen op webpagina’s en maken navigatie mogelijk. Ook geven links je webbezoekers verdere toelichting op bepaalde onderwerpen.

• Selecteer de woord(en) die je wil gebruiken als tekst link
• Klik op de link knop (het klein schakel icoontje tussen de “rechts uitlijnen” en “meer-tag invoegen” knopjes)
• Een pop-up venster verschijnt (zie afbeelding hieronder)
• Plak de url van de link in bij Koppelings-URL
• Kies het doel: óf koppeling openen in hetzelfde venster óf koppeling openen in een nieuw venster
• Titel en Class kan je negeren
• Klik op Invoegen
• Deze verandering opslaan.

Tip #1: Bij het selecteren van je woorden, plaats je cursor rechts naast de laatste letter van de woord(en) en beweeg je muis naar links, totdat alles gehighlight is. Want als je van links naar rechts beweegt, dan wordt de spatie ook meegenomen in de link … en dat ziet er niet uit.

Tip #2: Je kan ook de pijltjes gebruiken om te navigeren – <Ctrl>+<links/rechts pijl> beweegt de muis een woord tegelijk. <Shift>+<links/rechts pijl> beweegt de muis een letter tegelijk … goed voor precisie werk.

Links op Afbeeldingen

Links op afbeeldingen kunnen op dezelfde manier gemaakt worden, maar dit onderwerp wordt ook verder uitgelegd op “Voeg logo’s/banners van externe websites toe”.

Hoe bewerk je een link?

Wil je misschien een link veranderen naar een andere URL? Of heb je vergeten om de link in een nieuwe venster te laten openen? Dan kan je het heel makkelijk veranderen. Plaats je cursor ergens op de tekst link, en klik weer op de “link toevoegen/bewerken” knopje. Maak de veranderingen en klik op “Bijwerken”.

Hoe verwijder je een link?

Dit is heeeel makkelijk. Plaats je cursor ergens op de link en dan klik op het “link verwijderen” knopje, tussen de “link toevoegen/bewerken” en “meer-tag invoegen” knopjes. Hupsa Kees!

Maar wat is het verschil tussen foto’s, logo’s, grafieken en thumbnails? En waarom zijn ze belangrijk?

De rol van foto’s

“A picture tells a 1000 words!” [Een afbeelding vertelt een duizend woorden]

De kracht van een foto’s is om de boodschap van een pagina in één ogenblik te vertellen!

De afmeting van foto’s kunnen behoorlijk veranderen, en de groote hangt af van het doel:

• grotere foto’s worden meestal zelfstandig in het bericht of de pagina gebruikt, zonder links, zoals op onze home pagina “wat zijn uw doelen“
• zijn er meerdere grote foto’s dan kan je beter een fotogalerij gebruiken met kleine thumbnail foto’s ter voorbeeld
• midden grote foto’s kunnen ook iets extras toevoegen
• wordt de foto als een link naar een andere pagina gebruikt dan gebruik een kleine thumbnail
• i.p.v. logo’s kan je ook kleine schermafdrukken gebruiken om naar externe websites te linken

Voordat je een foto toevoegt, moet je dus de rol van de foto eigenlijk eerst beslissen.

De rol van thumbnails

Thumbnails zijn kleine afbeeldingen die webbezoekers leiden van de ene pagina naar de volgende. Thumbnails worden ook gebruikt voor fotogalerijen en geven je webbezoekers een overzicht van te grote foto’s.

De rol van logo’s

Logo’s zijn grafieken met de naam van een bedrijf en worden meestal om een website geplaatst om webbezoekers te laten zien welke merken jouw website aanbiedt, of met welke andere bedrijven jouw bedrijf te werk gaat. Het doel is om vertrouwen in de webbezoeker op te wekken.

Uiteraard moet je geen logo op jouw website plaatsen als het niet van toepassing is, want logo’s zijn auteursbeschermd. Bijv. plaats geen logo van Quick-step op jouw website staan als je geen Quick-step laminaat verkoopt! Anders kan het juridische gevolgen hebben …

De rol van grafieken

Grafieken zijn ondersteunende afbeeldingen voor jouw website. Bijv. een cirkeldiagram of histogram kan makkelijk (financiele) cijfers laten zien. Vaak zijn grafiekjes ook buttons of slagzinnen (teksten geschreven in een mooie lettertype) of “call-to-action” (roepen tot actie zoals: “koop nu!”) grafieken. Die kan je zelf maken in bijv. Paint of andere (foto)bewerkingsprogramma’s. Wij gebruiken Adobe Fireworks om grafieken te maken.

Alle foto’s en afbeeldingen spelen een grotere rol in jouw website, maar ze moeten waarde toevoegen en de bezoeker niet afleiden.

Wij raden je aan om eerst de teksten te schrijven, en daarna een bijpassende afbeelding toe te voegen.

Op eerste gezicht lijken ze op elkaar, maar de achterliggende techniek is heel anders. Een gewone website wordt met statische pagina’s gemaakt, terwijl een CMS (content management systeem) website met dynamische pagina’s wordt gemaakt. Het concept wordt hieronder verder uitgelegd.

Gewone Websites

Zoals in de introductie aangegeven, wordt een gewone website met “statische” pagina’s gebouwd. Dit betekent dat elke pagina een vaste header, menu, footer en natuurlijk de inhoud bevat. De webmaster moet alles zelf maken en daarna de pagina naar de website server uploaden. Zodra de pagina geupload is, verschijnt het live op het Internet, mits je de URL kent.

Webmasters gebruiken meestal een zogeheten template om de algemene elementen (menu, header, footer) op elke pagina toe te voegen. Statische pagina’s vergen veel meer tijd om gebouwd te worden, en zijn moeilijker te onderhouden want je moet altijd op de webmaster wachten.

Een redelijke kennis van html, css, ftp en andere programma’s is noodzakelijk.

CMS Websites

Pagina’s van CMS websites worden integendeel dynamisch gebouwd. Dit is een hersenbreker … de pagina bestaat niet TOTDAT de webbezoeker de pagina via een link of URL oproept. Dan wordt al de stukken verzameld en opgeleverd als één pagina in de webbrowser.

Een soort “Big Mac” kan je zeggen - net als de sla, tomaat, bollen, en hamburgers apart liggen, zo liggen de header, footer, menu en inhoud ook apart. Ze staan klaar voor verzameling om als één geheel gepresenteerd te worden.

De inhoud van de pagina’s (teksten, foto’s, enz.) liggen op een database die bij de installatie wordt gemaakt. De vormgeving oftewel “thema” wordt door een designer gemaakt met behulp van CSS (Cascading Style Sheets). Hierdoor kan de inhoud van de vormgeving gescheiden worden. 

De onderhoud van een CMS website is veel makkelijker want de klant krijgt een inlogcode en voegt zelf zijn/haar tekst of foto’s toe, zelfs twee uur ‘s nachts!

De enige nadeel van een CMS website t.o.v. een html statistche website is dat het ietjes langer kan duren om te downloaden. De statische pagina is al gemaakt en wordt sneller gedownload. Maar een pagina uit een cms website moet eerst opgebouwd worden en de database geraadpleegd. Voor de meeste mensen is dit een klein prijsje voor het gebruikersgemak.

Hoe krijg je een CMS website?

Er zijn talloze webdesigners die cms websites aanbieden. Ook zijn er webdevelopers die een cms (de software zelf) voor je zal bouwen. Deze laatste optie kan tonnen kosten. Wij bouwen websites met een zogeheten open-source software, WordPress, waarbij je niets voor de cms hoeft te betalen. Je betaalt dus alleen voor onze tijd om je website te maken.

Bekijk eens onze website starterskit voor maar EUR 550,00!

Je krijgt een uniek design (geen templates), cms en database wordt geinstalleerd met een contactformulier en fotogalerij, de eerste 10 pagina’s wordt geplaatst om de indeling aan te geven en je krijgt toegang tot de “Training voor Succes” website voor 9 maanden. Training over hoe je het systeem gebruikt vind je hier.