Hvordan lage layout

I dag skal vi begynne å se på hvordan man bruker CSS for å styre layout. Først den hellige gral: CSS Zen Garden viser hvordan endrede stilark kan få den samme koden til å se helt annerledes ut.

Vi begynner med å se hvordan man kan styre ting som farger og fonter enkelt med CSS. Så ser vi på layout. Vi deler en side inn i forskjellige deler (divisions) og bruker CSS til å plassere dem på forskjellige steder på siden. Vi ser på en enkel to-kolonne layout. Så ser vi på hvordan man kan lage to kolonner med tabeller og diskuterer fordeler og ulemper med disse to metodene.

Les Castros kapitler om CSS. Dersom du mestrer CSS, leser du heller i Zeldman - spesielt om du har vendt deg til å kode uten å følge standarder. Se særlig kap 2, 4, 6-10 og 14. For alle: Zeldmans site, A List Apart, har mange gode tutorials i forskjellige CSS-vrier - med CSS slipper du bruke DHTML til rullegardinmenyer, du kan lage en type image maps som faktisk er tilgjengelige (i motsetning til den gamle typen) og du kan gjøre elementer i en liste om til lekre tabs (skilleark). Og mye mer.

På seminarene denne uken skal vi begynne å jobbe med å endre CSSen i bloggmalene våre.