De bedoeling van shorthand is dat we evenveel CSS gaan schrijven met minder tekst. Het voordeel hiervan is dat de stylesheets kleiner gaan zijn, dit is op zijn beurt weer goed voor de downloadtijd van je website. En een snelle website daar houden bezoekers van.
Wat je in deze handleiding gaat leren is het omzetten van een layout naar verschillende apparte afbeeldingen. Deze afbeeldingen kan je dan later terug gaan samenbrengen met behulp van CSS en XHTML om een webpagina te maken. Het in stukken knippen van de layout wordt ook wel eens slicen genoemd. Hieronder kan je een overzicht zien van de fases tijdens de ontwikkeling van een website. Het slicen is de tweede stap tijdens het ontwikkelen van een website.
Het slicen van een layout doe je best in Photoshop. Dit grafisch pakket heeft de nodige tools aan boord wat een groot voordeel is omdat je hierdoor Voor het basen en de designen éénzelfde programma kan gebruiken.
Iedereen kent het waarschijnlijk wel, je wil iets gaan afprinten van het internet maar als je dan het afdrukvoorbeeld bekijkt is het één grote rommelhoop. Voor deze tutorial baseer ik me op de layout die ik maakte in de 3 kolommen layout tutorial.
Als we die layout eens in afdrukvoorbeeld bekijken krijgen we dit.
Zoals we op bovenstaande afbeelding zien is dat geen mooie pagina om af te drukken. Neem bijvoorbeeld het linker- en rechtermenu. Deze zouden bij het printen eigenlijk helemaal niet te zien moeten zijn omdat de gebruiker meestal enkel de hoofdtekst wil afdrukken die je in het midden van de pagina ziet.
In deze tutorial leg ik je uit hoe je aan de hand van CSS een website layout kan maken met 3 kolommen en zeker niet te vergeten, een layout die er hetzelfde uitziet in internet explorer als in mozilla firefox.
We zullen een layout maken die er als volgt uit gaat zien.
