Al surfend over het web komt je regelmatig sites tegen waarvan je denkt: "Hee, dat ziet er goed uit; daar wil ik wel mee samenwerken." Misschien door links uit te wisselen of door een banner te plaatsen. Dat een site er goed uit ziet wil echter nog helemaal niet zeggen dat hij ook veel bezoekers heeft. En daar gaat het natuurlijk wel om. Wat heb je aan een vermelding op een gave site die maar 20 bezoekers per dag trekt?

Maar hoe weet je nou hoeveel bezoekers een site van iemand anders trekt? Soms staan er statistiek icoontjes op. Daar kun je dan op klikken en dan krijg je bezoekers statistieken te zien.
De meest bekende is Nedstat. Het icoontje ziet er zo uit:
Als je dit icoontje op een site ziet kan je er met een gerust hart op klikken. De statistieken die je dan te zien krijgt zijn vrij betrouwbaar.

Veel sites hebben echter helemaal geen statistiek icoontjes. Toch is er een manier om hun succes in te schatten: de Alexa toolbar. Dit is een toolbar voor Internet Explorer die je gratis kan downloaden en installeren. Daarna komt de toolbar boven elke pagina te staan die je bezoekt. Hij toont dan o.a. hoe succesvol de site is.

Er wordt weliswaar niet getoond hoeveel bezoekers er bijvoorbeeld per dag komen, maar wel hoe hoog de site staat in verhouding tot andere sites.

Ter indicatie:
alphamegahosting.com heeft momenteel ongeveer 900 bezoekers per dag en staat op plaats 222.738
startpagina.nl heeft momenteel ongeveer 2.000.000 bezoekers per dag en staat op plaats 1.085

Met de Alexa toolbar kan je dus prima het succes van een website inschatten; ook al probeert die websites dat voor je verborgen te houden. Je kunt hem gratis downloaden op alexa.com.

De meeste afbeeldingen die voor internet gebruikt worden, zijn in .gif .jpg (.jpeg) of .bmp formaat.

Hoewel plaatjes je pagina kunnen verfraaien, moet je toch goed nadenken voor je ze opneemt, want als je er te veel gebruikt, wordt de laadtijd van je pagina veel te lang. En als er één ding is dat je moet voorkomen, is het wel dat je bezoekers je site verlaten, omdat de pagina's te langzaam laden.

<IMG> tag en het attribuut "src"

Afbeeldingen neem je op met de <IMG> tag. Het heeft geen eindtag.
Je moet altijd het attribuut src (=source) erbij gebruiken, dit attribuut vertelt de browser waar de afbeelding staat. De waarde van src is daarom altijd een adres. Het schrijven van een adres hebben we al behandeld in les 4.

De attributen "height" en "width"

Er zijn nog twee attributen die je eigenlijk altijd moet toevoegen, namelijk height en width. Deze attributen vertellen de browser welke afmetingen de afbeelding heeft. De browser laat deze ruimte open (ruimte in pixels) en gaat verder met het laden van de rest van de pagina.

De afmetingen van je afbeeldingen moet je kunnen zien met je grafische software, zoals Photoshop.

Nu een voorbeeld van een "IMG" tag met de bijbehorende attributen:

<IMG src="hello3d.gif" height="64" width="154">

Resultaat:

Je ziet nu hierboven de afbeelding "hello3d.gif" op het scherm verschijnen.

Afbeeldingen Uitlijnen

Als je tekst bij een bepaalde afbeelding wilt plaatsen, moet je het align attribuut gebruiken. Align kan hier als waarde top, bottom of middle hebben (bottom is de standaard, dus als je niets invult).

Nu zie je voorbeelden van het uitlijnen van een afbeelding:

Standaard is de onderkant van een afbeelding uitgelijnd met de tekst, zoals je hier ziet.

Hieronder zie je voorbeelden van align met waarden: top.

Dit is weer hetzelfde plaatje, maar nu zie je dat de tekst aan de bovenkant van de afbeelding begint. Je ziet dat alleen de eerste regel bovenaan begint. De rest van de tekst komt weer onder de afbeelding. Dit is dus de waarde top.

