Acceso a la edición web

Una vez identificados en la Web UCM, hacemos clic en nuestro nombre (arriba a la derecha) y accedemos a "Mi escritorio" que contiene los siguientes accesos directos:

Mis Webs: listado de las Webs sobre las que tenemos permisos de edición.

Aplicaciones Web: listado de aplicaciones autorizadas para la creación de contenido Web.

  Gestor Web UCM

Cuando navegamos identificados en la Web UCM y nos situamos en una página Web sobre la que tenemos permisos de edición, vemos en la parte superior izquierda el botón "Editar":

Pulsando el botón editar accedemos al Gestor Web UCM:

El Gestor UCM nos da acceso a las herramientas para la creación, edición y publicación de contenido Web.

  Método básico de la edición Web

1. Crear páginas con una estructura organizada de manera jerárquica.
   
   
    
2. Elegir una plantilla para cada página para que el contenido quede organizado en secciones o apartados. La página de portada del Website dispone de plantillas especiales que no están disponibles para el resto de las páginas: permiten añadir imágenes de fondo de portada, noticias destacadas, noticias normales, avisos...
     
3. Incorporar contenido (texto, vídeos, documentos...) arrastrando y soltando los widgets a los contenedores (secciones) de las plantillas.
    
4. Establecer la navegación entre las páginas por medio de menús y enlaces. El campo "título corto" de la configuración de las páginas será el texto de los menús principales y de los menús desplegables.
   
   La ilustración muestra los menús principales que se corresponden con páginas de primer nivel, es decir, páginas hijas de la portada del Website.

Cuando accedemos al modo edición (pulsando en el botón Editar)

se abrirá, en la columna izquierda, el Gestor Web UCM. El Gestor UCM consta de las siguientes herramientas:

1.   Vista previa

Pulsando en este icono se muestra una vista del contenido tal y como se verá de manera pública, sin necesidad de publicarlo. La página mostrará el aviso: ATENCIÓN: esto es una vista previa.

2.   Estado / Visibilidad

Pulsando en el desplegable "Estado / Visibilidad" podemos actualizar (publicar) los cambios realizados.

• Si estamos en la portada podemos actualizar los menús de navegación del Website y el contenido de la portada.
• Si estamos en cualquier otra página podemos gestionar su publicación y su visibilidad.

Portada. Estado y Visibilidad.

En la portada encontramos:

• El Estado del Website (de la portada y de todas las páginas):
  • Publicada: Website accesible de manera pública.
  • En Pruebas: sólo es accesible a los editores autorizados.
• Visibilidad: pública. Accesible para todos los usuarios.
• Actualizar menús: pulsamos este botón para reflejar los cambios realizados en los menús de navegación.
• Actualizar portada: pulsamos este botón para reflejar los cambios realizados en el contenido de la portada.
  • El punto rojo indica que está pendiente de actualizar.
  • El punto verde indica que la portada está actualizada.

Página. Estado y Visibilidad.

Del mismo modo que en la portada, en cada página podemos ver su estado de publicación y visibilidad:

• Tenemos tres posibles Estados de Publicación de cada página Web:
  • Borrador: página solo es accesible a los editores autorizados.
  • Publicar ahora: publicamos la página para que sea accesible de manera pública.
  • Programada: página no visible hasta la fecha y hora de publicación señalada.
• La Visibilidad de cada página puede ser:
  • Pública: accesible para todos los usuarios.
  • Privada: accesible solo para un grupo de usuarios definido.

• El Botón "Actualizar la página en la web" permite publicar ;los cambios realizados en la página.

3.   Añadir contenido

Cuando pulsamos en el menú Añadir, un desplegable muestra los widgets, que son herramientas para añadir distintos tipos de contenido. Según el tipo de contenido que deseamos añadir elegimos el widget correspondiente (texto, documentos, vídeos...) y haciendo clic en el widget, lo arrastramos y soltamos en el lugar deseado de la página.

