webleads-tracker

Formations SITE INTERNETData Formation vous ouvre les portes de l'informatique

2

Jours

Bootstrap - Developper un site web avec Bootstrap

Objectifs de la formation

Bootstrap

  • Comprendre les fondamentaux du responsive Design
  • S'approprier le framework Bootstrap et savoir l'utiliser dans les meilleures conditions
  • Comprendre les contraintes du design en colonnes et l'intégration avec Bootstrap

Programme de la formation

Jour 1

1 Introduction
  • Le développement des sites Web
  • Les fonctionnalités de Bootstrap
  • La compatibilité avec les navigateurs
  • Télécharger les exemples
2 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
3 Les CSS pour le texte
  • Les liaisons à Bootstrap et aux librairies
  • 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
4 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
5 Les CSS pour les formulaires
  • Les liaisons à Bootstrap et aux librairies
  • La structure de base
  • Les formulaires en ligne
  • L’alignement vertical dans les formulaires
  • Les éléments des formulaires
  • Les mises en forme spéciales
6 Les CSS pour les boutons
  • Les liaisons à Bootstrap et aux librairies
  • Les boutons colorés
  • La largeur des boutons
  • Les boutons en bloc
  • Les boutons inactifs
  • Les boutons de formulaire
7 Les CSS pour les images
  • Les liaisons à Bootstrap et aux librairies
  • Les images aux coins arrondis
  • Les images dans un ovale et un cercle
  • Les images avec un cadre
  • Les images adaptatives
  • Les carrousels d’images
8 Les CSS pour la mise en page
  • Les liaisons à Bootstrap et aux librairies
  • Le flottement des blocs
  • Interdire le flottement
  • Masquer des éléments

Jour 2

9 La grille adaptative
  • Les grilles de mise en page
  • Le Responsive Web Design
  • Les largeurs des écrans et des conteneurs
  • La largeur des colonnes
  • Un exemple simple de mise en page
  • Un exemple évolué de mise en page
  • Les blocs décalés
  • Afficher et masquer des éléments
10 Les composants des pages Web
  • Les liaisons à Bootstrap et aux librairies
  • Les lancements
  • Les en-têtes de page
  • Les miniatures
  • Les listes d’images
  • Les panneaux
11 Les composants pour les boutons
  • Les liaisons et la structure
  • Une barre de boutons simple
  • Une barre verticale de boutons
  • Une barre de groupe de boutons
  • La largeur des boutons sur la grille adaptative
  • Les boutons justifiés
  • Les boutons déroulants
  • Un bouton déroulant simple
  • La couleur des boutons
  • Les boutons avec triangle basculant
  • Les champs avec des boutons
12 Les composants de navigation et de pagination
  • Les liaisons et la structure
  • La navigation par onglets
  • La navigation par onglets-boutons
  • La navigation par onglets-boutons verticaux
  • La navigation par onglets justifiée
  • Les liens inactifs dans les onglets
  • Un bouton déroulant dans les onglets
  • La barre de navigation simple
  • La barre de navigation avec un en-tête
  • La barre de navigation avec un bouton déroulant
  • La barre de navigation avec un champ de recherche
  • La barre de navigation avec un lien à droite
  • La barre de navigation avec un lien actif
  • La barre de navigation avec des liens en bouton
  • La barre de navigation avec un texte fixe
  • La barre de navigation noire
  • La barre de navigation fixée en haut de l’écran
  • La barre de navigation pour smartphone
  • Le fil d’Ariane
  • La pagination
  • Les pages précédente et suivante
13 Les composants d’interface d’administration
  • Les liaisons et la structure
  • Les icônes en glyphe
  • Les étiquettes
  • Les badges
  • Les alertes
  • Les barres de progression
  • Les listes ouvertes
  • Les listes d’éléments
  • Les encadrés
14 Les plugins JavaScript
  • Les prérequis techniques
  • Les bulles d’aide
  • Les popovers
  • Les fenêtres modales
  • Les accordéons
  • Les carrousels d’images
  • Une barre de navigation fixe
  • Une barre de navigation fixe avec les liens actifs
