Quelques exemples d’utilisation d’HTML, CSS et JavaScript
#########################################################

site web: wikipedia
*******************

.. figure:: ../../images/wikipedia.org.png
   :alt: capture d’écran du site wikipedia.org
   :align: center

   capture d’écran du site wikipedia.org

Wikipédia est un site web : un système hypertexte utilisant HTML et CSS pour structurer et mettre en page des unités d'informations reliées entre elles par des liens hypertextes.

livres numériques
*****************

.. figure:: ../../images/calibre.png
   :alt: capture d’écran du logiciel de lecture de livres numériques Calibre
   :align: center

   capture d’écran du logiciel de lecture de livres numériques Calibre

Un fichier .epub est en réalité un fichier compressé .zip renfermant le contenu du livre au format HTML/CSS, avec une structure particulière.

.. figure:: ../../images/epub.png
   :alt: capture d’écran partielle du contenu d'un epub décompressé
   :align: center

applications
************

Il est possible d'utiliser les technologies web pour développer des applications. Celles-ci peuvent être hébergées en ligne et affichées dans un navigateur web classique, ou empaquetées avec leur propre navigateur web comme avec `Electron <https://fr.wikipedia.org/wiki/Electron_(framework)>`_.

----

.. figure:: ../../images/atom.png
   :alt: capture d’écran du logiciel ATOM
   :align: center

   capture d’écran du logiciel `ATOM <https://atom.io>`_

----

.. figure:: ../../images/diagrams.net.png
   :alt: capture d’écran du logiciel diagrams.net
   :align: center

   capture d’écran du logiciel `diagrams.net <https://diagrams.net>`_ dans ses versions en ligne (à l'arrière) et téléchargeable (à l'avant).

----

.. figure:: ../../images/figma.png
   :alt: capture d’écran du logiciel Figma dans un navigateur
   :align: center

   capture d’écran du logiciel `Figma <https://figma.com>`_ dans un versions navigateur.

application mobile
******************

.. figure:: ../../images/application-ici-saint-denis.png
   :alt: capture d’écran d’une application mobile
   :align: center

   capture d’écran d’une application mobile