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

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

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

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

Blackboard Learn SP 10 弃用了三个原有的主题:Blackboard Classic、WebCT Classic 1 和 WebCT Classic 2。如果您继续为您的默认主页面使用其中一个主题(SP9 之前的版本),则系统会在升级期间将其转换为您系统的定制主题。


编辑主题

可以编辑从 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. 压缩备份的内容并保存在本地计算机上。
  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 时,您会在安装过程中收到信息性操作确认。此操作确认建议针对定制主题检查功能,正如升级 Learn 时所执行的操作一样。当系统已安装了定制主题时,您会收到此消息(即使该主题当前未使用)。

管理员面板中针对任何 Building Block 提供了有关 Building Block 是否包含工具特定样式表的信息。在 Building Block 区域中,选择 Building Block,然后选择已安装的工具。打开列出的任何 Building Block 的菜单并选择查看组件。如果 Building Block 包含用于 Learn 附带的任何主题的工具特定样式表,则主题句柄会在此页面上列出。

如果您通过脱机存储压缩包的副本来管理定制主题,请在升级到 SP14 之后通过从管理员面板 UI 下载脱机定制主题压缩包来刷新它,以便获取具有该 Service Pack 中引入的新压缩包结构的副本。不会对样式表本身进行任何更改,也不会对定制工作流程进行任何更改。但是在升级到 SP 14 之后,采用之前压缩包结构的脱机压缩包将不能再上传 - 在此情况下会显示错误消息。