Passer au contenu principal
pdf?stylesheet=default
Blackboard Help

Utilisation de thèmes

Les thèmes constituent un élément important de l'interface utilisateur (IU) afin de garantir une apparence cohérente et refléter un paramètre régional spécifique. Les thèmes peuvent être modifiés pour intégrer une imagerie et des polices culturelles.

Il existe d'autres emplacements où vous pouvez ajouter des images et des couleurs dans l'interface utilisateur :

  • Les administrateurs peuvent personnaliser la marque par défaut pour renforcer l'identité culturelle d'un établissement scolaire.
  • Ils peuvent utiliser le catalogue de thèmes et de palettes pour modifier les couleurs utilisées dans Blackboard Learn.
  • Les professeurs peuvent utiliser l'outil Style de cours afin de personnaliser leurs cours, notamment en ajoutant des images d'en-tête qui renforcent le paramètre régional.

Cette section contient des informations détaillées sur la procédure de téléchargement et de modification d'un thème, et présente les outils recommandés pour modifier un thème.

Modification de thèmes

Les thèmes téléchargés depuis Blackboard Learn peuvent être édités pour modifier l'apparence du système. Chaque thème est associé à une feuille CSS (Cascading Style Sheet) qui détermine l'apparence de l'interface utilisateur. Certaines caractéristiques, telles que les tailles et les types de police, les images d'arrière-plan et autres éléments XHTML sont décrits par la feuille CSS. À l'aide du navigateur Web Mozilla® Firefox® et d'un module complémentaire Firefox appelé Firebug®, les utilisateurs peuvent identifier facilement chacun des éléments CSS directement à partir de l'interface utilisateur.

téléchargez et installez la dernière version de Firefox et de Firebug avant de tester les procédures suivantes.

Firefox et Firebug

Firefox inclut de nombreux programmes ayant été mis au point par des tiers. L'un d'eux, Firebug, permet de modifier, de déboguer et de contrôler CSS, HTML et JavaScript Live dans n'importe quelle page Web. Une fois les éléments identifiés, vous pouvez utiliser un éditeur CSS pour rechercher les éléments et apporter des modifications à la feuille CSS du thème.

Comment installer Firefox ?

  1. Rendez-vous sur http://www.mozilla.com.
  2. (Facultatif) Sélectionnez votre langue si autre que l'anglais.
  3. Cliquez sur le bouton de téléchargement vert.
  4. Suivez les instructions d'installation.
  5. Ouvrez Firefox depuis votre Bureau.

Comment installer Firebug ?

  1. Ouvrez Firefox.
  2. Dans le menu Outils, sélectionnez Modules complémentaires.
  3. Cliquez sur Obtenir des modules complémentaires.
  4. Entrez Firebug dans la zone de recherche, puis cliquez sur Rechercher.
  5. Cliquez sur l'icône Firebug.
  6. Cliquez sur Installer. Firefox vous invite à redémarrer le navigateur une fois l'installation terminée.
  7. Cliquez sur Oui.

Comment utiliser Firebug ?

Utilisez Firebug pour examiner la feuille CSS existante et identifiez tous les éléments à modifier.

  1. Ouvrez Firefox.
  2. Cliquez sur l'icône Firebug à droite de la barre d'état inférieure.
  3. Cliquez sur Inspecter.
  4. À l'aide de la souris, survolez la partie de la page à inspecter.
  5. Cliquez sur la partie pour maintenir votre position.
  6. Survolez les éléments XHTML dans la console Firebug.
  7. Cliquez sur le nœud XHTML pour développer ou réduire la description de l'élément XHTML.
  8. Affichez la classe ou le code CSS appropriés de l'élément que vous avez sélectionné à droite de la console Firebug.
  9. Copiez le nom de la classe ou du code en cliquant dessus avec le bouton droit de la souris.
  10. Collez le nom de la classe ou du code dans un éditeur CSS et recherchez cet élément.
  11. Apportez les modifications désirées.
  12. Enregistrez la feuille CSS une fois l'opération terminée.

Comment télécharger et modifier la feuille CSS d'un thème ?

Après avoir identifié les éléments CSS, vous pouvez les modifier dans un éditeur de texte.

  1. Cliquez sur Marques et thèmes dans le panneau de configuration de l'administrateur.
  2. Cliquez sur Catalogue de thèmes et de palettes.
  3. Accédez au menu contextuel du thème souhaité et sélectionnez Télécharger.
  4. Enregistrez le paquet ZIP.
  5. Ouvrez le paquet ZIP et extrayez le contenu à un emplacement sûr.
  6. Ouvrez le fichier theme.css dans un éditeur de texte.
  7. Apportez les modifications appropriées et enregistrez les fichiers CSS.
  8. Compressez la sauvegarde du contenu et enregistrez-la sur un ordinateur local.
  9. Retournez au panneau de configuration de l'administrateur, puis cliquez sur Marques et thèmes.
  10. Cliquez sur Catalogue de thèmes et de palettes.
  11. Cliquez sur Créer un thème.
  12. Donnez un nom de référence et un nom à votre thème. Si vous le souhaitez, ajoutez une description.
  13. Cliquez sur Parcourir Mon ordinateur pour localiser votre nouveau paquet ZIP.
  14. Cliquez sur Soumettre.

Exemple d'élément CSS

Vous trouverez ci-dessous un exemple de thème Schoolhouse inclus dans Blackboard Learn. Cet exemple contient les définitions des styles d'en-tête, ainsi que la définition de la famille de polices.

* {font-family: Cursive, Georgia, Times, serif;}

/* a:focus { Removes focus outline in Firefox (Mozilla) outline:none;

} */

img { /* Centers images vertically and sets borders to 0 */

vertical-align:middle;

border:0px;

}

.hideme {

display:none!important;

}

h1 { /*Equals 19px*/

font-size:148%;

}

h2 {

font-size:123.1%;

}

h3 {

font-size:108%;

}

h1,h2,h3 {

margin:1em 0;

}

h1,h2,h3,h4,h5,h6,strong {

font-weight:bold;

}

Thèmes de système et de cours

Les thèmes de cours ont été introduits dans le Service Pack 8 pour permettre aux professeurs de modifier l'apparence de leurs cours. Les thèmes de cours sont séparés des thèmes de système. Cependant, un nouveau thème de système nécessite une image miniature PNG nommée d'après le nom de référence du thème de système. Si ce fichier est manquant, un symbole représentant une image manquante s'affiche par défaut dans la liste des thèmes de cours.

La meilleure façon de créer cette image dans votre nouveau thème de système est de renommer l'image as_2012.png fournie dans le thème as_2012 avec le nom de référence de votre nouveau thème de système. Étant donné que la fonction de l'image est d'indiquer l'utilisation du thème de cours par défaut et de ne pas afficher l'apparence du thème, le fait de renommer le fichier empêche l'affichage du symbole d'image manquante dans l'interface utilisateur.