Saltar al contenido principal
pdf?stylesheet=default
Blackboard Help

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

Existen otras ubicaciones de la interfaz de usuario donde se pueden añadir imágenes y colores.

  • 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 editar un tema.

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, se 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, éste se puede editar 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. O el tema correspondiente, abra el 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, puede añadir 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.