Re-Création

Utilisation des feuilles de style pour son site Web
Cette page change de mise en forme lors d'un clic sur l'un des liens: Les différents modèles de sites présentés ici sont organisés avec les mêmes éléments communs à savoir les balises suivantes : header(entete), menu, logo, content(contenu), sidebar(barre vertical) et footer(pied de page). La classe boxed est utilisé à l'intérieur de la balise content. On retrouve dans la balise header les balises menu et logo. Mais dans certains cas, le menu peut se retrouver en dehors et avant la balise header. Dans cet exemple le menu est horizontal et se trouve à l'intérieur de la balise header mais en seconde position après le logo Graphisme no1. Dans celui-ci le menu se trouve en dehors et avant la balise header: Graphisme no2. D'autres exemples de présentation sont accessibles sur ce site, dans l'url vous retrouvez les différents types de pages utilisés selon le graphisme souhaité. Il y a en tout et pour tous 5 pages au format différent.

Voici en résumé les différentes structures simplifiées (entre les crochets se trouvent les balises div et entre les parenthèses les classes): 1ère organisation [Entete [Logo] ], [Page [Contenu (.box)(.contenu)] [Cotebarre [Menu]] ], [PiedPage]. 2ème Organisation [Entete [Logo] [Menu] ], [Page [Contenu (.box)(.contenu)] [Cotebarre [Menu]] ], [PiedPage]. 3ème Organisation [Entete [Menu] [Logo]], idem 2ème organisation. 4ème Organisation [Entete [Logo]], [Menu], idem 2ème organisation. Enfin la 5ème organisation [Menu], [Entete [Logo], idem organisation 2.