Bootstrap

Bootstrap une formation en Web et applications mobiles à Lyon

Partager cette page

Apprendre à installer Bootstrap pour mettre en forme des pages web. Concevoir des sites responsive web design. Exploiter les composants Bootstrap pour optimiser des pages web.

Durée

5 jours

Dates à venir

Contactez-nous

Eligibilité CPF

Oui

Tarifs

Nous contacter pour un devis personnalisé selon votre situation

Pré-requis

Connaissances en HTML et CSS.

Public

Développeurs, webmasters, webdesigners, infographistes...

Programme

INTRODUCTION

  • Le développement des sites Web
  • Les fonctionnalités de Bootstrap
  • La compatibilité avec les navigateurs
  • Télécharger les exemples

INSTALLER BOOTSTRAP

  • Télécharger Bootstrap
  • Le dossier de distribution
  • La structure d’un site simple
  • La compatibilité avec Internet Explorer
  • Les librairies JavaScript
  • Les outils de l’intégrateur Web

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 adresses, les citations, les listes
  • L’affichage du code

LES CSS POUR LES TABLEAUX

  • 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 FORMULAIRES

  • La structure de base
  • Les formulaires en ligne
  • L’alignement vertical dans les formulaires
  • Les éléments des formulaires et les mises en forme spéciales

LES CSS POUR LES BOUTONS

  • Les boutons colorés, la largeur des boutons
  • Les boutons en bloc, inactifs ou de formulaire

LES CSS POUR LES IMAGES

  • Les images aux coins arrondis, dans un ovale et un cercle, avec un cadre, adaptatives
  • Les carrousels d’images

LES CSS POUR LA MISE EN PAGE

  • Le flottement des blocs
  • Interdire le flottement
  • Masquer des éléments

LA GRILLE ADAPTATIVE

  • Les grilles de mise en page
  • Le Responsive Web Design
  • Les largeurs des écrans, des conteneurs et des colonnes
  • Les blocs décalés
  • Afficher et masquer des éléments

LES COMPOSANTS DES PAGES WEB

  • Les lancements, les en-têtes de page, les miniatures, les listes d’images, les panneaux

LES COMPOSANTS POUR LES BOUTONS

  • Les barres de boutons simple, verticales de boutons, de groupe de boutons
  • La largeur des boutons sur la grille adaptative
  • Les boutons justifiés, déroulants et déroulants simples

LES COMPOSANTS DE NAVIGATION ET DE PAGINATION

  • La navigation par onglets, onglets-boutons, onglets-boutons verticaux, onglets justifiés
  • Les liens inactifs et les boutons déroulants dans les onglets
  • Barre de navigation : simple, avec un en-tête, avec un bouton déroulant, avec un champ de recherche, avec un lien à droite, avec un lien actif, avec des liens en bouton, avec un texte fixe, noire, fixée en haut de l’écran, pour smartphone
  • Le fil d’Ariane, la pagination, les pages précédente et suivante

LES COMPOSANTS D'INTERFACE D'ADMINISTRATION

  • Les icônes en glyphe
  • Les étiquettes, les badges, les alertes, les barres de progression
  • Les listes ouvertes et les listes d’éléments
  • Les encadrés

LES PLUGINS JAVASCRIPT

  • Les bulles d’aide, les popovers, les fenêtres modales, les accordéons, les carrousels d’images
  • Barre de navigation fixe et barre de navigation fixe avec les liens actifs

CRÉER DES SITES AVEC BOOTSTRAP

  • Créer un site avec un template, avec un thème, avec un constructeur

DES SITES RÉALISÉS AVEC BOOTSTRAP

  • L’étude d’un site Bootstrap
  • WordPress et Bootstrap
  • Joomla! et Bootstrap

Sur le même thème

Ces Formations peuvent aussi vous intéresser

Contactez-nous quelle est votre question ?

Nous mettons tout en œuvre pour vous répondre sous 2 jours ouvrés maximum.