Prenez une feuille de papier, tracez un tableau avec une case pour l'entête, une autre pour le logo, une autre pour les bannières, une autre pour le menu, d'autres pour les boîtes latérales, une autre pour la boîte du milieu, une autre pour le pied de page, etc...

Body est la feuille de papier, #page est le tableau.

GuppY est construit ainsi mais plutôt que de parler de "tableau" et de "case", on parle de "bloc". Ce sont des blocs imbriqués dans d'autres blocs.

Il y a :

• les blocs principaux (page, entête, principal, bas de page et pied-de-page), ce sont les ID

• les blocs plus petits, à l'intérieur (titre des boîtes, corps des boîtes, logo, etc...) ce sont les classes

Screen_choice : Choix de la résolution d'écran (1024 ou plein écran)

Page : Attributs pour toute la page (position, largeur, couleur du fond)

HeadTop  : Attributs du haut et du milieu de l'entête (là où peuvent se placer le logo, les bannières, les citations)

HeadBottom : Attributs du bas de l'entête (là où peuvent se placer le logo et le menu)

MainContent : Attributs du contenu principal

Leftside : Attributs de la colonne gauche des boîtes latérales

Rightside : Attributs de la colonne droite des boîtes latérales

Endbox : Attributs de la boîte optionnelle entre la boîte principale et le pied de page

Foot : Attributs du pied de page où se trouve le Copyright