4.3 Elrendezés kialakítása

Az oldal elrendezése azt jelenti, hogy az oldal tartalmát hol jelenítjük meg. Jellemzően meghatározunk egységeket, úgy nevezett tárolókat, amikbe szervezzük a tartalmat. Ezek olyan téglalapok, amikből felépíthetjük az oldal alapszerkezetét, lásd 2. kép.

A HTML5 nyelvben több ilyen tároló elem létezik, attól függően, hogy melyikbe milyen tartalmat tervezünk elhelyezni. A legfontosabb elemek:

• header               fejléc
• footer                 lábléc
• nav                    menü
• main                  fő tartalom
• aside                 oldalsáv
• div                     általános tartalom

Célszerű először az oldal szerkezetét kialakítani, létrehozni ezeket az elemeket és elhelyezni az oldalon őket. Ehhez első sorban méreteket, margókat, kereteket, háttereket valamint pozicionálásokat és lebegtetés[1] célszerű beállítani. A gondos tervezés után ez a szerkezet adja az alapját a jól felépített weboldalnak. Például a 3. képen található egyszerű minta weboldal összevetve a 2. képen bemutatott általános szerkezettel jól látható, hogy egy fejlécből (1), egy fő tartalomból (5), egy jobb sávból (4) és egy láblécből (6) áll össze.