Los lugares donde insertamos los widgets vienen marcados por un fino recuadro que indica el ancho de columna que va a ocupar. En cada uno de los recuadros de la página podemos insertar tantos widgets como deseemos. Si el recuadro ya tiene un componente, podemos insertarlo encima o debajo, posición que será resaltada en gris antes de soltarlo.

4.   Configuración de página y de portada

Configuración de página

La configuración de página nos permite administrar varios aspectos esenciales de la misma:

1. Cambiar título y atributos: una ventana nos muestra las siguientes opciones:
   • Título de la página.
   • Título corto: si añadimos un título corto se mostrará como menú principal o menú desplegable de navegación, después de actualizar página y portada.
   • Orden: dentro del conjunto de páginas del Website.
   • Buscador: para incluir la página en la búsqueda UCM.
   • Descripción: permite añadir una descripción de la página que se muestra debajo del título.
   • Dirección de la página (URL): se recomienda no modificar. Sólo admite caracteres alfanuméricos, en minúsculas, sin eñes y sin espacios ni acentos.
   • Enlace externo: permite redireccionar la página Web.
     
      
2. Cambiar plantilla: para organizar el contenido de la página en secciones.
3. Mover página: permite desplazar la página a otra posición dentro del Website o a otro Website.
4. Idioma: vincular la página a otra equivalente en otra lengua. Por ejemplo, podemos tener una versión en español y otra en inglés de nuestro sitio Web.

Configuración de portada

En el caso de las portadas la configuración depende del tipo de plantilla elegida. Tenemos dos tipos de plantillas:

• Plantillas de noticias: marcadas como NEWS. Permiten gestionar las noticias de portada.
• Resto de plantillas: permiten incluir imágenes de fondo que rotan de manera aleatoria.
   

Portada Noticias

Las opciones de configuración de portada de noticias nos permiten:

• Cambiar plantilla.
• Gestionar noticias de portada.
• Etiquetas HTML (Metatags): permite definir algunos parámetros a nivel de Website para mejorar el posicionamiento en buscadores. También permite comprobar si tenemos configurado un código de Google Analytics para obtener estadísticas de uso del Website.
  
  • Título del Website: sólo hace referencia a una etiqueta de la página web y no al nombre del Website, el cambio solo tiene impacto en la indexación de buscadores.
  • Descripción: por defecto, se cumplimenta de manera genérica, pero podemos modificar la información para que, cuando sea indexada, aparezca como un resumen del Website en los resultados de búsqueda.
  • Keywords: palabras clave que permiten identificar la temática del Website para que pueda ser clasificado e indexado.
  • Código de Google Analytics: nos permite comprobar el código de seguimiento de Google Analytics que tenemos cargado en nuestra Web.
     
• Gestionar avisos de portada.
   

Portada Imágenes de fondo

Las opciones de configuración de portada de imágenes de fondo nos permiten:

• Cambiar plantilla.
• Gestionar fotografías de portada.
• Etiquetas HTML (Metatags): de la misma manera que la portada de noticias permite definir algunos parámetros a nivel de Website para mejorar el posicionamiento en buscadores: Título del Website, Descripción y Keywords. También permite comprobar si tenemos configurado un código de Google Analytics para obtener estadísticas de uso del Website.
• Gestionar avisos de portada.
  

5.   Jerarquía de páginas

Los sitios web se componen de páginas con una estructura organizada de manera jerárquica. Para movernos por dicha estructura contamos con el menú desplegable Jerarquía de páginas. Desde este menú podemos desplazarnos por todas las páginas del sitio Web, independientemente de su estado de publicación o visibilidad (si somos editores de todo el Website). De este modo, podemos llegar a una página que, por ejemplo, está en modo Borrador, para seguir trabajando en ella, mientras que desde la vista pública el borrador no es accesible.

