html-site

Leer een website maken met HTML en CSS.
Bouw je eigen succesvolle website!

9 tips voor effectieve webteksten

Geplaatst op 16 januari 2013 in categorie schrijven

Een website zonder tekst is geen effectieve website en zal niet veel bereiken. Nou ja, uitzonderingen daargelaten zoals websites waar video de boventoon voert, of een website zoals Pinterest, waar het gaat om afbeeldingen.

Wil je goed scoren met je website dan is een goed geschreven tekst van essentieel belang.

In 9 tips wil ik laten zien hoe je een goede webtekst schrijft.

1. Schrijf korte zinnen

De zinnen die je schrijft in een webtekst mogen kort zijn. Korte zinnen nodigen op een scherm uit tot lezen.

Lange lappen tekst zijn gewoon lastiger en vermoeiender om te lezen op een scherm.

Vandaar dat je, net zoals ik nu doe, veel korte zinnen met veel witruimte op websites tegenkomt.

Overigens betekent dat niet dat de inhoud mager is. Integendeel, maar je wilt toch dat de inhoud gelezen wordt?

2. De titel is de helft

Een goede titel zorgt ervoor dat teksten verder gelezen worden.

Wanneer een titel weinig zegt, dan haakt minstens de helft van de mensen af.
Sommigen beweren zelfs tot 80% van de mensen.

Dat betekent dat de helft van de tijd zou moeten gaan zitten in het schrijven van de titel. Misschien wel wat overdreven, maar toch…

3. Gebruik tussenkopjes

Lees verder »

Kleuren gebruiken op je website

Geplaatst op 7 januari 2013 in categorie algemeen

kleuren voor een websiteMet een website gebruik je eigenlijk face to face verkoop. Je kunt dus niet, of weinig door je innemende persoonlijkheid mensen overtuigen. Internet is een visueel en psychologisch medium.

Bepaalde tactieken worden veel gebruikt omdat ze werken. Bepaalde woorden doen kopen en andere zinnen juist niet. De inhoud is dus de belangrijkste factor.

Er is echter nog een andere psychologische factor die vaak over het hoofd gezien wordt, kleur.

Woorden kunnen jouw gevoel beschrijven, kleur kan worden gebruikt om een ‘taal’ te spreken. Denk aan de achtergrond kleur, de kleur van de header, logo, tekst, ze hebben allemaal een effect op je bezoeker.

Hier een aantal voorbeelden van websites die een hoofdkleur als thema hebben, met daarbij de psychologie van de betreffende kleur. Niet als wetmatigheid gebruiken, bekijk het als een indicatie op het effect dat het kan hebben.

Rood

De kleur rood wordt met name geassocieerd met passie, gevaar, waarschuwing, impulsiviteit, actie en avontuur. De website van Ferrari.com is daar een mooi voorbeeld van. Prikkelend doorgevoerd om de auto te benadrukken worden door de rode kleur alle bovenstaande effecten getracht te bereiken.

Ferrari.com

Blauw

Zakelijkheid, succes, serieus, kalm en professioneel zijn associaties die bij de kleur blauw horen. De website van de Nederlandsche Bank zijn hierop gebaseerd. Kijk maar naar de achtergrond, het logo en de tekst.

De Nederlandsche Bank

Groen

Groen wordt gekoppeld aan geld, een dollarbiljet is groen, maar ook aan natuur, dieren, leven en harmonie. Een voorbeeld van een website die groen zodanig gebruikt is die van Pickwick.nl. Thee staat voor een natuurlijk product, harmonieus en leven.

Pickwick.nl

Oranje

Oranje is de kleur van comfort, creativiteit, jeugd en plezier. De kleur wordt in Nederland ook gekoppeld aan winnen, met name tijdens sportfestijnen. In andere landen is deze associatie natuurlijk minder aanwezig.

De staatsloterij.nl maakt veel gebruik van oranje. Met name om het winnen en plezier element te laten zien, maar ook het stuk comfort oproepen.

Staatloterij.nl

Paars

Wellicht had de staatsloterij ook kunnen kiezen voor Paars. Deze kleur staat voor luxe, fantasieen, dromen, royalty en justitie.

Wit

Wit is de kleur waarbij het gaat om eenvoud, schoon en lean, puur en onschuldig. Met wit kun je meer dan alleen maar een witte achtergrond.
Wit heeft een specifieke uitstraling als je het goed gebruikt.

jorislandman

Geel

Een minder voor de hand liggende kleur misschien, maar geel staat voor nieuwsgierig, speels, opgewekt en amusant.

Ezqualo.com

Roze

Een echte meidenkleur is roze. Staat voor zachtheid, zoet, jeugdig en teder. Hoe meer de kleur knalt, hoe zoeter het wordt. Deze kleur is goed te gebruiken als extreme kleur.

Girlsgogames

Bruin

Een kleur die te maken heeft met aarde, de natuur, primitieve zaken en eenvoud is bruin. Veel gebruikt voor een stoere uitstraling, of juist voor koffie branding.

Coffee star

Grijs

Grijs kan zowel stoffig, ouderwets als zakelijk en stijlvol worden gezien. Grijs is dan een afgeleide van zilverkleurig. De kleur wordt vaak gebruikt als alternatief van harder zwart.

Urban Edge design

Zwart

Zwart is serieus, donker, mystiek en geheimzinnig.
vormverbeeld.nl

Beeldvullende afbeelding