De complete tag met waarde "top" wordt dus:

<IMG src="hello3d.gif" height="64" width="154" align="top">

Hier weer dezelfde afbeelding, maar nu zie je dat de tekst ter hoogte van het midden van de afbeelding begint. Je ziet dat alleen de eerste regel in het midden begint. De rest van de tekst komt weer onder de afbeelding.

De tag met waarde "middle":

<IMG src="hello3d.gif" height="64" width="154" align="middle">

Een Afbeelding Als Achtergrond Gebruiken

Dit is al kort behandeld in de eerste les. Je kunt een afbeelding als achtergrond voor je pagina gebruiken. Je moet dan het attribuut background in de <BODY> plaatsen.
Zo dus:

<BODY background="afbeelding.gif">

In het volgende artiekel volgt deel 6:
Lijsten maken.

Deze cursus HTML valt onder copyright van mijnhomepage.nl. Dit artikel mag niet worden overgenomen zonder uitdrukkelijke toestemming van de webmaster van mijnhomepage.nl.

Heb je een website waar je banners van anderen op hebt staan? Overweeg je om banners van anderen op je site te gaan zetten? Wil je zelf banners gaan plaatsen op andere sites (of doe je dit al)? Let dan goed op, want dit artikel is heel belangrijk en kan een hoop geld voor je verdienen of besparen.

Op Internet wordt je doodgegooid met banners en pop-ups. Ook met pop-under-sites die, achter de site die je aan het bekijken bent, geladen worden. De surfer ergert zich eraan en klik de pop-ups weg nog voordat ze helemaal geladen zijn. Banners worden genegeerd en als ze erg schreeuwerig zijn wekken ze alleen maar irritatie op.

Banners zijn dus niet ideaal en banner exchange programma's al helemaal niet. Ik zal even uitleggen waarom. De enige manier om een banner te laten werken is een banner te plaatsten die de bezoekers van de site waar de banner op staat, aanspreekt.

Heb je een site waar je andermans banners op zet? Kijk dan eens wie je bezoekers zijn. Wat zijn hun interesses? Wat komen ze doen op je site? Hoe kun je ze van dienst zijn? Waarmee kun je ze nou echt een plezier doen?

Als je die laatste vraag kunt beantwoorden dan heb je de sleutel voor een succesvolle website in handen. Plaats dan ook alleen banners die je bezoekers aanspreken. Doe je bezoekers een plezier door de juiste banners te plaatsen!

Daarom kan een banner exchange programma ook niet werken. Deze huren een plek van je site waar ze diverse banners om beurten laten zien. En daar zit van alles tussen. Wat doet een banner voor keukens nou op een pagina over PHP-scripting? En wat doet een banner van een casino nou op een website over baby's? Wat doet een banner voor verzekeringen nou op een MP3 pagina? Nee, willekeurige banners werken gewoon niet!

Omdat de banners niet afgestemd zijn op de bezoekers van je site wordt er nauwelijks op geklikt. En aangezien die vrijwel allemaal pay-per-click zijn verdien je er nauwelijks iets mee.

De enige manier om geld te verdienen met het plaatsen van banners op je eigen site is banners te kiezen die exact bij jouw bezoekers passen. Alleen dan zal er op geklikt worden! Alleen dan zullen je bezoekers de banners niet als storend ervaren. Alleen dan zullen je bezoekers je waarderen, omdat je ze een plezier doet.

Wil je zelf banners gaan plaatsen op andere sites (of doe je dit al)? Stel jezelf dan dezelfde vragen! Wat zijn de interesses van de bezoekers van de site waar ik op wil adverteren? Wat komen ze daar doen? Hoe kan ik ze van dienst zijn? Past mijn product of dienst bij die website?

Een banner kan alleen werken als die perfect aansluit bij de bezoekers van de site waar die op komt te staan. Doe dus nooit mee aan een banner-exchange programma. Deze zetten je banner op allerlei willekeurige sites, en dat werkt niet!!!

Kortom, zorg dat de banner aansluit bij de interesses van de bezoekers.

Veel succes!