Présentation
Pourquoi utiliser un framework CSS ?
La page :
-
s'adapte aux différents navigateurs,
-
devient « Responsive » et restera exploitable sur les écrans de toutes tailles,
-
le design sera sobre et actuel.
Même si cela ne fait pas tout, c'est un très bon point de départ ; les fonctionnalités cités au-dessus étant assez lourdes à coder...
Utilisation
- La page html doit déclarer la feuille de style du framework CSS. Le plus simple est d'utiliser un CDN avec l'url d'un serveur:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
- Il faut ensuite appliquer des classes prédéfinies par le framework afin d'appliquer les règles CSS:
<div class="container">
Le plus simple est de partir des pages de bases des tutoriaux ("Getting started") nommés layout ou template selon les framework.
Le code html comporte beaucoup d'imbrication de d'éléments div... Il est préférable de commencer à coder les blocs en organisant la page avec les concepts de "containeur" (pour les marges) et "grille" (pour l'alignement horizontal).
Ensuite insérer dans les blocs les éléments (liens, texte, images...) de la page en utilisant les classes de la documentation.