Hoe afbeeldingen compresseren voor gebruik op het web?

Hoe kleiner de hoeveelheid bits die je afbeeldingen bevatten, hoe sneller je pagina’s bij de gebruiker op het scherm verschijnen. Daarom is het gebruikelijk om afbeeldingen goed te “compresseren” alvorens te uploaden. Ook voor emailgebruik is dat beter.

In de meeste grafische programma’s heb je een optie “save for web”, zoals bv. in Photoshop®. Daar kun je kiezen voor .jpg (foto’s e.d.) of voor .gif (logo’s, tekeningen zonder kleurovergangen) of voor .png (logo’s, tekeningen met transparantie). Vertrek steeds van je origineel beeld als je verschillende versies maakt. Verder lezen

Gratis open source software kan duur zijn

Open Source software heeft voordelen, maar ook enkele nadelen.

Voordelen:
• Gratis te downloaden
• Veel extra plugin mogelijkheden door externe ontwikkelaars

Nadelen:
• In sommige gevallen ingewikkelde installatieprocedure
• Mogelijke veiligheidsproblemen
• Frequente updates noodzakelijk
• Updates van externe ontwikkelaars lopen niet altijd gelijk met updates van de basissoftware
• Voor service en problemen zijn we afhankelijk van goodwill op gebruikers-fora e.d.
• In sommige gevallen kan de ontwikkeling worden stopgezet, vooral bij kleine ontwikkelaars
Verder lezen

Webpagina’s met tables of Cascading Style Sheets (CSS)?

Webdesign evolueert van een layoutopmaak met tables naar opmaak met CSS. Op het eerste gezicht is het systeem met tables eenvoudiger. Maar CSS biedt meer mogelijkheden en de webdesign-evolutie is toch onomkeerbaar. De leercurve is wel stijl en de overschakeling vraagt een grondige studie. Ook door de uitzonderingen vanwege de verschillende browsers (Internet Explorer!). Nadien plukt men de vruchten. CSS geeft een soepele layout die eenvoudiger te veranderen is. Vooral als men de CSS in een aparte, gelinkte file plaatst. De enige uitzondering waar men beter tables gebruikt, is … voor tabellen.

Hoger scoren in Google door links

“Echte” links zijn een efficiënt middel om hoger te klimmen in de resultaten van zoekmachines, zoals Google, MSN Search, Yahoo, enz. Dat zijn dus links vanop andere websites, die naar jouw site linken, niet andersom. De “klikbare” woorden waaruit deze links bestaan spelen ook een rol. Zoektermen die daarmee overeenkomen gaan je site omhoog stuwen in de resultaten. Je kan dit bevorderen door interessante (eigen) informatie op je site te zetten. Of door de webmaster van andere sites te vragen om een link. Dit is dus totaal iets anders dan “black hat praktijken“.

Copyrights op het internet

Wat mag je wel en wat niet copiëren en publiceren op het internet?

In het algemeen mag je enkel iets copiëren waarvoor je de toestemming hebt van de auteur. Die kan het specifiek vermelden op de site of door middel van een licentie (zoals bv. Creative Commons). In de andere gevallen mag copiëren en vooral terug publiceren dus niet, maar het gebeurt wel op grote schaal. Daardoor lopen er veel rechtszaken, zelfs onder grote namen.

Verder lezen

Synoniemen helpen je resultaten via Google

Een goede praktijk bij het schrijven van teksten voor websites is het gebruik van synoniemen. Daardoor heb je meer kans om gevonden te worden via search engines zoals Google.

Stel, je verkoopt fietsen. Potentiële klanten zoeken in Google echter ook op andere uitdrukkingen, zoals bv. damesfiets, kinderfiets, herenfiets, tweewieler, bakfiets, tandem, transportfiets, baanfiets, minifiets, vouwfiets, driewieler, sportfiets, koersfiets, racefiets, …

Als deze termen eveneens in je tekst voorkomen, zonder de vlotte leesbaarheid te schaden, dan zal Google ze vinden en komt je website ook in die resultaten terecht.

Copywriting voor websites is niet hetzelfde als voor off-line publiciteit.

En zo is in dit artikel eveneens gebruik gemaakt van gelijkaardige uitdrukkingen (zie cursief). 😉

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.

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.