.. _tp6-ex1-doc-de-travail:

Documents de travail
####################

.. figure:: 1-exercice-design-adaptatif-framed.png
   :alt: vue du site, haut de page
   :align: center

   vue du site, haut de page

.. note::

   Ce qui est montré sur cette image ☝ est la **vue** (*viewport*) affichant le **haut** de la page.

----

.. figure:: 1-exercice-design-adaptatif-bottom.png
   :alt: vue du site, bas de page
   :align: center

   vue du site, bas de page

.. note::

Ce qui est montré sur cette image ☝ est la **vue** (*viewport*) affichant le **bas** de la page.

----

.. figure:: 1-exercice-design-adaptatif-fullpage.png
   :alt: vue du site, page complète
   :align: center

   vue du site, page complète

.. note::

Ce qui est montré sur cette image ☝ est une **recomposition** du contenu de la page. On observe trois colonne de contenu de taille différentes, qui sont parcourues avec, pour chacune, une barre de défilement. Il est possible de faire défiler chaque colonne individuellement.