Ir al contenido principal

Edición Web con el Gestor Web Institucional de la UCM

Guía de apoyo a la edición Web

Configuración

El widget Documentos y enlaces es una herramienta que permite la creación de listas de enlaces, tanto a archivos como a páginas web.

Sustituye a los antiguos widgets:

  • Descargas: que permitía subir y crear enlaces a archivos.
  • Navegación: que permitía crear enlaces.
  • Árbol de páginas: que permitía crear enlaces a páginas hijas.

La creación de este tipo de listados de enlaces queda actualmente unificada en el widget Documentos y enlaces.

Configuración

Desde el Gestor Web, arrastramos y soltamos el widget "Documentos y enlaces" a un lugar de la página. Después pulsamos en la rueda dentada para configurarlo. La ventana "Configuración del componente" nos mostrará las siguientes opciones:

Configuración del widget documentos y enlaces

 

  • Título del Contenido: establecemos un título informativo del contenido. Campo obligatorio.
  • Visibilidad en la Web: la casilla de verificación nos permite hacer el título visible o no.
  • Añadir elemento: da acceso a un desplegable con las siguientes opciones:
    • Paginas hijas: permite añadir un listado de enlaces a las páginas hijas de la página actual.
    • Enlace: permite añadir manualmente un enlace especificando la URL.
    • Documentos: permite subir un archivo y enlazarlo.
    • Galería imágenes: permite añadir enlaces a cada una de las galerías de imágenes de nuestro Website.

Tras añadir los elementos deseados, pulsamos en Aceptar > Cerrar y actualizaremos la página para hacer públicos los cambios.

Apariencia

La apariencia del contenido puede ser ligeramente modificada desde la configuración del widget, usando la pestaña apariencia:

Opciones de apariencia del widget documentos y enlaces

 

  • Presentación:
    • Lista vertical: muestra los elementos en forma de listado vertical.
    • Lista horizontal: muestra los elementos en forma de listado horizontal.
  • Estilos:
    • Visibilidad del marco widget: muestra un borde alrededor del contenido
    • Mostrar descripciones: muestra u omite las descripciones que hayamos añadido a los elementos.

Crear enlaces a páginas hijas

Desde el Gestor Web, arrastramos y soltamos el widget "Documentos y enlaces" en el lugar de la página donde deseamos añadir los enlaces. Después pulsamos en la rueda dentada de configuración: la opción "Añadir elemento" nos permite seleccionar la opción "Páginas hijas" que muestra un listado de las páginas hijas con una casilla de verificación a su lado. Seleccionamos las páginas hijas que deseamos incluir en la lista de enlaces y pulsamos el botón añadir.
Añadir páginas hijas

En la ilustración superior nos hemos situado en la página de menú "Zoología" que tiene tres páginas hijas tituladas: Aves, Mamíferos y Reptiles. Seleccionamos las páginas y pulsamos el botón "Añadir":

El campo "Elementos incluidos" nos muestra el título de cada uno de los enlaces incluidos precedidos del icono "Site-map"  y con las siguientes opciones de configuración:
Páginas hijas. Elementos incluidos

 

  • Orden: permite establecer el orden de los enlaces.
  • Título: muestra el título de cada página hija.
  • Mantener título del documento: permite que se respete el título y descripción original asignada al elemento en lugar de los que fijemos localmente en este widget.
  • Operaciones : menú de acceso a las siguientes opciones:
    • Ver enlace: muestra la URL del enlace.
    • Modificar título: permite cambiar el título y la descripción original del enlace. Debemos pulsar el botón Cambiar para que los cambios se guarden.
    • Eliminar: elimina el enlace.
  • Nueva ventana: casilla de verificación que permite abrir enlace en una ventana nueva. Se recomienda abrir los enlaces en la misma ventada para favorecer la accesibilidad.
  • Visible: oculta o muestra el enlace.
  • Mostrar hijas: muestra, a su vez, enlaces a las páginas hijas de la página actual (si las hubiere y siempre y cuando estas páginas tengan un "Título corto": Configuración > Cambiar título y atributos > Título corto).

Crear enlaces de manera manual

