Modèle structurel de site
Propulsé par HTML5 et CSS3 !

Bienvenue sur le site modèle des explorateurs en Informatique et en Création numérique !

Tout le contenu visible des pages se trouve à l'intérieur d'une colonne centrée qui est légèrement translucide. Lorsqu'on zoome la page, cette colonne change de taille (en restant centrée), mais le fond de la page (défini dans la feuille de style) reste fixe.

Image de site en construction

Titre

L'image ci-contre possède un habillage qui autorise le texte à en suivre le contour (en respectant les marges associées à l'image).

L'annulation de cette mise en forme particulière est obtenue par la propriété CSS "clear:both" qui permet de restituer un comportement standard (de type "block", c'est-à-dire occupant toute la largeur de la colonne centrale) au contenu qui suit. Cet attribut CSS particulier peut être appliqué à n'importe quelle balise structurante (p, div, section, hr, etc.).



Voici un contenu bien mystérieux... En fait, ces paragraphes sont de type "faux texte", ressemblant de loin à du latin et qu'on est pas tenté de lire car on n'y comprend rien. Ici, ce contenu est utile pour faire du remplissage, afin de faire apparaître le bouton d'encrage ramenant au début de la page lorsqu'on parcoure le document vers le bas. Ce bouton d'encrage utilise du langage JavaScript, un langage d'exécution coté client permettant d'interagir avec le contenu de la page.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Suspendisse congue turpis mauris, sit amet molestie nisl pulvinar in. Suspendisse non massa ornare, rhoncus nulla hendrerit, finibus dolor. Sed consectetur erat eu nibh tempor, at mattis enim condimentum. Sed bibendum ligula convallis ullamcorper ornare. Mauris elementum rutrum libero ut ultrices. Donec convallis auctor urna, vitae fringilla felis eleifend vel. Maecenas sit amet ex auctor leo tincidunt porttitor. Mauris pulvinar nulla non turpis pretium accumsan. Donec nec ultricies metus, ut tincidunt elit. Curabitur vel placerat lacus, vel vestibulum dui. Phasellus justo eros, vehicula aliquam scelerisque nec, condimentum eget risus. Curabitur eget facilisis purus, at tempus sem. Integer malesuada fringilla turpis, at semper massa aliquet vel. Mauris quis nunc urna. Donec egestas magna non fringilla suscipit. Nam eu mollis sem.