Snap es un tema simple, intuitivo y receptivo, basado en el marco de Twitter Bootstrap 3.2.

La principal ventaja de Snap es que le permite proporcionar una experiencia coherente a los usuarios en cualquier dispositivo. Snap está diseñado para proporcionar un sitio web moderno y elegante para el aprendizaje en línea.


Características de Snap

Snap se centra en brindarle al usuario una experiencia visual sencilla, y ofrece a los estudiantes y educadores un acceso rápido a los cursos que son importantes para ellos.

  • Receptivo: Snap muestra información de forma precisa en diferentes resoluciones de pantalla. Las imágenes, los videos y todo el contenido de su institución se modificarán para adaptarse al dispositivo de un usuario, sin importar qué forma o tamaño tenga el dispositivo. El tamaño del texto se optimizará de acuerdo con el tamaño de la pantalla. Los usuarios pueden elegir el dispositivo que quieren utilizar cuando trabajan con sus materiales educativos. Junto con esta optimización entre dispositivos, Snap ofrece a los usuarios una navegación simple entre dispositivos.
  • Diseño y navegación simples:
    • Menú personal: El Menú ofrece a los usuarios acceso rápido a todos sus cursos, desde cualquier parte de un sitio. Los administradores pueden configurar el color del menú mediante la página Ajustes del tema Snap, y los instructores pueden configurar las imágenes de su curso para que aparezcan en el menú. El menú también puede incluir las fechas límite de un usuario para las tareas programadas del curso y sus notificaciones de mensajes. El menú personal muestra los cursos actuales y pasados, agrupados por fecha de finalización y año, para que el acceso sea fácil para los alumnos.
    • Menú de administrador: El menú de administrador ofrece acceso rápido al bloque Administración desde cualquier página.
    • Contenidos del curso, herramientas y búsqueda: El diseño del curso en Snap ha sido diseñado para parecerse a un sitio web estándar. Con Snap, el diseño del curso muestra cada sección, semana o tema en su propia página dentro del curso, con títulos claros y navegación entre páginas. Otros elementos del curso, como los participantes, las calificaciones y los bloques, se muestran en la pestaña Panel de control del curso. Con la estructura exclusiva de una sola columna de Snap, los profesores pueden crear un diseño del sitio sencillo, sin distracciones y con mucho contenido, que contribuya al aprendizaje y sea fácil de navegar en él.
    • Cursos destacados o favoritos: Snap le permite agregar un curso a favoritos seleccionando el ícono de estrella en la tarjeta del curso. Esta funcionalidad se mantiene en todos los temas. Esto significa que no importa dónde marque un curso como favorito o qué tema utilice, el curso permanece siempre como favorito.

Habilitar Snap para su institución

Pasos: Administración del sitio > Apariencia > Temas > Selector de temas

Para seleccionar el tema Snap, inicie sesión como un usuario con privilegios de administración.

  1. En Administración del sitio, seleccione Apariencia.
  2. Seleccione Temas y Selector de temas.
  3. Junto a Predeterminado, seleccione Cambiar tema.
  4. Busque el tema Snap y seleccione Usar tema.
  5. Seleccione Continuar.

Personalizar Snap

Pasos: Administración del sitio > Apariencia > Temas > Snap

