Perfectionnement

Bootstrap : pour des pages web à votre image!

Membres

Sommaire

Déjà familier avec l’utilisation de base des langages de programmation HTML et CSS? Poursuivez votre incursion dans l’univers du code en personnalisant un site web avec l’ajout d’éléments de style déjà configurés. Dans la boîte à outils : modification des composants de base, adaptation d’une page web simple avec les outils de Bootstrap… et création d’activités pédagogiques attrayantes et multiplateformes!

Objectifs

Comprendre le potentiel pédagogique de Bootstrap et être en mesure de l’intégrer à un document HTML.
- Connaître l’historique de Bootstrap.
- Comprendre les liens fonctionnels entre le langage CSS et la bibliothèque Bootstrap.
- S’approprier des composants de l’outil Bootstrap (boutons, couleurs, tableaux, etc.) et projeter leur utilisation en contexte pédagogique.
- Intégrer Bootstrap à un document HTML.
- Développer un niveau d’autonomie pour faciliter la création d’un site web de cours personnalisé.
Utiliser l’outil Bootstrap et modifier ses composants.
- Modifier l’apparence d’une page.
- Modifier les composants.
- Se familiariser avec la documentation.
- Rendre une page web simple en un format adaptatif disponible pour les utilisateurs.

Contenus abordés

Infrastructure de développement (framework)
Fonctionnalités de l’outil Bootstrap
Bibliothèque (library)
Balises HTML
Classes et autres attributs
Langage HTML
Langage CSS
Compostans de Bootstrap : boutons, tableaux, couleurs, barres de progression, etc.
Adaptabilité d’un site web

Clientèle cible

Enseignants et professionnels, toutes disciplines et secteurs confondus

Niveau d’habileté

Initiation, familiarisation

Connaissances préalables souhaitables

Capacité à télécharger et installer des logiciels sur son poste de travail.
Autonomie fonctionnelle avec divers navigateurs (Chrome, Edge, Firefox, Safari et Opera).
Connaissance de base des langages HTML et CSS.
Capacité à utiliser un éditeur de code.