Темы — это важный элемент пользовательского интерфейса, который обеспечивает единообразное представление и взаимодействие с пользователем и отражает определенную локаль. Темы могут редактироваться для включения изображений и шрифтов, соответствующих определенному культурному региону.

Вы можете также добавлять изображения и изменять цвета с помощью интерфейса пользователя из других расположений:

  • Администраторы могут настраивать фирменную символику по умолчанию, чтобы подчеркнуть культурную идентичность учреждения.
  • Администраторы могут использовать Каталог тем и палитр для изменения цветов, используемых в среде Blackboard Learn.
  • Преподаватели могут использовать средство Стиль курса для настройки своих курсов, включая добавление изображений баннеров для отдельных регионов.

В этом разделе подробно описывается, как загружать и редактировать тему, а также предлагаются средства, которые могут использоваться для редактирования тем.

В Blackboard Learn с пакетом обновления SP 10 были удалены три старые темы: Blackboard Classic, WebCT Classic 1 и WebCT Classic 2. Если вы продолжите использовать какую-либо из этих тем со своей фирменной символикой по умолчанию при установленном пакете обновления 9 и выше, то во время обновления она будет преобразована в пользовательскую тему.

Редактирование тем

Темы, загруженные из среды Blackboard Learn, могут быть отредактированы для изменения представления и взаимодействия системы с пользователем. Каждая тема имеет связанную с ней таблицу каскадных стилей (CSS), которая определяет внешний вид пользовательского интерфейса. Такие характеристики, как размер и тип шрифта, фоновые изображения и другие элементы XHTML, описываются посредством CSS. Используя веб-браузер Mozilla® Firefox® и расширение Firefox под названием Firebug®, пользователи могут легко определять отдельные элементы 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. Наведите курсор мыши на элементы XHTML в консоли Firebug.
  7. Выберите узел XHTML, чтобы развернуть или свернуть элемент XHTML.
  8. Соответствующий класс CSS или идентификатор выбранного элемента отображается в правой части консоли Firebug.
  9. Скопируйте класс или имя идентификатора.
  10. Вставьте класс или имя идентификатора в редактор 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

Рассмотрим пример темы Schoolhouse, которая включена в систему 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;

}

Системные темы и темы курса

Темы курса были введены в пакете обновления SP 8 и обеспечили преподавателям возможность изменять представление и взаимодействие с пользователем в их курсах. Темы курса отделены от системных тем. Чтобы преподаватели могли использовать темы в своих курсах, откройте раздел Панель администратора > Настройки курса > Темы курса и значки и установите флажок Включить темы курса.

Подробнее о том, как преподаватели используют темы курса

Для любой новой системной темы должно быть указано изображение эскиза в формате PNG, имя которого соответствует имени ссылки системной темы. Если такой файл отсутствует, для отображения в списке тем курса будет использоваться изображение по умолчанию. Простейший способ создания такого изображения в новой системной теме — переименовать изображение as_2012.png, предоставленное в теме as_2012, и присвоить ему имя ссылки для новой системной темы. Поскольку функция этого изображения заключается в том, чтобы указать на использование темы курса по умолчанию, а не в том, чтобы показать, как выглядит тема, переименование файла воспрепятствует появлению недостающего символа изображения в пользовательском интерфейсе.

Пользовательские системные темы и установка новых модулей Building Block

При наличии пользовательской системной темы можно распространить действие пользовательских настроек на новые страницы, включенные в модуль Building Block, установленный с помощью модуля обновления ПО. Некоторые (но не все) установленные таким образом модули Building Block имеют собственные таблицы стилей для конкретных инструментов.

Во время установки модуля Building Block, который содержит собственную таблицу стилей, в систему с как минимум одной пользовательской темой отобразится информационное сообщение. В нем будет предложено проверить функцию в вашей пользовательской теме, как при обновлении Learn. При наличии в системе установленной пользовательской темы отобразится соответствующее сообщение, даже если эта тема не используется в настоящее время.

Для любого модуля Building Block в окне «Панель администратора» содержится информация о наличии в нем собственных таблиц стилей для конкретных инструментов. В разделе Building Block выберите Building Block, а затем — Установленные средства. Откройте меню любого модуля Building Block в списке и выберите пункт Просмотреть компоненты. Если модуль Building Block содержит таблицы стилей для конкретных инструментов для любой из тем, поставляемых вместе с Learn, на этой странице будут указаны дескрипторы темы.

Если вы работаете с пользовательскими темами, сохраняя копии пакетов на жестком диске, обновите автономный пакет пользовательской темы, загрузив его из пользовательского интерфейса панели администратора после установки пакета обновления SP 14, чтобы получить копию пакета с новой структурой, которая была внедрена в этом пакете обновления. Никакие изменения не будут внесены в таблицы стилей, так же как и никакие другие изменения не будут внесены в рабочий процесс настройки. Тем не менее после установки пакета обновлений SP 14 исчезнет возможность загрузки автономных пакетов с предыдущей структурой — при этом будет отображаться сообщение об ошибке.