Snap ofrece a los administradores opciones de personalización de sitio web simples, pero eficaces. Puede modificar los colores de cuatro áreas de la barra de navegación de Snap sin agregar CSS. Puede cambiar los colores del fondo y de las fuentes de la barra de navegación y el enlace Mis cursos.

  1. En Administración del sitio, seleccione Apariencia.
  2. Seleccione Temas y Snap.
  3. Configure la Creación de marca de su sitio:
    • En Nombre del sitio, escriba el nombre de su institución.
    • En Descripción del sitio, escriba una descripción para su institución. Esta información aparece como la frase de su sitio en la página de inicio. No es el título del sitio.
    • Configure el Color de la marca de su institución. Escriba el código hexadecimal o seleccione el color. Se configuran con este color todos los enlaces en su sitio y muchos fondos.
    • Elija el Logotipo para el sitio de su institución. Arrastre o cargue un archivo para su logotipo.
    • Elija el ícono que utilizará como su Ícono favorito. Seleccione una imagen para utilizar como enlace marcador cuando un alumno o un instructor marque el sitio como favorito en el navegador.
    • Seleccione la Visualización de portada para subir una imagen para el sitio de su institución. Arrastre o cargue una imagen como la página de inicio del sitio. Opcionalmente, puede subir hasta tres imágenes para que se usen en el Carrusel del curso.
  4. Configure los menús y la navegación de su sitio.
    • Elija lo que desea que aparezca en el menú personal de un usuario. Todas las opciones están seleccionadas de manera predeterminada.
    • La opción Ocultar bloque de navegación predeterminado de Moodle está seleccionada de manera predeterminada. Esto elimina los bloques de Moodle y utiliza solo el menú Snap.
    • La opción Mostrar pie de página del curso está seleccionada de manera predeterminada.
    • Escriba la información que desea que aparezca en el pie de página de su sitio. El pie de página de su sitio web es un buen lugar para mostrar enlaces a otros sitios que puedan ser importantes para los alumnos dentro de su escuela u organización, así como ayuda, soporte y políticas administrativas que su institución esté obligada a publicar, o cualquier otra información, como la dirección y el número de teléfono del edificio.

      Si desea cambiar los enlaces predeterminados disponibles en el pie de página en la esquina inferior derecha, debe hacerlo en la sección Ajustes de temas. Seleccione el bloque Administración del sitio, luego Apariencia, Temas y, a continuación, Ajustes de temas. Configure sus cambios en el cuadro Elementos del menú personalizado.

  5. Configure la Creación de marca avanzada de su sitio: Blackboard recomienda conservar los valores predeterminados. La sección Creación de marca avanzada está destinada a los usuarios que son muy habilidosos en HTML/CSS. Para obtener más información, consulte Activación de fuentes y CSS personalizado.

Blackboard Open LMS no ofrece asistencia técnica para los problemas que surjan por el uso de CSS personalizadas. Los problemas que surjan por el uso de CSS personalizadas son exclusivamente su responsabilidad.


Creación de marca avanzada

Utilizar una biblioteca de fuentes personalizadas en Snap se asemeja a utilizar una en cualquier otro sitio web basado en html/css. Si utiliza un servicio para las fuentes de su sitio, como Adobe, cloud.typography, Fontdeck, Typekit o Google fonts, deberá crear un enlace para incluir las fuente en su sitio web.

Si aloja las fuentes en su propia red de entrega de contenido, necesitará la etiqueta de enlace de su CDN.

Incrustación de fuentes

Pasos: Administración del sitio > Apariencia > HTML adicional

  1. En Administración del sitio, seleccione Apariencia y HTML adicional.
  2. En el campo Dentro de HEAD, escriba la fuente para incluir el script.
  3. Seleccione Guardar cambios.

Esto incluirá sus fuentes en cada página dentro de su sitio.

Activación de fuentes

Pasos: Administración del sitio > Apariencia > Temas > Snap

  1. En Administración del sitio, seleccione Apariencia.
  2. Seleccione Temas y Snap.
  3. Introduzca con comillas el nombre de la fuente Encabezado y Fuentes Serif.

    "Roboto"

CSS personalizado

Pasos: Administración del sitio > Apariencia > Temas > Snap

Snap le permite agregar su propia CSS personalizada, que se puede incluir en cada página de su sitio web. El cuadro CSS personalizado acepta cualquier código CSS que quiera incluir, lo que le permite sobrescribir o crear un CSS nuevo sin tener que editar el archivo CSS ni descargar el diseño. Le recomendamos que valide todos los códigos CSS antes de incluirlos en su sitio.

  1. En Administración del sitio , seleccione Apariencia.
  2. Seleccione Temas y Snap.
  3. Introduzca la CSS personalizada.