Desde el Gestor Web, arrastramos y soltamos el widget "Documentos y enlaces" en un lugar de la página. Después pulsamos en configuración. En el campo desplegable "Añadir elemento" seleccionamos "Enlace" para añadir enlaces de manera manual. Debemos especificar los siguientes elementos del enlace:

  • Título: el título del enlace puede ser el título de la página o del documento que deseamos enlazar.
  • URL: dirección completa del enlace.
  • Descripción: información complementaria del título del enlace.

Una vez rellenados los campos pulsamos en el botón añadir. Tenemos que añadir los enlaces uno a uno.

Enlaces

El campo "Elementos incluidos" nos muestra el título de cada uno de los enlaces incluidos precedidos del icono "external link" y con las siguientes opciones de configuración:
Elementos incluidos como enlaces

 

  • Orden: permite establecer el orden de los enlaces.
  • Título: muestra el título de cada enlace.
  • Mantener título del documento: permite que se respete el título y descripción original asignada al elemento.
  • Operaciones: menú de acceso a las siguientes opciones:
    • Ver enlace: muestra la URL del enlace.
    • Modificar título: permite cambiar el título y la descripción original del enlace. Debemos pulsar el botón Cambiar para que los cambios se guarden.
    • Modificar enlace: permite modificar la URL asignada al enlace.
    • Eliminar: elimina el enlace.
  • Nueva ventana: casilla de verificación que permite abrir enlace en una ventana nueva. Se recomienda abrir los enlaces en la misma ventada para favorecer la accesibilidad.
  • Visible: oculta o muestra el enlace.
  • Mostrar hijas: opción no operativa para enlaces.

Crear enlaces a documentos

Desde el Gestor Web, arrastramos y soltamos el widget "Documentos y enlaces" en un lugar de la página. Después pulsamos en la rueda dentada para configurarlo. Hacemos clic en el campo desplegable "Añadir elemento" y seleccionamos la opción "Documentos".
Añadir enlaces a Documentos

