Perfectionnement

Bootstrap : pour des pages web à votre image!

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.

L'APOP reconnaît la contribution et le soutien financier du Ministère de l'Éducation et de l'Enseignement Supérieur (MEES) pour la réalisation des activités dédiées aux établissements du collégial.

Les activités d'animation et de perfectionnement sont diffusées sur le site de ProfWeb.

L'infolettre APOP est supportée par Dialog Insight.