Blackboard Open LMS no ofrece asistencia técnica por problemas que surjan por el uso de CSS personalizadas. Los problemas que surjan por el uso de CSS personalizadas son exclusivamente su responsabilidad.

Personalización de la marca basada en perfiles

Pasos: Administración del sitio > Apariencia > Temas > Snap

Snap le permite agregar una clase de CSS personalizada a la etiqueta body del sitio en función del campo del perfil de un usuario. Elija entre un conjunto de campos de usuario o cree su propio campo personalizado para almacenar los valores que se utilizan para agregar la clase de CSS.

Blackboard Open LMS no ofrece asistencia técnica para problemas que surjan por el uso de CSS personalizadas. Los problemas que surjan por este motivo o por la personalización de la marca basada en perfiles son su exclusiva responsabilidad.

Habilitar la personalización de la marca basada en perfiles

  1. Diríjase a Administración del sitio > Apariencia > Temas > Snap
  2. Seleccione Personalización de la marca basada en perfiles.
  3. Habilite Personalización de la marca basada en perfiles.
  4. Seleccione un campo de usuario. Los campos del perfil de un usuario aceptables son los siguientes:
    • Institución
    • Departamento
    • Dirección
    • Ciudad o pueblo
    • País
    • Entrada de Texto
      • Para que los campos de usuario personalizados aparezcan en el menú de selección, estos deben ser del tipo entrada de texto.
  5. Seleccione Guardar.

Al utilizar esta función, ocurre lo siguiente:

  • El valor del campo de usuario se convierte a texto HTML, de modo que todas las palabras se escriben en minúscula y se separan con un guion. (-)
  • Se antepone la cadena snap-pbb-.
  • Esta clase se agrega a la etiqueta HTML body.

Por ejemplo, el valor del campo de usuario Tarta de arándanos se convierte en snap-pbb-tarta-de-arándanos.

Esta función se utiliza junto con las CSS personalizadas.

Blackboard Open LMS no ofrece asistencia técnica para problemas que surjan por el uso de CSS personalizadas. Los problemas que surjan por este motivo o por la personalización de la marca basada en perfiles son su exclusiva responsabilidad.


Snap con filtro LaTeX

Pasos: Administración del sitio > Extensiones > Filtros > Notación TeX

Si su institución utiliza filtro LaTeX para las expresiones matemáticas, es posible que su sitio presente tamaños de fuentes agrandados. Aquí le ofrecemos algunos consejos para obtener la mejor apariencia de su pantalla:

  1. En Administración del sitio, seleccione Extensiones.
  2. Seleccione Filtros y Notación TeX.
  3. En la página Notación TeX, cambie el ajuste Densidad a un número más alto.

    Se recomienda que configure Snap con una densidad de 280. Este ajuste mejorará la uniformidad general de las líneas de la imagen.

  4. Cambie a PNG en Convert output format.

    El tipo de archivo PNG suaviza considerablemente la apariencia de la expresión. Este ajuste cambia la apariencia de la notación filtrada por TeX en todo el sitio.


Verificador del contraste de color de Snap

Como parte del compromiso permanente de Blackboard con la accesibilidad, se agregó una capa informativa a los selectores de color de Snap. Esta capa notifica a los administradores del sitio cuando una combinación de colores no cumple con la relación de contraste sugerida por WCAG 2.0. Estos son los elementos que se validan como parte de la verificación de contraste:

  • Color del texto del sitio en contraste con el fondo blanco
  • Fondo y color del texto de la barra de navegación
  • Botón del menú del curso en contraste con el fondo y el color del texto
  • Colores de categoría personalizados en contraste con el fondo blanco, el fondo de navegación y el botón del menú del curso

Características y beneficios de Snap

Pasos: Administración del sitio > Apariencia > Temas > Snap > Comercialización de características y beneficios

