CryptoNet Webontwikkeling en webdesign blog

4okt/080

De Top 5 Resource Sites Van Wim!

Als webdesigner kan je niet zonder... Resource Sites!
Als designer vernieuwen en uitvinden is één ding, maar het wiel tweemaal uitvinden is dan ook weer stom! Daarom wil ik jullie laten meegenieten van de voor mij (op dit moment) belangrijkste resource sites die me al meer dan eens gered hebben uit hachelijke situaties!

N° 5
Windows Guides

Naast screensavers en wallpapers voor windows gebruik deze site eigenlijk enkel en alleen voor de fantastische "Free Icon Packs"... De site staat bol van de HQ iconen en er zijn vaak heel leuke thema-iconen te vinden zoals kerst en halloween (In deze tijd van het jaar wel heel erg nuttig!).

N° 4
CSS Vault
Deze site is eerder een "Resources For The Mind" site... Geen rechtstreekse resources dus, maar wel een hoop design ideeën! Ook al meegemaakt dat je een design moet ontwikkelen en totaal niet weet waar te beginnen? Deze site toont je de laatste nieuwe designs (Wel enkel CSS) en kunnen soms de aanleiding zijn tot fantastische designs!
IMPORTANT NOTICE: Don't Copy... Be Yourself!

N° 3
iStockphoto
Mocht deze site gratis zijn stond hij vast en zeker op N°1, maar jammer genoeg is het lekkers dat je hier kan vinden betalend. Vaak kan het wel je laatste redmiddel zijn voor net die ene afbeelding of dat ene icoontje dat je nergens kan vinden. De fantastische kwaliteit die ze garanderen en het supersnelle zoeksysteem maken dit tot een site-worth-to-pay-for.

N° 2
Dafont
Zoals de naam van de site al doet vermoeden moet je hier zijn voor allerlei fonts... En ja hoor, ze zijn completely free to download! Netjes gerangschikt per stijl en per thema. Na wat bladeren vind je hier vast en zeker HET perfecte font voor je nieuwe design...

N° 1
DeviantArt
Dit is voor mij zonder twijfel dé site bij uitstek voor resources. Even de tijd nemen om aan te melden (Zo ben je meteen van al die lastige ads vanaf) en je bent klaar om in de wereld van de free goodies te duiken! Dit is echt te maf voor woorden! Van PS Brushes, tot afbeeldingen... Van PSD-files tot iconen... ALLES kan je hier vinden!
Dit is voor mij persoonlijk het walhalla!
IMPORTANT NOTICE: Vaak zijn sommige auteurs voorzichtig en beletten ze commercieel gebruik. Daarom is het nuttig om even te checken alvorens je iets gebruikt! Meestal staat het wel vermeld in de commentaar van het item wat de limitaties zijn.

BONUS
Google
Ik weet dat het vreemd klinkt, maar een zoekmachine is je beste vriend! Zeker nu je ook met google naar "Extra Grote Afbeeldingen" kan gaan zoeken is het vaak een bron van fantastisch fotomateriaal... Ready to grab! Veel designers vinden het een amateuristische manier van werken, maar voor mij is het één van de beste bronnen voor beeldmateriaal en ander lekkers...
IMPORTANT NOTICE: Vaak zijn afbeeldingen van Google beveiligd met copyright! Gebruik nooit zomaar afbeeldingen... Controleer steeds even bij de auteur of je zijn goedkeuring krijgt...

Veel succes ermee!!

3mei/080

Het plaatsen van keywords

Het belang van keywords gaan we hier niet bespreken, maar eerder de plaatsing ervan in een html (gegenereerde) pagina. Er zijn 7 plaatsen die belangrijk zijn voor een optimale indexatie door Google en andere zoekmachines. Deze Search Engines doorlopen de broncode van een html pagina en trachten zelf te analyseren welke woorden en zinnen belangrijk zijn. Je kan hen echter helpen door de meest belangrijke keywords op de juiste plaats te gebruiken:

  1. Title tag: deze wordt geplaatst in de <head> sectie van je html document.
  2. Hoofding (h1): plaats een titel in de pagina zelf. Dit is niet enkel positief voor de zoekmachines, maar kan ook een verduidelijking zijn voor de bezoeker.
  3. Url: een voorbeeld hiervan: mijnwebsite.be/keywords.
  4. Tekst: plaats je keyword uiteraard ook in de tekst zelf. Dit mag meerdere keren, maar overdrijf niet. Voor een optimaal resultaat plaats je deze best in de eerste 100 woorden van de content.
  5. Link en anchor text: indien je zelf links plaatst op je website naar de desbetreffende pagina, plaats je keyword in de linknaam en/of achor text, welke een omschrijving geeft van wat er op de gelinkte pagina te vinden is.
  6. Alt attribute en afbeelding: geef je foto's en afbeeldingen een juist benaming door gebruik te maken van deze keywords. Vergeet ook niet de ALT eigenschap in te vullen op elke afbeelding in je html document.
  7. Zet je keywords sporadisch in <bold> of <strong> tags.

Uiteraard is het belangrijkste nog steeds dat je kwalitatieve teksten schrijft of plaatst op je website, alsook het regelmatig toevoegen of aanpassen van je content gaat je webstek beter laten resulteren in de zoekmachines.