Formation Bootstrap : Créez facilement le design de vos sites Web

Le framework Bootstrap, créé par les développeurs de Twitter, est devenu un framework CSS de référence dans la conception de sites Web.


Objectifs
  • Comprendre comment intégrer Bootstrap dans un projet Web
  • Savoir réaliser des pages Web reprenant les codes esthétiques des sites actuels
  • Maîtriser les composants et les plug-ins du framework Bootstrap
  • Etre capable de développer des sites Web responsive
Participants
  • Webmaster
  • Développeur
  • Intégrateur
Approche Pédagogique
  • Cas pratiques
  • Remise d’outils
  • Echanges d’expériences
  • Durée : 2 jours
  • Réf. : WEB60

Dates de Formations

16 et 17 Avril 2019

11 et 12 Juin 2019

06 et 07 Aout 2019

24 et 25 Oct. 2019

12 et 13 Déc. 2019

Programme
  • 1/ La structure du framework Bootstrap
    • • Présentation du framework et de son utilisation
    • • La structure des fichiers
    • • Le template HTML basique
    • • Les styles globaux
    • • Les grilles par défaut
    • • Les grilles fluides
  • 2/ Bootstrap et le CSS
    • • Mise en forme du texte
    • • Mise en forme des tableaux
    • • Mise en forme des boutons
    • • Mise en forme des formulaires
    • • Mise en forme des images
    • • Mise en page globale (liaisons à Bootstrap et aux librairies, flottements, masquage d’éléments)
  • 3/ Les composants de mise en page Bootstrap
    • • Menu déroulant
    • • Groupes de boutons
    • • Boutons déroulants
    • • Eléments de navigation
    • • La navbar
    • • Le fil d’Ariane
    • • La pagination
    • • Les labels et les badges
    • • Les éléments de typographie
    • • Les miniatures
    • • Les alertes et les barres de progression
    • • Les objets média
  • 4/ Utilisation des plugins JavaScript
    • • Présentation et vue d’ensemble
    • • Les transitions
    • • Les fenêtres modales
    • • Les menus déroulants
    • • Les scrollspy
    • • Les infobulles
    • • Les accordéons
    • • Les carrousels d’images
    • • Les alertes
    • • Les popovers
    • • Les effondrements
    • • La fonction Affix
    • • Le champ TypeAhead
  • 5/ Bootstrap en pratique
    • • Personnaliser Bootstrap
    • • Construire un site avec Bootstrap
    • • WordPress et Bootstrap
    • • Joomla ! et Bootstrap