1. Accueil
  2. >
  3. Formations
  4. >
  5. Bureautique, Web et Multimédia
  6. >
  7. Création de sites web
  8. >
  9. PACA
  10. >
  11. Var
  12. >
  13. LE REVEST LES EAUX
  14. > DATA FORMATION - Bootstrap - Developper un site web avec Bootstrap.

Bootstrap - Developper un site web avec Bootstrap.

  • Lieu :
    LE REVEST LES EAUX
  • Date :
    23-07-2018
  • Durée :
    14 heures
  • Prix :
    880
  • Nombre des participants :
    1-5
  • Séquençage :
    Nous pouvons organiser une session de formation en fonction de vos disponibilités sur simple demande, dans la ville et à la date que vous souhaitez. La formation sera garantie dès que vous aurez inscrit un stagiaire.
  • Pré-requis :

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

Fleche
Dernières demandes
pour une Formation
  • Il y a 12 minutes par Mohammad hafizur A.
  • Il y a 29 minutes par Léna a.
  • Il y a 49 minutes par Hassani O.

OBJECTIFS :

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 :

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

OBSERVATIONS :

  • Cette formation est éligible à la VAF (Validation des Acquis de Formation). Concrètement il s'agit d'une journée optionnelle positionnée 6 mois après la fin du parcours de formation initiale. L'objectif est de valider la mise en application des connaissances et ainsi obtenir un certificat délivré par le Groupe Lexom valorisant votre parcours de formation. N'hésitez pas à nous contacter pour de plus amples informations sur la VAF.
  • CONTACTER LE CENTRE DATA FORMATION

    Les champs E-mail ne sont pas identiques

    Les champs E-mail ne sont pas identiques

    Nous ne cédons et ne revendons pas vos coordonnées à des tiers.

    TOUS LES La Formation DANS LE VAR