Welke lettertypes gebruiken in websites

In tegenstelling tot het ontwerpen voor drukwerk, kan men zich in webdesign best beperken tot een klein aantal lettertypes. Elk letterype dat je gebruikt, moet immers aanwezig zijn op de computer van je doelgroep. Indien niet, dan gaat de browser automatisch overschakelen naar een Times of dergelijke als standaardlettertype. Best kun je steeds enkele alternatieve types toevoegen. Verdana en Georgia zijn zowat de meest gebruikte fonts voor lopende tekst in websites, omwille van de vlotte leesbaarheid op schermen.
Een mogelijkheid om aan deze beperking te ontsnappen, is lettertypes omzetten in een grafisch beeld (bv. .gif file), maar dat is dan weer niet te lezen door de search engine crawler robots. Een nadeel op het vlak van zoek-scores.
Er bestaan nog wel ingewikkelde, omstreden Flash-alternatieven.
Een lijstje van “super-safe”-lettertypes: Verder lezen

Op welke formaat ontwerpen?

Een permanente vraag die rijst bij het ontwerpen van een website is: wat is de meest geschikte breedte en hoogte, vermits er zoveel verschillende schermen en resoluties worden gebruikt.

Ongeveer 80 % van de gebruikers heeft momenteel (maart 2007) een scherm met minimum 1024 x 768 pixels. Zo’n 20% heeft een kleiner scherm. Dit is natuurlijk afhankelijk van de doelgroep: voor business-to-business-sites kan men uitgaan van de eerste groep. Business-to-consumer-sites dienen dus nog rekening te houden met de kleinere schermen.

Een website kan een vaste breedte hebben, of een variabele breedte, dus een “rekbare” layout, die zich aanpast aan het gebruikte scherm.

Vaste breedte:

  • voordeel: volledige keuze van de layout door de ontwerper, dus meer grafische mogelijkheden.
  • nadeel: niet zo geschikt voor hand-held toestellen.
  • nadeel: soms te veel ruimte op grote schermen

Variabele breedte:

  • voordeel: past bij elk scherm en dat wordt volledig benut.
  • nadeel: layoutmatig minder mogelijkheden, want de vormgeving verandert met het scherm.
  • nadeel: in het ontwerp dient men wel op te letten dat de regelbreedte van de teksten niet te groot kan worden (max. ± 100 tekens per regel), want dat leest moeizaam.

Hier is een visueel overzicht van de verschillende schermresoluties. Tussen haakjes staan de schermafmetingen, maar door menu-bars e.d. dien je je ontwerp te richten op het kleiner formaat, dat ernaast staat vermeld en overeenkomt met het gekleurde vlak.

Wat is web 2.0?

In tegenstelling tot de oude definitie van het internet, wat een verzameling websites is die op zichzelf staan, kan je web 2.0 omschrijven door volgende trefwoorden:

  • interactiviteit
  • deelname van gebruikers, die inhoud toevoegen
  • online samenwerken en delen van informatie
  • creëren van sociale netwerken
  • programma’s die op het internet draaien in plaats van op je desktop

Voorbeelden van Web 2.0: Wikipedia, Youtube, Myspace, Flickr, Ebay, Skype, Second life, …

Een Favicon maken

Een favicon is een icoontje dat o.a. verschijnt voorin de adresbalk van je browser (zie het logo-icon hierboven).
Het is een speciaal formaat dat steeds de benaming “favicon.ico” moet hebben.

  1. Maak het in een grafisch programma zoals Adobe Photoshop?? op 64 x 64 pixels.
  2. Reduceer dan tot 16 x 16 px.
  3. Bewaar als favicon of indien je dit niet kan met je programma, “bewaar voor web” als gif (= favicon.gif), open die file dan in een programma zoals Graphic Converter en bewaar als windows icon. (.ico)

Deze file uploaden in je rootfolder.

Beter zoeken met aanhalingstekens

Stel, je zoekt een bagagedrager voor je auto.

Als je zoekt (bv. in Google) als volgt:

bagagedrager voor auto –> dan krijg je 64.400 resultaten, waarvan vele ook gewoon over auto’s gaan, want het zijn alle sites die één of meer van de drie woorden bevatten.

Als je zoekt met aanhalingstekens als volgt:

bagagedrager voor auto –> dan krijg je 57 resultaten, die veel relevanter zijn, omdat Google enkel die sites weergeeft waar de hele zin in voorkomt.

Verbannen uit Google?

