19.11.2014 Views

Support de cours - Lita

Support de cours - Lita

Support de cours - Lita

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

}<br />

Puisque la valeur <strong>de</strong> top pour les notes n’est pas modifiée, elle vaut alors auto. Ainsi<br />

la position <strong>de</strong>s notes <strong>de</strong> marge par rapport au haut <strong>de</strong> la page est la même que celle<br />

qu’aurait eu la note dans le flux normal.<br />

Sur l’image suivante, les points (rouges) représentent l’emplacement qu’aurait eu la<br />

note <strong>de</strong> marge dans le flux normal.<br />

3 Mise en page complète<br />

Il est d’usage <strong>de</strong> concevoir une vue schématique <strong>de</strong>s pages d’un site. Le schéma<br />

suivant illustre une présentation classique d’un site internet en <strong>de</strong>ux colonnes, dont<br />

l’une (nav) est dédiée à la navigation :<br />

hea<strong>de</strong>r<br />

content<br />

main<br />

nav<br />

footer<br />

Afin <strong>de</strong> réaliser effectivement cette présentation en Html et Css, nous utilisons :<br />

– le positionnement <strong>de</strong>s éléments dans le flux normal,<br />

– <strong>de</strong>s éléments Html div,<br />

40

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!