Saltar al contenido principal
pdf?stylesheet=default
Blackboard Help

Temas

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.

Edición de 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 fondo 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.

Cómo instalar Firefox

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

Cómo instalar Firebug

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

Cómo utilizar Firebug

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

  1. Abra Firefox.
  2. Haga clic en el icono Firebug situado en el lado derecho de la barra de estado inferior.
  3. Haga clic en Inspeccionar.
  4. Utilice el ratón para desplazarse sobre el área de la página que desea inspeccionar.
  5. Haga clic en el área para mantener la posición.
  6. Desplace el cursor sobre los elementos XHTML de la consola de Firebug.
  7. Haga clic en 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 el nombre de la clase o ID haciendo clic con el botón derecho.
  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.

Cómo descargar y editar el CSS de un tema

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

  1. Haga clic en Marcas y temas en el Panel del administrador.
  2. Haga clic en Catálogo de temas y paletas.
  3. Para el tema correspondiente, acceda al menú contextual 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 haga clic en Marcas y temas.
  10. Haga clic en Catálogo de temas y paletas.
  11. Haga clic en Crear tema.
  12. Introduzca un nombre para el tema y otro para la referencia. Si lo desea, añada una descripción.
  13. Haga clic en Examinar mi equipo para localizar el nuevo paquete ZIP.
  14. Haga clic en 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 de curso son independientes de los temas del sistema. Sin embargo, 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 personalizados e instalación de 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 ha 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 Herramientas instaladas. Acceda al menú contextual 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).