Een nieuwere trend in webdesign is het gebruik van pagina vullende afbeeldingen. Afbeeldingen die met behulp van een laag toch een bepaalde kleur krijgen.
Zo kun je bijvoorbeeld alle afbeeldingen een grijs-zwarte laag geven om toch een eenduidig geheel te krijgen.

Kleur, belangrijk en niet te onderschatten. Voor welke kleur kies jij?

WordPress 3.5 beschikbaar!

Geplaatst op 11 december 2012 in categorie algemeen

Vanavond is de nieuwste versie van WordPress beschikbaar gekomen. We zitten inmiddels op versie 3.5.

Deze versie wordt ‘Elvin’ genoemd (naar drummer Elvin Jones). WordPress 3.5 bevat toch weer enkele handige vernieuwingen. Hier komen enkele handige toevoegingen.

Nieuwe media toepassingen

Ten eerste is de ‘media’ afdeling vernieuwd.

media invoegen

Je kunt veel meer met afbeeldingen die je toevoegt aan je website. Denk aan een betere manier om een gallerij te maken. Het uploaden is eenvoudiger en toegankelijker geworden. Om de woorden van de WordPress ontwikkelaars te gebruiken ‘You’re simply going to love how easy it is to add new media to WordPress.’

Default theme Twenty twelve

Als tweede wordt de versie standaard geleverd met het nieuwe ‘default’ theme ‘Twentytwelve’.

twenty-twelve

Dit theme is volledig responsive. Ook wordt een ander lettertype gebruikt, een open-source lettertype wat ook te vinden is in de Google webfonts library: ‘Open Sans’.

Het theme bevat overigens ook wel wat handige onderdelen zoals een ‘aangepaste voorpagina’ en een layout zonder sidebar.

Ontwikkelaars

Voor ontwikkelaars nog een opsomming van nieuwe handige toepassingen

  • Nieuw Tumblr Importeer systeem
  • Links manager verdwenen uit nieuwe installaties
  • Multisite switch_to_blog() sneller en betrouwbaarder
  • Multisite is in een sub-directory te installeren
  • Nieuwe externe libraries: Underscore, Backbone JS libraries
  • WP_Comment_Query en WP_User_Query classes ondersteunen meta queries net zoals WP_Query.

Zorg dat je upgrade naar de nieuwe versie van WordPress!

Boekreview: HTML en CSS door Jon Duckett

Geplaatst op 10 december 2012 in categorie boekreviews

html en css door jon duckettEr verschijnen nog steeds regelmatig boeken over het gebruik van HTML en CSS, voor het leren bouwen van websites.

Zo ook het boek ‘HTML en CSS websites ontwerpen en bouwen’. Dit boek is oorspronkelijk geschreven in het Engels door Jon Duckett.

Nu lijkt dat niet zo’n heel spannende titel, maar het boek mag er wel wezen.

De auteur heeft ervoor gekozen om een iets andere benadering te kiezen dan ‘normaal’ gesproken bij dergelijke boeken.

Fraaie vormgeving

Zo ziet het boek er al fraai uit aan de buitenkant.

Goed doordacht gebruik van de kleurstelling maakt dat dit boek al een prettige aanwinst is in een boekenkast.

Dat kun je van veel HTML boeken naar mijn idee niet zeggen.

Binnenin valt de grote hoeveelheid afbeeldingen op. Mooie afbeeldingen.

Zo is er goed gewerkt met fraaie foto’s van laptops die bijvoorbeeld code bevatten of een website tonen.

boek voorbeeld uit de Engelse versie

Daarnaast zijn er grafische afbeeldingen gebruikt om bijvoorbeeld te laten zien hoe een tag in elkaar zit.

Een boek met gewicht

Ook de gewone teksten zijn redelijk groot qua formaat.

Dat het boek daardoor letterlijk wat meer gewicht heeft lijkt mij eerder een voor- dan een nadeel.

Doordat er een groot lettertype gebruikt is bevatten de verschillende pagina’s over het algemeen korte kernachtige teksten.

Zo worden de verschillende html en css codes uitgelegd en komt ook wireframing en responsive webdesign aan de orde.

Dit maakt dat het boek een actueel en eigentijds document is.

In veel HTML en CSS boeken wordt er gewerkt aan een uiteindelijke website. In dit boek gebeurt dat niet.

Er worden verschillende hedendaagse designs en websites als voorbeeld gebruikt.

Daarnaast worden er meerdere concepten gebruikt om de voorbeelden mee te tonen.

Een aanrader

De prijs van het boek, €39,95 is misschien aan de forse kant, maar daarmee heb je een fraai boek in handen wat qua uiterlijk niet misstaat in je boekenkast, en qua inhoud een redelijk compleet kernachtig beeld geeft van de manier waarop je websites kunt bouwen.

Het boek kun je onder andere kopen bij computerboek.nl.

In onderstaande video laat ik je kort zien hoe het boek er uitziet. Naar mijn idee een aanrader!

Sitecheck Chambres d’hotes Les Deux H’s

Geplaatst op 4 december 2012 in categorie algemeen

Deze keer een sitecheck van een goed scorende Chambres d’hotes. Tenminste, de score op Zoover is enorm hoog.

Naar mijn idee mag een website van zoiets moois, ook wel een mooie website krijgen. De website zoals deze nu is, is wat gedateerd en doet minder recht aan de kwaliteit die blijkbaar wel aanwezig is.

De broncode is gedateerd, maar de uitstraling ook. Met een niet al te dure template is er best wat van te maken.

Met een vernieuwde website zou de site beter kunnen gaan scoren in zoekmachines.

Reageren?

Transip