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