Ik wil hier even wijzen op malefide firma’s, die beweren uw Google-score op korte tijd fenomenaal te kunnen opdrijven tegen betaling. Hun verborgen “kunst” bestaat erin om zogenaamde link-farms op te zetten. Ze plaatsen dan code in uw webpagina’s met verwijzingen naar pagina’s die teruglinken enz. Uw site kan dan inderdaad even hoog scoren, maar Google komt daar snel achter en verwijdert uw site voortaan uit de resultaten! Ikzelf hou me steeds strikt aan de “reguliere” methodes van Search Engine Optimisation.

Uit Google’s Webmaster Guidelines:

… we strongly encourage you to pay very close attention to the “Quality Guidelines” which outline some of the illicit practices that may lead to a site being removed entirely from the Google index or otherwise penalized. If a site has been penalized, it may no longer show up in results on Google.com or on any of Google’s partner sites.

Geen e-mail-adressen op websites vermelden

Het is absoluut niet aan te raden om email-adressen op een webste te vermelden, vermits spam-robots het web afschuimen om mail-adressen te verzamelen, om die dan massaal met junk mail te bestoken en uiteraard deze adreslijsten verder te verkopen, zodat je nog meer spam kan verwachten. Ook in een gewoon formulier gaan de robots in de code van de site het adres ophalen. Er zijn alternatieve systemen die het adres niet vrijgeven.

Mighty Mouse terug doen scrollen

Een klassiek probleempje met de Mighty Mouse van Apple is dat het scrollbolletje niet meer naar behoren werkt. De muis openen is niet echt een optie en ook overbodig. De oplossing is eenvoudig:

  1. Neem een stuk keukenrol of een doek.
  2. Bevochtig met reinigingsalcool.
  3. Rol hiermee over het bolletje, zodat het inwendig reinigt (eerst de muisverbinding uit je computer halen of je veroorzaakt de gekste dingen 😉 )
  4. Dan met een droog stuk doek erover rollen.

Klaar.

Welke resolutie scannen?

De eerste vraag die men moet stellen bij het scannen is voor welk doel het beeld moet dienen.

Voor drukwerk scan je normaal best op 300 dpi (dots per inch) of voor lijnwerk (logo’s e.d.) zelfs op 1200 dpi.
Voor beeldschermgebruik (website of email) scan je best op 72 dpi.

Indien voor beide doelen, scan je op 300 dpi en zet een kopie van de file om naar 72 dpi.

Geen spammers verleiden: BCC

Als je een mail stuurt aan verschillende ontvangers tegelijk, zet dan hun adressen in het BCC-vak (blinde kopie – Blind Carbon Copy). Zo zijn ze onzichtbaar voor elkaar en kan er niemand in de verleiding komen om deze adressen in de spam-pool te gooien. Ook als ze dat zelf niet doen is het mogelijk dat op een dag hun computer “gecompromitteerd” wordt, waardoor al die adressen beschikbaar worden voor hackers.

Als je dat BCC-vak niet ziet bij het maken van een nieuwe mail, In Mail (2.1):
weergave > blinde kopie-adresveld aanklikken

Spammers verhandelen lijsten met email-adressen op grote schaal. Als je er eenmaal in verzeild bent, geraak je er niet meer uit. 🙁

Bewaren als .JPG geeft kwaliteitsverlies

Elke keer dat je een afbeelding aanpast in iPhoto (5.0.4), wordt het bewaard in het .jpg-formaat en heb je een licht kwaliteitsverlies. Dit gebeurt omdat JPEG een compressiebehandeling toepast op het beeld. Van één keer ga je het verschil niet zien, maar van dikwijls opnieuw bewaren wel. Dus best zoveel mogelijk beeldbewerkingen in één keer doen voordat je het afsluit.

Om dit te vermijden heb je een beeldbewerkingsprogramma nodig zoals Adobe Photoshop (Elements)®.

Wat te doen tegen SPAM?

Wie een afdoende methode tegen junkmail vindt, wordt schatrijk. Het is zoals met andere criminaliteit: de daders vinden altijd nieuwe truuks om de methodes te ontwijken. Vanaf het moment dat je adres in de “pool” van spamlijsten terecht komt, begint de strijd. Deze adreslijsten worden massaal verhandeld.
Je kan het wel beperken door:
• je e-mail-adres niet ongecodeerd op websites te vermelden
• de spamfilter op de server streng genoeg in te stellen
• de filtering in je e-mail-programma in te stellen en te updaten:
(Mail 2.1) Mail >voorkeuren >Reklame

Verder lezen