Se abrirá la ventana "Explorador de archivos".

  1. La ventana "Explorador de archivos" (de la Aplicación "Archivos") nos permite subir los documentos que deseamos enlazar en la página Web.
    Añadir documentos y archivos
     
  2. Clicamos o arrastramos los documentos desde nuestro ordenador al área punteada que contiene el texto "Arrastra los ficheros o haz clic para examinar".
  3. La ventana nos mostrará el archivo subido con la siguiente información y opciones:
    Ficheros subidos aplicación archivos
    • Parte superior izquierda: Información sobre el número de archivos subidos a la página (ficheros subidos).
    • Parte superior derecha: Estado de la página: Visible o Borrador.
    • Iconos (en la segunda fila):
      Segunda fila de opciones de aplicación Archivos
      • Subir fichero: permite subir un nuevo documento.
      • Vista formato lista: ver los documentos subidos a la página en forma de lista.
      • Vista por pares: ver los documentos subidos a la página en columnas.
      • Vista formato ficha: ver los documentos subidos a la página en formato ficha
      • Añadir Documentos: añade a nuestra página los documentos seleccionados (marcada la casilla de verificación bajo el icono del formato del documento).
      • Por último en la parte derecha encontraremos el botón para volver al listado de Páginas. Nos permite navegar por las páginas de nuestra web para buscar documentos.
    • Icono de formato del archivo: se recomienda usar el formato PDF por accesibilidad. Además, este formato, a diferencia del resto, permite la visualización del documento en la página Web en lugar de la descarga (si así lo configuramos en la opción "Apariencia"). 
    • Casilla de verificación: situada bajo el icono del documento. Nos permite seleccionar los documentos que deseamos insertar en la página web. Una vez seleccionados pulsamos el botón "Añadir Documentos".
      Icono y casilla selección de archivo
       
    • Nombre del Fichero: muestra, por defecto, el nombre del archivo. Este es el nombre que se muestra como texto del enlace. Podemos cambiarlo en Opciones > Modificar > Título
    • Estado: el icono ojo en verde indica estado Activo y en rojo con barra oblicua  Inactivo. El estado Inactivo no permite visualización ni descarga.
      Nombre del archivo y visibilidad
       
    • URL: si pulsamos el botón el documento se descarga o se visualiza en pantalla. Se visualizará si es un PDF y lo hemos configurado para visualizar en Opciones > Apariencia > Visualización mediante visor.
    • Tamaño: muestra el tamaño del archivo.
    • Creado: fecha y hora cuando fue subido a la web.
    • Propietario: nombre del editor.
    • Opciones: cuando pulsamos en los tres puntos un desplegable nos mostrará las siguientes opciones: modificar, permisos, apariencia, estadísticas, mover y eliminar.
      Opciones Archivos
       
      • Modificar: Una nueva ventana nos permite:
        Ventana modificar archivo
         
        • Reemplazar el fichero: arrastrando y soltando el nuevo fichero en el área punteada o haciendo clic para seleccionarlo.
        • Título: permite cambiar el título. Este será el texto del enlace.
        • URL amigable: podemos cambiar la URL. Usar solo caracteres alfanuméricos en minúsculas, sin eñes, sin espacios en blanco ni signos diacríticos. Podemos separar las palabras con guiones medios o bajos.
        • Descripción: permite añadir una descripción que se mostrará bajo el texto del enlace.
        • Programar visión: permite establecer fecha y hora de inicio y de fin de visualización del archivo.
        • Estado: Activo / Inactivo .
        • Visibilidad: publica o privada. La visibilidad privada permite restringir su acceso a:
          • Grupo de usuarios creado previamente. ¿Cómo crear un Grupo de usuarios?
          • Colectivo: 
            • PDI
            • Colaboradores Externos
            • Usuarios identificados en la Web UCM
            • Alumni
            • Estudiantes
          • Red UCM: accesible solo desde la red UCM
        • Etiquetas: gestionar etiquetas.
           
      • Permisos: son las mismas opciones de visibilidad descritas anteriormente. Permite gestionar la visibilidad del archivo: publica o privada. Podemos restringir su acceso a:
        • Grupo de usuarios creado previamente. ¿Cómo crear un Grupo de usuarios?
        • Colectivo: PDI, Colaboradores Externos, Usuarios identificados en la Web UCM, Alumni, Estudiantes.
        • Red UCM: accesible solo desde la red UCM.
           
      • Apariencia: nos permite personalizar:
        • Modo de visualización/descarga:
          • Descargar documento para guardar (opción por defecto).
          • Visualización mediante visor: solo disponible para archivos PDF.
        • Podemos indicar qué datos del fichero deseamos mostrar en la página que muestra el PDF. Solo disponible para PDF en modo visualización mediante visor.
           
      • Estadísticas: muestra las estadísticas de uso del archivo:
         
      • Mover: nos permite mover el fichero entre páginas del mismo o de diferente Website.
         
      • Eliminar: elimina el fichero subido a la aplicación archivos (no elimina el enlace de la página). El fichero deja de ser accesible.
         
  4. Una vez configuradas la opciones de los documentos que deseamos insertar, volvemos al listado:
    1. Seleccionamos los documentos, marcando la "Casilla de verificación" situada bajo su icono.
    2. Pulsamos en el botón "Añadir Documentos" para insertarlos en la página web y aceptamos el mensaje informativo emergente.
      Seleccionar y Añadir
       
  5. La ventana de "Configuración" del widget "Documentos y enlaces" nos mostrará los elementos incluidos.  Aceptamos y cerramos.
  6.  Actualizamos la página Web para publicar los cambios.

Crear enlaces a Galería de imágenes

Desde el Gestor Web, arrastramos y soltamos el widget "Documentos y enlaces" en un lugar de la página. Pulsamos en la rueda dentada para configurarlo: elegimos la opción "Galería de imágenes" del campo "Añadir elemento".

La ventana nos mostrará un listado de las Galerías disponibles en nuestro Website con una casilla de verificación junto a su nombre.

Añadir enlaces a Galerías de imágenes

 

Marcamos las galerías que deseamos enlazar y pulsamos el botón "Añadir". Aceptamos, Cerramos y Actualizamos la página para publicar los cambios.