1 - partea de sus a paginii. Folosit pentru a plasa un logo, logo-ul, numele companiei, pagina și alte informații importante.
2.5 - zona în care sunt amplasate hiperlegăturile sau bara de navigare a site-ului.
4 - zona de plasare a textului.
3 - partea de jos a paginii. Folosit pentru a plasa informații de contact sau alte date mai puțin importante decât cele din zona 1.
Alegerea structurii paginilor web este determinată de sarcina tehnică pentru crearea site-ului. Parametrii principali: volumul sitului și caracteristicile tehnice ale monitoarelor utilizatorilor.
2. Variante (6-11) de variabile greu (adaptabile la schimbarea dimensiunii ecranului cu zone dure, neschimbate) pagini de design layout. Perspectiva și aspectul complex al paginilor. Utilizat în site-uri moderne executate profesional.
Designul layoutului paginii web 6
Designul layoutului paginii web 7
Designul layoutului paginii web 8
6,7,8 - aspect complex al site-ului
Culoarea roșie indică sisteme de navigație adaptive suplimentare.
Variantele de aspect ale paginilor web 6,7,8 sunt cele mai preferabile pentru site-urile cu mai multe pagini mari, cu un sistem de navigație pe mai multe niveluri (monitoare preferate pentru 15 "-19").
Designul layoutului paginii web 9
Designul layoutului paginii web 10
Designul layoutului paginii web 11
9,10,11 - amenajarea unor situri deosebit de complexe
Culoarea roșie indică zonele adaptive ale ecranului.
Opțiuni de machetare pagini web 9,10,11 cele mai preferate pentru extreme multi-site-uri, cu mai multe niveluri de navigare și o mulțime de informații (de preferință 17 „-23“, monitoare).
În variantele de aspect 9,10,11:
1 - partea de sus a paginii. Folosit pentru a plasa un logo, logo-ul, numele companiei, pagina și alte informații importante.
2,3,5 - zona în care sunt amplasate hiperlegăturile sau bara de navigare a site-ului.
4 - zona de plasare a textului.
6 - partea de jos a paginii. Folosit pentru a plasa informații de contact sau alte date mai puțin importante decât cele din zona 1.
Principalul avantaj: designul site-ului ocupă tot spațiul de pe ecran. Nu există spațiu liber.
Principalul dezavantaj: designul site-ului este distorsionat pe monitoarele cu rezoluție diferită.
• Opțiunea 6 este cea mai universală.
• Variantele 6 și 7 sunt utilizate în acest site.