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.

Se desecharon tres temas heredados en Blackboard Learn SP 10: Blackboard Classic, WebCT Classic 1 y WebCT Classic 2. Si sigue utilizando uno de estos temas con su marca predeterminada más allá del SP 9, se convertirá en un tema personalizado en su sistema durante la actualización.


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 .

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 extraiga el contenido a una ubicación segura.
  6. Abra el archivo theme.css con un editor de texto.
  7. Realice los cambios necesarios y guarde los archivos CSS.
  8. Comprima la copia de seguridad del contenido en una carpeta ZIP y guárdela en un 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 instructores 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.


Personalizar temas del sistema e instalar Building Blocks nuevos

Si tiene un tema del sistema personalizado, puede que quiera extender las personalizaciones a páginas nuevas incluidas en un Building Block que haya instalado a través de actualizaciones de software. No todos los building blocks instalados de esta forma tienen hojas de estilos por cada herramienta, pero algunos sí.

Al instalar un building block que contenga sus propias hojas de estilos en un sistema que tenga, al menos, un tema personalizado, recibirá una confirmación durante la instalación. En esta confirmación se le recomienda contrastar la función con el tema personalizado, al igual que cuando se actualiza Learn. Recibirá este mensaje cuando el sistema tenga un tema personalizado ya instalado, aunque este tema no se esté usando en ese momento.

En el Panel del administrador hay información disponible sobre si un Building Block contiene hojas de estilos por cada herramienta para cualquier Building Block. En la sección Building Blocks, seleccione Building Blocks y luego seleccione 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 por herramienta para cualquiera de los temas que se suministran con Learn, los controladores de los temas aparecerán en esta página.

Si administra sus temas personalizados almacenando copias de los paquetes sin conexión, actualice el paquete de temas personalizados sin conexión descargándolo desde la interfaz de usuario del Panel del administrador después de actualizar a SP14 para disponer de una copia con la nueva estructura de paquete introducida en ese service pack. No se harán cambios en las hojas de estilos ni ninguna otra modificación en el flujo de trabajo de personalización. Sin embargo, tras actualizar a SP 14, los paquetes sin conexión de la estructura de paquete anterior ya no se podrán cargar (al intentarlo, aparecerá un mensaje de error).