Agregue hasta tres columnas de información debajo de la imagen de encabezado de página en Snap. Utilice esta área para anunciar las características o los beneficios del sitio a sus usuarios y posibles usuarios.

Para crear un punto de comercialización de características o beneficios, los administradores deben ir a Administración del sitio. En Administración del sitio, seleccione Apariencia, Temas, Snap y Comercialización de características y beneficios. Desde aquí, puede agregar hasta 3 características/beneficios a la página de inicio, que se mostrarán debajo de la imagen de encabezado de página.

Para crear una característica, agregue un título y algo de texto (con una imagen opcional). La adición de una característica muestra una característica, la adición de dos características muestra dos características y así sucesivamente. También puede agregar un encabezado a la característica, que solo se mostrará si ha creado una característica.

Una vez que se haya agregado una característica, seleccione Activar edición en la página principal y consulte un enlace rápido para editar la característica. Esto reduce la cantidad de tiempo que se requiere para agregar materiales de comercialización a la página principal y proporciona un mayor control con menos conocimiento sobre HTML.

Agregue características y beneficios


Carrusel de Snap

Carrusel de portada en el tema Snap

Ejemplo de carrusel

Missing multimedia.

Ajustes del color de la categoría

Puede establecer los colores de las fuentes y de otros elementos visuales que se aplicarían a categorías específicas en Snap. Esto es posible agregando la identificación de categoría combinada con el valor de código del color en los ajustes de Snap.

Cuando los colores se configuran de esta manera, el color se muestra para la categoría específica y para cualquier subcategoría y cursos dentro de esta.

Cursos destacados

Pasos: Administración del sitio > Apariencia > Temas > Snap > Cursos destacados

Destaque cursos en la página frontal. Los administradores del sitio pueden agregar hasta ocho cursos en la página principal a través de los números de identificación de los cursos.

  1. En Administración del sitio, seleccione Apariencia y Temas.
  2. Amplíe Snap y seleccione Cursos destacados.
  3. Escriba la ID de cada curso que desea destacar.
  4. Seleccione Guardar cambios.

Las imágenes de portada y los títulos del curso aparecen automáticamente en la página principal después de la configuración.


Mostrar recursos como tarjetas o listas

Pasos: Administración del sitio > Apariencia > Temas > Snap > Visualización del curso

Cambie la manera en que aparecen los recursos y actividades en sus cursos de Snap. Con Snap, las organizaciones pueden mostrar los recursos y actividades como tarjetas o simples enlaces.

  1. En Administración del sitio, seleccione Apariencia y Temas.
  2. Amplíe Snap y seleccione Visualización del curso.
  3. Seleccione Lista o Tarjeta.
  4. Seleccione Guardar cambios.


Cambiar el diseño de las páginas de un curso

Pasos: Administración del sitio > Apariencia > Temas > Snap

Los administradores ahora pueden elegir dónde dirigir la navegación del curso en Snap. Puede mover el índice a la izquierda o arriba del contenido del curso.

Por defecto, la tabla de contenidos aparece arriba del contenido del curso. Siga estos pasos si desea moverla a la izquierda.

  1. En Administración del sitio, seleccione Apariencia y Temas.
  2. Amplíe Snap y seleccione Snap.
  3. En Creación de marca avanzada seleccione Tabla de contenidos vertical.
  4. Seleccione Guardar cambios.


Enlaces a redes sociales en Snap

Pasos: Administración del sitio > Apariencia > Temas > Snap

Agregue enlaces para abrir Facebook, Twitter, Youtube e Instagram en el pie de página, automáticamente. Agregue la URL a las páginas de cada servicio a través de los ajustes administrativos de Snap, y los íconos y enlaces aparecerán en el pie de página.

Ahora, puede conectarse socialmente con sus usuarios sin la necesidad de agregar contenido HTML al área del pie de página del sitio de los ajustes de Snap. La ubicación de estos íconos está predeterminada y asignada en el pie de página, y solo se puede modificar a través de las hojas de estilo en cascada (CSS).

Add social media links

Social media links in footer