이 정보는 Original 환경에만 적용됩니다.

테마는 일관된 모양과 느낌을 유지하고 특정 로캘을 나타내는 UI(사용자 인터페이스)의 중요 요소입니다. 테마는 문화적 이미지와 글꼴을 통합하도록 수정할 수 있습니다.

다른 위치의 사용자 인터페이스를 통해서도 이미지를 추가하고 색상을 변경할 수 있습니다.

  • 관리자는 기본 브랜드를 사용자 정의하여 교육기관의 문화적 정체성을 공고히 할 수 있습니다.
  • 관리자는 테마 및 색상표 카탈로그를 사용하여 Blackboard Learn 전체에 걸쳐 사용되는 색상을 변경할 수 있습니다.
  • 교수는 코스 디자인 도구로 코스를 사용자 정의(배너 이미지 추가 등)하여 로캘을 강화할 수 있습니다.

이 섹션에는 테마 수정에 사용하기 위해 테마 및 제안 도구를 다운로드하고 수정하는 방법에 대한 자세한 내용이 포함되어 있습니다.

테마 수정

Blackboard Learn에서 다운로드한 테마는 시스템의 모양과 느낌을 변경하도록 수정할 수 있습니다. 모든 테마에는 UI 모양을 결정하는 방식과 관련된 CSS 스타일시트가 있습니다. 글꼴 크기 및 유형, 배경 이미지 및 기타 XHTML 요소 등의 특징은 CSS로 설명됩니다. Mozilla® Firefox® 웹 브라우저 및 Firebug®라는 Firefox 애드온을 사용하면 사용자가 UI에서 바로 손쉽게 개별 CSS 요소를 식별할 수 있습니다.

다음 절차를 시도하기 전에 최신 버전의 Firefox 및 Firebug를 다운로드하여 설치하십시오.

Firefox와 Firebug

Firefox에는 타사에서 개발한 프로그램이 많이 있습니다. 이러한 프로그램 중 하나가 Firebug입니다. Firebug는 웹 페이지에서 CSS, HTML 및 JavaScript live를 수정하고, 디버그하고, 모니터링하는 데 사용됩니다. 요소가 식별되면 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. 선택한 요소의 관련 CSS 클래스 또는 ID를 Firebug 콘솔의 오른쪽에서 확인합니다.
  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 테마에서 제공한 as_2012.png 이미지의 이름을 바꾸는 것입니다. 이미지의 기능은 기본 코스 테마가 사용 중임을 나타내고 테마가 어떻게 생겼는지 표시하지 않는 데 있으므로 파일의 이름을 바꾸면 사용자 인터페이스에서 누락된 이미지 기호가 표시되지 않습니다.


사용자 지정 시스템 테마 및 빌딩 블록

사용자 지정된 시스템 테마가 있는 경우 빌딩 블록에 포함된 새 페이지로 사용자 지정을 확장할 수 있습니다. 모든 빌딩 블록에 고유한 도구별 스타일 시트가 있는 것은 아니지만, 이러한 시트가 있는 빌딩 블록도 있습니다.

'관리자 패널'에서 사용할 수 있는 도구별 스타일 시트가 빌딩 블록에 포함되어 있는지에 대한 정보를 확인하려면 통합 섹션에서 빌딩 블록을 선택한 다음, 설치된 도구를 선택합니다. 나열된 빌딩 블록의 메뉴를 열고 구성 요소 보기를 선택합니다. 빌딩 블록에 기본 Learn 테마에 대한 도구별 스타일 시트가 포함되어 있으면 이 페이지에 테마 핸들이 표시됩니다.