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.

Trois thèmes hérités ont été supprimés de Blackboard Learn SP 10 : Blackboard Classic, WebCT Classic 1 et WebCT Classic 2. Si vous continuez à utiliser l'un de ces thèmes avec votre marque par défaut dans une version supérieure à SP 9, il sera converti en un thème personnalisé sur votre système au cours de la mise à niveau.


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 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. 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 Soumettre.

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.


Personnaliser des thèmes du système et installer de nouveaux 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 que vous avez installé via Mises à jour logicielles. Tous les Building Blocks installés de cette façon n'ont pas une feuille de style spécifique pour chaque outil, mais certains en proposent.

Lorsque vous installez un Building Block contenant sa propre feuille de style sur un système qui dispose d'au moins un thème personnalisé, vous en êtes informé pendant l'installation. Il vous est recommandé de tester la fonctionnalité avec votre thème personnalisé, comme vous le faites quand vous mettez Learn à niveau. Vous recevez ce message lorsque votre système dispose déjà d'un thème personnalisé installé, même s'il n'est pas utilisé actuellement.

Si vous voulez savoir si un Building Block contient des feuilles de style spécifiques pour les outils, vous trouverez ces informations dans le panneau de configuration de l'administrateur. Dans la section Building Blocks, 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 à un outil pour un des thèmes fournis avec Learn, les spécificités du thème sont listées sur cette page.

Si vous gérez vos thèmes personnalisés en stockant des copies des paquets hors ligne, actualisez le paquet de votre thème personnalisé hors ligne en le téléchargeant à partir de l'interface utilisateur du panneau de configuration de l'administrateur après la mise à niveau vers SP 14 afin d'obtenir un exemplaire contenant la nouvelle structure de paquet introduite dans ce Service Pack. Aucune modification ne sera apportée aux feuilles de style ni aux processus de personnalisation. En revanche, après la mise à niveau vers SP 14, les paquets hors ligne de la structure de paquets précédente ne peuvent plus être mis en ligne : vous recevez un message d'erreur.