This information applies only to the Original experience.

主题是用户界面 (UI) 的重要元素，用以确保一致的外观并反映特定的语言环境。可编辑主题以融合文化意象和字体。

您也可以在其他位置通过用户界面添加图像和更改颜色：

  • 管理员可以定制默认主页面以加强机构的文化认同。
  • 管理员可以使用主题和色调目录来更改用于整个 Blackboard Learn 的颜色。
  • 教师可以使用课程样式工具定制课程，其中包括添加可以加强语言环境的横幅图像。

此部分包括有关如何下载和编辑主题的详细信息，以及建议用于编辑主题的工具。

编辑主题

可以编辑从 Blackboard Learn 下载的主题以更改系统的外观。每个主题都有一个与其关联的层叠样式表 (CSS)，用于决定 UI 的外观。CSS 描述字体大小和类型、背景图像等特征以及其他 XHTML 元素。使用 Mozilla® Firefox® Web 浏览器和名为 Firebug® 的 Firefox 附加组件，用户可以轻松识别直接来自 UI 的各个 CSS 元素。

尝试进行以下步骤之前，请先下载并安装最新版本的 Firefox 和 Firebug。

Firefox 和 Firebug

Firefox 拥有大量由第三方开发的程序。其中一个程序叫做 Firebug，它用于在任意网页中实时编辑、调试和监控 CSS、HTML 以及 JavaScript。标识这些元素后，可使用 CSS 编辑器搜索元素，也可以更改主题的 CSS。

安装 Firefox

  1. 访问 http://www.mozilla.com。
  2. （可选）选择您的语言（如果不是英语）。
  3. 选择绿色的下载按钮。
  4. 按照安装说明进行操作。
  5. 从桌面打开 Firefox。

安装 Firebug

  1. 打开 Firefox。
  2. 打开“工具”菜单并选择“附加组件”。
  3. 选择获取附加组件。
  4. 在搜索框中输入 Firebug 并选择“搜索”。
  5. 选择 Firebug 图标。
  6. 选择安装。安装完成后，Firefox 将提示您重启浏览器。
  7. 选择是。

使用 Firebug

使用 Firebug 仔细查看现有的 CSS，然后标识需要更改的所有元素。

  1. 打开 Firefox。
  2. 选择下方状态栏右侧的 Firebug 图标。
  3. 选择检查。
  4. 将鼠标悬停在要检查的页面区域。
  5. 选择此区域保持在该位置上。
  6. 将鼠标悬停在 Firebug 控制台中的 XHTML 元素上。
  7. 选择 XHTML 节点展开或最小化 XHTML 元素的描述。
  8. 在 Firebug 控制台右侧查看您选择的元素的相关 CSS 类或 ID。
  9. 复制类或 ID 名称。
  10. 将类或 ID 名称粘贴到 CSS 编辑器并搜索该元素。
  11. 进行相应的更改。
  12. 完成后保存 CSS。

下载和编辑主题的 CSS

标识 CSS 元素后，可以使用文本编辑器编辑 CSS。

  1. 在管理员面板中选择主页面和主题。
  2. 选择主题和色调目录。
  3. 对于相应主题，请打开菜单，然后选择下载。
  4. 保存 ZIP 压缩包。
  5. 打开 ZIP 压缩包并提取内容。
  6. 使用文本编辑器打开 theme.css 文件。
  7. 进行相应更改，然后保存 CSS 文件。
  8. 将内容压缩至本地计算机上的 ZIP 文件。
  9. 返回到管理员面板并选择主页面和主题风格。
  10. 选择主题和色调目录。
  11. 选择创建主题。
  12. 为主题提供名称和参考名称。添加描述（可选）。
  13. 选择浏览我的电脑，找到新的 ZIP 压缩包。
  14. 选择提交。

示例 CSS

以下是 Blackboard Learn 中包含的“校舍”主题示例。此示例中显示标题样式的定义，以及字体系列设置。

* {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;

}

系统主题和课程主题

Service Pack 8 中引入了课程主题，以便允许教师更改课程的外观。课程主题独立于系统主题。要启用课程主题以供教师在其课程中使用，请转到管理员面板 > 课程设置 > 课程主题和图标，然后选中启用课程主题方框。

有关教师如何使用课程主题的更多信息

新系统主题需要具有根据系统主题的参考名称命名的 PNG 缩略图图像。如果缺少此文件，则一个缺少图像符号会在课程主题列表中默认显示。在新系统主题中创建此图像的最简单方法是将 as_2012.png 主题中提供的 as_2012 图像重命名为新系统主题的参考名称。因为该图像的功能是指示正在使用默认课程主题，而不是显示主题外观，所以重命名该文件可防止在用户界面中显示缺少图像符号。

自定义系统主题和 Building Block

如果您有一个自定义的系统主题，可能希望您的自定义内容扩展到某个 Building Block 中包含的新页面。并非所有 Building Block 都具有自己的工具特定样式表，只是其中的某些 Building Block 具有这类样式表。

在管理员面板上可以看到有关 Building Block 是否包含工具特定样式表的信息。在集成区域中，选择 Building Block，然后选择已安装的工具。打开列出的任何 Building Block 的菜单并选择查看组件。如果 Building Block 包含任意默认 Learn 主题的工具特定样式表，则主题句柄会在此页面上列出。