Passer au contenu
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