Cuando nos movemos por las páginas del Website desde "Jerarquía de páginas" lo hacemos por niveles, es decir, si estamos en la portada veremos solo las páginas hijas de la portada (páginas de primer nivel). Para ver las páginas hijas de una página tendremos que situarnos en esa página y así sucesivamente. Debemos ir navegando, seleccionándolas y descendiendo hasta la página a la que deseamos acceder:

• La página marcada en "negrita azul" es la página donde nos encontramos.
• La página marcada en "verde" es su página superior, de la que cuelga.
• Las páginas marcadas en negro son las páginas hijas, a las que podemos acceder pulsando sobre su título. Para volver a subir, pulsaremos sobre la página superior en verde, salvo en el caso de la portada que, obviamente, no tiene página superior.

En la parte inferior encontramos el botón "Gestionar páginas hijas" que nos permite:

• Cambiar el orden de las páginas de los menús y submenús desplegables de navegación
• Gestionar los permisos de visibilidad de la página para restringirlos a: Estudiantes, PDI y PAS.

6.   Contenido inactivo

El botón "Contenido inactivo" solo está visible cuando hemos desactivado y guardado un componente (un widget de texto, un widget de redes sociales, etc.).

Cuando pulsamos en el icono "aspa de cierre"  de los widget para eliminar contenido, podemos "desactivar y guardar" en vez de eliminar definitivamente:

La opción "Desactivar y guardar" nos permite eliminar el widget de la página de manera que queda almacenado y disponible en el botón "Contenido inactivo". De este modo, podemos volver a incorporarlo en la página web en otro momento. Para recuperarlo solo tenemos que pulsar en "Contenido inactivo", y arrastrar y soltar el widget en el lugar de la página donde deseado.
Cuando hay más de un componente desactivado éstos se van "apilando" en orden. Los desactivados más recientemente quedan "encima". Para llegar a uno concreto debemos "sacar" primero los desactivados más recientemente.

7. Botones de acciones

Esta sección del Gestor UCM nos permite:

1. Guardar cambios (Contenido actualizado): sirve para guardar cambios. el icono adopta dos formas:
   •  Todos los cambios han sido guardados.
   •  Hay cambios pendientes de guardar: el "check"   se convierte en disquete cuando movemos los widgets de lugar. Pulsando en el disquete este se converte en check (cambios guardados).
      
2.  Crear página: permite la creación de una nueva página web que colgará de aquella en la que estamos situados.
    
3.  Eliminar página: nos permite eliminar la página actual siempre que esta no tenga páginas hijas colgando de ella (tenemos que eliminar primero las hijas).
    
4.  Ayuda: ayuda sobre el gestor web. Redirige a la FAQ de la Web Institucional.
    

8. Aplicaciones

Accesos directos a las Aplicaciones para trabajar con archivos y documentos, imágenes y formularios.

• Archivos: nos permite almacenar y gestionar archivos y documentos en nuestras páginas Web. Cada página es la carpeta que contiene los archivos. La aplicación permite subir archivos, borrarlos, modificar sus atributos, gestionar permisos para restringir su visualización, elegir entre descarga o visualización de PDF o ver estadísticas de uso. Los archivos se insertan en las páginas con el widget  Documentos y enlaces.
   
• Galerías de imágenes: esta aplicación nos permite subir y gestionar las imágenes de nuestro espacio web. Podemos organizar las imágenes en galerías o carpetas (a diferencia de la aplicación archivos estas carpetas las creamos, no son las páginas). Podemos configurar los atributos de las imágenes e insertar cada una de estas con el widget Texto. También podemos insertar todas las imágenes de una carpeta, con el widget Galería de imágenes. Podemos configurar las galerías, controlar su visibilidad: pública o privada, seleccionar los campos que deseamos mostrar y elegir su apariencia: clásico, carrusel, zoom, lista, fila o circular.
   
• Formularios: La aplicación formularios nos permite crear formularios para posteriormente insertarlos en nuestras páginas con el widget Formulario. Podemos diseñar nuestros formularios incluyendo los campos, dependencias entre los mismos, así como gestionar los datos recibidos y los correos que recibirán las notificaciones.