DarkBone
Legacy Member
Omdat ik merkte dat er de laatste tijd steeds meer threads opduiken over hoe je correct sliced, richt ik deze thread op. Ik heb me deze avond bezig gehouden met het maken van een afbeelding die poogt te illustreren hoe je correct een layout moet opdelen zodat deze flexibel wordt. Dit wil zeggen dat ze mee beweegt/groeit met de grootte van je inhoud.
De meesten gebruiken namelijk 1 grote afbeelding of verschillende afbeeldingen van een vaste grootte om een kader te vormen rond hun inhoud. Dit is echter fout. Om een flexibele layout te krijgen ben je verplicht met herhalende elementen te werken. De onderstaande afbeelding probeert dit te illustreren:
http://www.webcoder.be/lode/_lessons/slicen01.jpg
Hopende dat er mensen zijn die er wat aan hebben groet ik u
Opmerking:
deze methode is voornamelijk gericht op een tabellayout, een uitleg over hoe je hetzelfde effect bereikt volgens de nieuwe 'standaard' (namelijk div's en css) zou te ingewikkeld worden omdat het al een bepaalde voorkennis van CSS vereist.
Bovenstaande methode zorgt trouwens voor flexibiliteit in beide richtingen (zowel horizontaal als verticaal). Meestal is enkel verticale flexibiliteit voldoende en volstaan bijgevolg 4 images, dit is al iets simpeler te implementeren door middel van DIV's en CSS.
*EDIT*
Als je een stap voor stap tutorial zoekt voor het maken van een layout volgens de nieuwste methodes en standaarden:
Les 1
Les 2
Les 3
Les 4
Les 5
Les 6
Les 7
Les 8
De meesten gebruiken namelijk 1 grote afbeelding of verschillende afbeeldingen van een vaste grootte om een kader te vormen rond hun inhoud. Dit is echter fout. Om een flexibele layout te krijgen ben je verplicht met herhalende elementen te werken. De onderstaande afbeelding probeert dit te illustreren:
http://www.webcoder.be/lode/_lessons/slicen01.jpg
Hopende dat er mensen zijn die er wat aan hebben groet ik u
Opmerking:
deze methode is voornamelijk gericht op een tabellayout, een uitleg over hoe je hetzelfde effect bereikt volgens de nieuwe 'standaard' (namelijk div's en css) zou te ingewikkeld worden omdat het al een bepaalde voorkennis van CSS vereist.
Bovenstaande methode zorgt trouwens voor flexibiliteit in beide richtingen (zowel horizontaal als verticaal). Meestal is enkel verticale flexibiliteit voldoende en volstaan bijgevolg 4 images, dit is al iets simpeler te implementeren door middel van DIV's en CSS.
*EDIT*
Als je een stap voor stap tutorial zoekt voor het maken van een layout volgens de nieuwste methodes en standaarden:
Les 1
Les 2
Les 3
Les 4
Les 5
Les 6
Les 7
Les 8
