Cette rubrique s'applique uniquement à l'expérience d'origine.

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.

Vous pouvez ajouter des images et modifier les couleurs via l'interface utilisateur depuis d'autres emplacements également :

  • Les administrateurs peuvent personnaliser la marque par défaut pour renforcer l'identité culturelle d'un établissement.
  • 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.

Modifier les 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.

Installer Firefox

  1. Accédez à http://www.mozilla.com.
  2. (Facultatif) Sélectionnez votre langue si elle est différente de l'anglais.
  3. Sélectionnez le bouton de téléchargement vert.
  4. Suivez les instructions d'installation.
  5. Ouvrez Firefox depuis votre Bureau.

Installer Firebug

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

Utiliser Firebug

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

  1. Ouvrez Firefox.
  2. Sélectionnez l'icône Firebug à droite dans la barre d'état inférieure.
  3. Sélectionnez Inspecter.
  4. À l'aide de la souris, survolez la partie de la page à inspecter.
  5. Sélectionnez la partie pour maintenir votre position.
  6. Survolez les éléments XHTML dans la console Firebug.
  7. Sélectionnez 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.
  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.

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. Sélectionnez Marques et thèmes dans le Panneau de configuration de l'administrateur.
  2. Sélectionnez Catalogue de thèmes et de palettes.
  3. Ouvrez le menu du thème souhaité et sélectionnez Télécharger.
  4. Enregistrez le paquet ZIP.
  5. Ouvrez l'archive ZIP et extrayez son contenu.
  6. Ouvrez le fichier theme.css dans un éditeur de texte.
  7. Apportez les modifications appropriées et enregistrez les fichiers CSS.
  8. Recompressez le contenu dans un fichier ZIP sur votre ordinateur local.
  9. Revenez dans le Panneau de configuration de l'administrateur, puis sélectionnez Marques et thèmes.
  10. Sélectionnez Catalogue de thèmes et de palettes.
  11. Sélectionnez Créer un thème.
  12. Donnez un nom de référence et un nom à votre thème. Vous pouvez éventuellement fournir une description.
  13. Sélectionnez Parcourir Mon ordinateur pour localiser votre nouveau paquet ZIP.
  14. Sélectionnez Valider.

Exemple d'élément CSS

Vous trouverez ci-dessous un exemple de thème d'école 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 système et thèmes 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 système. Pour activer les thèmes de cours afin que les professeurs les utilisent dans leur cours, accédez au panneau de configuration de l'administrateur, puis à Paramètres du cours > Thèmes et icônes de cours et cochez la case Activer les thèmes de cours.

En savoir plus sur l'utilisation des thèmes de cours par les professeurs

Un nouveau thème système nécessite une image miniature PNG nommée d'après le nom de référence du thème 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.


Thèmes système personnalisés et Building Blocks

Si vous avez un thème système personnalisé, vous voudrez peut-être l'étendre aux nouvelles pages incluses dans un Building Block. Les Building Blocks ne disposent pas tous d'une feuille de style spécifique à l'outil, mais certains en proposent.

Pour savoir si un Building Block contient des feuilles de style spécifiques à l'outil, rendez-vous dans le panneau de configuration de l'administrateur. Dans la section Intégrations, sélectionnez Building Blocks, puis Outils installés. Ouvrez le menu pour chaque Building Block et sélectionnez Afficher les composants. Si le Building Block contient des feuilles de style spécifiques à l'outil pour l'un des thèmes Learn par défaut, les spécificités du thème sont listées sur cette page.