Création de site Web adaptatif avec Bootstrap - Groupe 80724

Formation offerte en collaboration avec Services Québec

Cours WEB-EXP

Plateforme Macintosh / Windows

Durée 36 heures

Lieu

2030, boul. Pie-IX

Local

Le numéro du local sera affiché à l'entrée du campus situé au 4e étage

Numéro de groupe

80724

Frais avant taxes

(frais de matériel didactique inclus)

Services Québec: 100,02 $ CAD

Grand public: 765,49 $ CAD

Date(s)

3, 4, 17, 18 nov. et 1, 2 déc. 2018

Jour(s)

Samedi, dimanche

Horaire

9 h à 16 h

Clientèle

Services Québec
Personnes en emploi / Personnes sans emploi

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.

Approche pédagogique

•    Présentation des fonctions et des commandes
•    Démonstration des commandes à l'ordinateur
•    Exercices à l'ordinateur supervisés par le formateur
•    Aide individuelle lors des exercices

Attestation délivrée en fin de cours

Une attestation de participation est remise aux personnes ayant assisté à plus de 80 % des heures de formation

Matériel pédagogique

Matériel didactique

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

College de Maisonneuve | Formation continue