Passer au contenu principal
pdf?stylesheet=default
Blackboard Help

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.
  • 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 elle est différente de 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 surInstaller. 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. Vous pouvez éventuellement fournir 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.

Thèmes système personnalisés et installation de nouveaux Building Blocks

Si vous avez un thème système personnalisé, vous voulez sans doute l'étendre aux nouvelles pages incluses dans un Building Block que vous avez installé via les 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 établissement 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. DansBuilding Blocks, cliquez surBuilding Blocks, puis surOutils installés. Accédez au menu contextuel pour chaque Building Block listé et cliquez surAfficher 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 par stockage de copies des paquets hors ligne, actualisez le paquet hors ligne de votre thème personnalisé 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 paquets introduite dans ce service pack. Il ne sera apporté aucune modification 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.