15 Créer des sites avec Bootstrap
  • Créer un site avec un template
  • Créer un site avec un thème
  • Créer un site avec un constructeur

Pré-requis

Maîtriser l'environnement Windows et avoir des bases solides en Web/Internet


Public cible

Webmasters, développeur de sites internet


Pédagogie

Méthode d’évaluation : Alternance de contenus théoriques et cas pratiques afin de permettre aux participants se s’approprier progressivement les outils et méthodes.

Tout d’abord, l’animateur détaille les principes essentiels. Puis des exercices d’application et des études de cas illustrent ses exposés et facilitent l’appropriation des connaissances. Enfin, l’animateur termine la formation par des exercices de test. Les exercices pratiques sont élaborés en tenant compte des spécificités de l’activité professionnelle du stagiaire.

Intervenant : Formateur de terrain de haut niveau professionnel, doté d’un véritable sens de la pédagogie.

Supports de formations remis: Kit écriture, livrets récapitulatifs et corrigés des excercices

Une attestation de formation sera délivrée à chaque participant.

Dernière date de mise à jour 2016-06-03T00:00:00


Villes dans lequelles nous organisons la formation Bootstrap - Developper un site web avec Bootstrap
Formation Bootstrap - Developper un site web avec Bootstrap Paris (75000)
Formation Bootstrap - Developper un site web avec Bootstrap Marseille (13000)
Formation Bootstrap - Developper un site web avec Bootstrap Toulouse (31500)
Formation Bootstrap - Developper un site web avec Bootstrap Bordeaux (33300)
Formation Bootstrap - Developper un site web avec Bootstrap Montpellier (34000)
Formation Bootstrap - Developper un site web avec Bootstrap Lille (59800)
Formation Bootstrap - Developper un site web avec Bootstrap Strasbourg (67000)
Formation Bootstrap - Developper un site web avec Bootstrap Lyon (69000)
Formation Bootstrap - Developper un site web avec Bootstrap Toulon (83200)
Formation Bootstrap - Developper un site web avec Bootstrap Grenoble (38000)
Formation Bootstrap - Developper un site web avec Bootstrap Nantes (44200)
Formation Bootstrap - Developper un site web avec Bootstrap Dijon (21000)
Formation Bootstrap - Developper un site web avec Bootstrap Nimes (30000)
Formation Bootstrap - Developper un site web avec Bootstrap Rennes (35000)
Formation Bootstrap - Developper un site web avec Bootstrap Saint Etienne (42000)
Formation Bootstrap - Developper un site web avec Bootstrap Orleans (45000)
Formation Bootstrap - Developper un site web avec Bootstrap Clermont Ferrand (63000)
Formation Bootstrap - Developper un site web avec Bootstrap Annecy (74000)
Formation Bootstrap - Developper un site web avec Bootstrap Versailles (78000)
Formation Bootstrap - Developper un site web avec Bootstrap Avignon (84000)
Formation Bootstrap - Developper un site web avec Bootstrap Evry (91000)
Formation Bootstrap - Developper un site web avec Bootstrap Nanterre (92000)
Formation Bootstrap - Developper un site web avec Bootstrap Saint Denis (93200)
Formation Bootstrap - Developper un site web avec Bootstrap Angers (49000)
Formation Bootstrap - Developper un site web avec Bootstrap Brest (29200)
Formation Bootstrap - Developper un site web avec Bootstrap Metz (57050)
Formation Bootstrap - Developper un site web avec Bootstrap Caen (14000)
Formation Bootstrap - Developper un site web avec Bootstrap Mulhouse (68100)
Formation Bootstrap - Developper un site web avec Bootstrap Nancy (54100)
Formation Bootstrap - Developper un site web avec Bootstrap La Rochelle (17000)
Formation Bootstrap - Developper un site web avec Bootstrap Agen (47000)
Formation Bootstrap - Developper un site web avec Bootstrap Albi (81990)
Formation Bootstrap - Developper un site web avec Bootstrap Alençon (61000)
Formation Bootstrap - Developper un site web avec Bootstrap Amiens (80090)
Formation Bootstrap - Developper un site web avec Bootstrap Angoulême (16000)
Formation Bootstrap - Developper un site web avec Bootstrap Argenteuil (95100)
Formation Bootstrap - Developper un site web avec Bootstrap Arras (62000)
Formation Bootstrap - Developper un site web avec Bootstrap Auch (32810)
Formation Bootstrap - Developper un site web avec Bootstrap Aurillac (15000)
Formation Bootstrap - Developper un site web avec Bootstrap Auxerre (89000)
Formation Bootstrap - Developper un site web avec Bootstrap Belfort (90000)
Formation Bootstrap - Developper un site web avec Bootstrap Besançon (25000)
Formation Bootstrap - Developper un site web avec Bootstrap Blois (41000)
Formation Bootstrap - Developper un site web avec Bootstrap Bourg en Bresse (01000)
Formation Bootstrap - Developper un site web avec Bootstrap Bourges (18000)
Formation Bootstrap - Developper un site web avec Bootstrap Cahors (46000)
Formation Bootstrap - Developper un site web avec Bootstrap Carcassonne (11000)
Formation Bootstrap - Developper un site web avec Bootstrap Châlons en Champagne (51000)
Formation Bootstrap - Developper un site web avec Bootstrap Chambéry (73000)
Formation Bootstrap - Developper un site web avec Bootstrap Chartres (28000)
Formation Bootstrap - Developper un site web avec Bootstrap Châteauroux (05380)
Formation Bootstrap - Developper un site web avec Bootstrap Colmar (68000)
Formation Bootstrap - Developper un site web avec Bootstrap Créteil (94000)
Formation Bootstrap - Developper un site web avec Bootstrap Digne les Bains (04000)
Formation Bootstrap - Developper un site web avec Bootstrap Epinal (88000)
Formation Bootstrap - Developper un site web avec Bootstrap Evreux (27000)
Formation Bootstrap - Developper un site web avec Bootstrap Gap (05000)
Formation Bootstrap - Developper un site web avec Bootstrap Guéret (23000)
Formation Bootstrap - Developper un site web avec Bootstrap La Roche sur Yon (85000)
Formation Bootstrap - Developper un site web avec Bootstrap Laval (53000)
Formation Bootstrap - Developper un site web avec Bootstrap Le Mans (72100)
Formation Bootstrap - Developper un site web avec Bootstrap Limoges (87280)
Formation Bootstrap - Developper un site web avec Bootstrap Mâcon (71870)
Formation Bootstrap - Developper un site web avec Bootstrap Melun (77000)
Formation Bootstrap - Developper un site web avec Bootstrap Mende (48000)
Formation Bootstrap - Developper un site web avec Bootstrap Montauban (82000)
Formation Bootstrap - Developper un site web avec Bootstrap Moulins (03000)
Formation Bootstrap - Developper un site web avec Bootstrap Nevers (58000)
Formation Bootstrap - Developper un site web avec Bootstrap Niort (79000)
Formation Bootstrap - Developper un site web avec Bootstrap Périgueux (24000)
Formation Bootstrap - Developper un site web avec Bootstrap Perpignan (66100)
Formation Bootstrap - Developper un site web avec Bootstrap Poitiers (86000)
Formation Bootstrap - Developper un site web avec Bootstrap Quimper (29000)
Formation Bootstrap - Developper un site web avec Bootstrap Reims (51100)
Formation Bootstrap - Developper un site web avec Bootstrap Rodez (12000)
Formation Bootstrap - Developper un site web avec Bootstrap Rouen (76100)
Formation Bootstrap - Developper un site web avec Bootstrap Saint Brieuc (22000)
Formation Bootstrap - Developper un site web avec Bootstrap Saint Lô (50000)
Formation Bootstrap - Developper un site web avec Bootstrap Tarbes (65000)
Formation Bootstrap - Developper un site web avec Bootstrap Tours (37100)
Formation Bootstrap - Developper un site web avec Bootstrap Valence (26000)
Formation Bootstrap - Developper un site web avec Bootstrap Vannes (56000)
Formation Bootstrap - Developper un site web avec Bootstrap Vesoul (70000)
Formation Bootstrap - Developper un site web avec Bootstrap Pau (64000)
Formation Bootstrap - Developper un site web avec Bootstrap Mont de Marsan (40000)