36 h
Web
Création de site Web adaptatif avec Bootstrap
Préalables
Connaître le langage HTML/CSS et s’intéresser au développement de site Web
Objectifs
À la fin du cours, le participant pourra réaliser un site Web adaptatif avec Bootstrap.
Contenu du cours
Introduction
- Le développement des sites Web
- Les fonctionnalités de Bootstrap
- La compatibilité avec les navigateurs
- Le téléchargement des exemples
Installation de Bootstratp
- Le téléchargement de Bootstrap
- Le dossier de distribution
- La structure d’un site simple
- Le corps de la page et les règles CSS
- L’affichage de la page
- Le code complet
- La compatibilité avec Internet Explorer
- Les librairies JavaScript
Les CSS pour le texte
- Le corps de la page
- Les en-têtes
- Les mises en évidence
- L’alignement du texte
- Le texte coloré
- Les abréviations
- Les citations
- Les listes
Les CSS pour les tableaux
- Les liaisons à Bootstrap et aux librairies
- Les tableaux simples
- Les lignes en alternance
- Les tableaux encadrés
- Le survol des lignes
- Les tableaux étroitisés
- Les mises en évidence colorées
- Les tableaux adaptatifs
Les CSS pour les images
- Les images adaptatives
- Les carrousels d’images
Les CSS pour la mise en page
- Le flottement des blocs
- L’interdiction du flottement
- Le masquage des éléments
La grille adaptative
- Les grilles de mise en page
- Le Responsive Web Design
- Les largeurs des écrans et des conteneurs
- La largeur des colonnes
- Les blocs décalés
- L’affichage et le masquage des éléments
Les composants de navigation
- La barre de navigation