Esta información solo se aplica a la experiencia Original.

Los temas constituyen un importante elemento de la interfaz de usuario, ya que permiten conseguir un aspecto homogéneo y reflejar una configuración regional determinada. Los temas se pueden editar para incorporar tipos de letra e imágenes culturales.

También puede agregar imágenes y cambiar los colores a través de la interfaz de usuario en otras ubicaciones:

  • Los administradores pueden personalizar la marca predeterminada para reforzar la identidad cultural de una asociación.
  • Los administradores pueden utilizar el Catálogo de temas y paletas para cambiar los colores que se utilizan en Blackboard Learn.
  • Los profesores pueden utilizar la herramienta Estilo del curso para personalizar sus cursos; por ejemplo, pueden añadir imágenes de encabezado para reforzar la configuración regional.

En esta sección se incluye información detallada acerca de cómo descargar y editar un tema y las herramientas sugeridas para editarlo.

Editar temas

Los temas descargados de Blackboard Learn se pueden editar para cambiar el aspecto del sistema. Cada tema dispone de una hoja de estilos en cascada (CSS) asociada que determina cómo aparece la interfaz de usuario. La hoja CSS describe características como los tamaños y tipos de las fuentes, las imágenes de segundo plano y otros elementos XHTML. Mediante el navegador web Mozilla® Firefox® y un complemento de Firefox denominado Firebug®, los usuarios pueden identificar fácilmente los elementos CSS individuales directamente desde la interfaz de usuario.

Descargue e instale la última versión de Firefox y Firebug antes de intentar realizar los siguientes procedimientos.

Firefox y Firebug

Firefox dispone de diferentes programas desarrollados por terceros. Uno de ellos se denomina Firebug y se utiliza para editar, depurar y supervisar CSS, HTML y JavaScript activos en cualquier página Web. Una vez identificados los elementos, puede utilizar un editor de CSS para buscarlos y realizar los cambios en las hojas CSS del tema.

Instalar Firefox

  1. Vaya a http://www.mozilla.com.
  2. (Opcional) Seleccione su idioma si no es inglés.
  3. Seleccione el botón de descarga verde.
  4. Siga las instrucciones de instalación.
  5. Abra Firefox desde el escritorio.

Instalar Firebug

  1. Abra Firefox.
  2. Abra el menú Herramientas y seleccione Complementos.
  3. Seleccione Obtener complementos.
  4. Introduzca Firebug en el cuadro de búsqueda y seleccione Buscar.
  5. Seleccione el icono de Firebug.
  6. Seleccione Instalar. Firefox solicitará que se reinicie el navegador una vez finalizada la instalación.
  7. Seleccione Sí.

Utilizar Firebug

Utilice Firebug para examinar el CSS existente e identificar todos los elementos que se deben cambiar.

  1. Abra Firefox.
  2. Seleccione el icono de Firebug situado en el lado derecho de la barra de estado inferior.
  3. Seleccione Inspeccionar.
  4. Utilice el ratón para desplazarse sobre el área de la página que desea inspeccionar.
  5. Seleccione el área para mantener la posición.
  6. Desplace el cursor sobre los elementos XHTML de la consola de Firebug.
  7. Seleccione el nodo XHTML para expandir o minimizar la descripción del elemento XHTML.
  8. Consulte la clase o ID de CSS relevante del elemento que ha seleccionado en el lado derecho de la consola de Firebug.
  9. Copie la clase o el nombre de ID.
  10. Pegue el nombre de la clase o ID en un editor de CSS y busque el elemento.
  11. Realice los cambios correspondientes.
  12. Guarde el CSS cuando haya finalizado.

Descargar y editar la CSS de un tema

Después de identificar los elementos CSS, puede editarlos con un editor de texto.

  1. Seleccione Marcas y temas en el Panel del administrador.
  2. Seleccione Catálogo de temas y paletas.
  3. Para el tema correspondiente, abra el menú y seleccione Descargar.
  4. Guarde el paquete ZIP.
  5. Abra el paquete ZIP y descomprima el contenido.
  6. Abra el archivo theme.css con un editor de texto.
  7. Realice los cambios necesarios y guarde los archivos CSS.
  8. Comprima el contenido de vuelta en un archivo ZIP en su equipo local.
  9. Vuelva al Panel del administrador y seleccione Marcas y temas.
  10. Seleccione Catálogo de temas y paletas.
  11. Seleccione Crear tema.
  12. Introduzca un nombre para el tema y otro para la referencia. Si lo desea, añada una descripción.
  13. Seleccione Examinar mi equipo para localizar el nuevo paquete ZIP.
  14. Seleccione Enviar.

CSS de ejemplo

A continuación se muestra un ejemplo del tema Schoolhouse incluido en Blackboard Learn. En él se muestran las definiciones de los estilos de encabezado, junto con la configuración de la familia del tipo de letra.

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

}

Temas del sistema y temas del curso

Los temas del curso se introdujeron en el Service Pack 8 para que los profesores pudieran cambiar el aspecto de sus cursos. Los temas del curso son independientes de los temas del sistema. Debe activar los temas del curso para que los profesores puedan utilizarlos. Para ello, vaya a Panel del administrador > Configuración del curso > Temas e íconos del curso y marque la casilla de verificación Activar temas del curso.

Más información sobre cómo los profesores utilizan temas del curso

Un tema del sistema nuevo necesita tener una imagen en miniatura PNG cuyo nombre sea el nombre de referencia del tema del sistema. Si este archivo no está, se mostrará un símbolo de "falta imagen" como predeterminado en la lista de temas de curso. La forma más sencilla de crear esta imagen en el tema del sistema nuevo es cambiar el nombre de la imagen as_2012.png que se proporciona en el tema as_2012 por el nombre de referencia del tema del sistema nuevo. Como la función de la imagen es indicar que el tema del curso predeterminado está en uso y no es mostrar cómo es el tema, cambiando el nombre del archivo evitamos que se muestre el símbolo de "falta imagen" en la interfaz de usuario.

Temas del sistema y Building Blocks personalizados

Si cuenta con un tema personalizado para el sistema, es posible que quiera extender sus ajustes personalizados a las páginas nuevas incluidas en un Building Block. No todos los Building Blocks tienen sus propias hojas de estilo específicas de cada herramienta, pero algunos sí.

En el Panel del administrador, encontrará información que determina si un Building Block contiene hojas de estilo específicas de cada herramienta o no. En la sección Integraciones, seleccione Building Blocks y, luego, haga clic en Herramientas instaladas. Abra el menú de cualquier Building Block de la lista y seleccione Ver componentes. Si el Building Block contiene hojas de estilo específicas de cada herramienta para cualquiera de los temas de Learn predeterminados, los controladores de los temas aparecerán en esta página.