De quoi s’agit-il ?
Modèles HTML gratuits fournis par le super-héros de Brightspace John Bayerl, directeur de l’excellence de l’enseignement au Minnesota State College Southeast. Choisissez votre mise en page et ajoutez votre contenu pour ajouter du style et de l’orientation à votre matériel d’apprentissage.
Saviez-vous que les offres D2L modèles HTML gratuits à travers la communauté Brightspace ?
Ces modèles permettent aux instructeurs de créer du matériel d’apprentissage visuellement cohérent et stylé sans avoir à apprendre le code HTML.
L’une des meilleures choses à propos de l’utilisation des modèles, c’est que vous pouvez les faire vôtres, en ajoutant une image de marque et une terminologie spécifiques à votre lieu d’apprentissage !
Aujourd’hui, nous sommes si fiers de présenter ces modèles qui ont été personnalisés pour Minnesota State College Southeast, et mis à disposition par John Bayerl, directeur de l’excellence de l’enseignement.
Vous pouvez télécharger ces modèles pour vous-même afin de créer votre propre matériel d’apprentissage magnifiquement stylé
Télécharger des modèles :
Importer des modèles HTML
Remarque : Ce didacticiel est conçu comme une vue d’ensemble du processus d’importation de modèle HTML. Ce didacticiel utilise Brightspace HTML Template V 3.0 comme exemple
1. Connectez-vous à votre environnement Brightspace et effectuez l’une des procédures suivantes :
- Pour partager les modèles au sein de l’organisation, accédez à Fichiers partagés.
- Pour utiliser les modèles dans un cours spécifique, accédez à Gérer les fichiers à partir du cours où vous souhaitez utiliser ces modèles.
2. Au niveau racine de l’arborescence de fichiers, sélectionnez Téléverser.
3. Faites glisser et déposez votre fichier zip téléchargé sur la cible, ou accédez au fichier zip téléchargé, puis sélectionnez Enregistrer.
4. Sélectionnez la flèche vers le bas (menu contextuel) à côté du nom du fichier zip et Décompresser le fichier.
Remarque : Les fichiers zip volumineux peuvent prendre quelques minutes à décompresser, vous recevrez une notification lorsque votre fichier est décompressé. Sélectionnez ok et passez à l’étape suivante pour activer les modèles.
Activer les modèles HTML dans le contenu du cours
Il est bon de définir un dossier à partir de laquelle votre cours tirera ses modèles. Cela permet de gagner du temps en naviguant dans le même dossier à plusieurs reprises.
1. Allez à la Outil de contenu dans le cours où vous souhaitez utiliser le modèle.
2. Sélectionner Paramètres dans l’outil Contenu.
3. Sélectionnez le Activer les modèles HTML case à cocher.
4. Sélectionner Modifier le chemin, puis sélectionnez le dossier de modèle que vous avez téléchargé (00_MinnState_HTML_Template)
5. Choisissez Sélectionnez Chemin d’accès.
6. Sélectionner Enregistrer.
Remarque : Pour l’outil Leçons, vous aurez besoin d’un administrateur pour activer les modèles HTML et le dossier par défaut du modèle dans le navigateur de variables de configuration.
Utiliser les modèles
1. Dans un module que vous avez créé, sélectionnez « Télécharger/Créer » et choisissez «Créer un fichier"
2. Choisissez "Sélectionner un modèle de document» pour choisir la mise en page de votre page
REMARQUE : Le contenu doit être rédigé dans des modèles. Un modèle ne peut pas être appliqué au contenu existant.
Captures d’écran de modèle
Ce n’est qu’un petit échantillon des styles de page que vous obtenez dans ce téléchargement gratuit !
Guide d’utilisation des modèles (mise en œuvre)
Au Minnesota State College, ces modèles HTML ont été conçus pour être utilisés plusieurs fois dans un cours et entre les cours. Chaque mise en page unique a été conçue pour répondre à des besoins spécifiques d’enseignement et d’apprentissage.
Le deuxième module de cette offre, « Mise en œuvre de modèles », offre une ventilation des éléments du modèle, de leur utilisation prévue et des visites vidéo avec le créateur des modèles !
Vous allez adorer l’exemple de comment et quand utiliser ces éléments à leur meilleur avantage dans votre prochain cours Brightspace !
Personnalisation des modèles
Aucune connaissance particulière du codage n’est nécessaire ! Faites de ces modèles votre propre en utilisant l’éditeur juste à l’intérieur de Brightspace !
Accédez à une procédure pas à pas vidéo avec John, pour apprendre les étapes à ajouter dans vos ressources d’apprentissage, traiter des documents et plus encore !
Vous trouverez des choses pratiques à faire et à ne pas faire, et des mises en page d’inspiration pour vous aider à commencer à créer des modèles qui conviennent aujourd’à votre lieu d’apprentissage !
Accéder au cours
📝 Vous devez être un client Brightspace et connecté à la nouvelle authentification unique pour la communauté pour accéder à cette ressource
Langues disponibles : Anglais
Commentaires et soutien
Bien que nous espérions apporter des améliorations ou des révisions supplémentaires à ces modèles à l’avenir, à ce stade D2L ne s’engage pas à les soutenir ou à les maintenir.. Néanmoins, nous accueillons vos commentaires et vous encourageons à partager des conseils, astuces, extensions, etc., avec vos collègues membres de la communauté !
Problèmes connus
- Ces modèles ne sont actuellement pas recommandés pour le matériel d’apprentissage destiné à l’impression et à l’enregistrement en dehors de l’environnement d’apprentissage.
- Pour créer une sauvegarde de cours ou pour conserver une copie du cours pour vos propres enregistrements, il est recommandé de stocker les modèles HTML au niveau du cours et d’utiliser l’outil Importer/ Exporter/ Copier des composants pour exporter le package de cours, et « inclure les fichiers de cours dans le package d’exportation », ainsi que « Tous les éléments » sous « Apparence du cours ».
- Nous vous recommandons d’ajouter des images dans une page de modèle à l’aide des boutons « Insérer une image » ou « Insérer des choses » dans l’éditeur HTML. Cela facilite l’ajout de votre texte de remplacement. Si vous collez une image à l’intérieur du modèle, vous ne serez pas invité à ajouter le texte de remplacement tant que vous n’aurez pas exécuté le vérificateur d’accessibilité.