TP6_HTML5_CSS3_Layout

 Exercice 1

Présentation du site Web (Layout)

Un site Web est souvent divisé en en-têtes, menus, contenu et pied de page.

En-tête (header)

Un en-tête est généralement situé en haut du site Web (ou juste en dessous d'un menu de navigation supérieur). Il contient souvent un logo ou le nom du site Web.

Barre de navigation (navigation bar)

Une barre de navigation contient une liste de liens pour aider les visiteurs à naviguer sur votre site Web.

Contenu (content)

La mise en page de cette section dépend souvent des utilisateurs ciblés. La mise en page la plus courante est l'une (ou une combinaison des deux) des suivantes :

        1 colonne (souvent utilisée pour les navigateurs mobiles)
        2 colonnes (souvent utilisée pour les tablettes et les ordinateurs portables)
        3 colonnes (utilisée uniquement pour les ordinateurs de bureau)

Colonnes égales

Colonnes inégales

Le contenu principal est la partie la plus grande et la plus importante de votre site.

Il est courant que les colonnes aient des largeurs inégales, de sorte que la majeure partie de l'espace soit réservée au contenu principal. Le contenu latéral (le cas échéant) est souvent utilisé comme navigation alternative ou pour spécifier des informations pertinentes pour le contenu principal. Modifiez les largeurs à votre guise, mais n'oubliez pas que le total doit atteindre 100 %.

Pied de page (footer)

Le pied de page est placé au bas de votre page. Il contient souvent des informations telles que les droits d'auteur et les coordonnées.

Créer la Mise en page suivante en utilisant le CSS externe:

Modifier le code pour qu'il soit à des colonne inégales.

Texte à copier:

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sit amet pretium urna. Vivamus venenatis velit nec neque ultricies, eget elementum magna tristique. Quisque vehicula, risus eget aliquam placerat, purus leo tincidunt eros, eget luctus quam orci in velit. Praesent scelerisque tortor sed accumsan convallis."