manual de usuario – gestor de...

MANUAL PARA REDACTORES

PORTALES MUNICIPALES

MANUAL PORTALES MUNICIPALES PARA REDACTORES

CONTROL DE DOCUMENTO

Título del proyecto

CODIGO TÍTULO

GP-DS-C0 MANUAL PORTALES MUNICIPALES PARA REDACTORES

Elaboración

RESPONSABILIDAD TÍTULO

Desarrollado por Davit Marchuet, Carolina Lázaro, Iván Minguet, Alberto Gómez (Digital Value)

Revisado por Juan José García (Digital Value)

Aprobado por

Control de Versiones

VERSIÓN FECHA OBSERVACIONES

0.5 1 de Septiembre 2010 Primera versión

1.0 20 Septiembre 2010 Versión revisada y corregida

2.0 30 octubre de 2010 Nuevas secciones Paginator, tipo de contenido imagen a archivo. Modificado todo el proceso de crear contenido por cambio permisos publicación en sección

2.1 13 diciembre de 2010 Nueva sección Administrar menú. Ampliada sección de carteles. Cambiadas capturas de pantalla.

2.2 13 junio de 2012 Versión revisada y corregida

3.0 5 abril de 2013 Actualización de todos los contenidos

2


Introducción. El contenido y la estructura del portal............................. 5

Introducción.................................................................................................. 5

El contenido................................................................................................... 7

Funciones generales del contenido ..........................................................10

Elementos básicos de un contenido ....................................................10

Clasificación del contenido: Tipos de contenido ............................11

Incluir un resumen en el contenido ....................................................12

Añadir su nuevo contenido a un Menú...............................................14

Añadir a un contenido a una Caja de Enlaces...................................15

Opciones de Publicación .........................................................................15

Opciones de Programación ....................................................................17

Interacción con las redes sociales .......................................................17

Composición automática y elementos del contenido .........................20

Maquetación automática en la composición del contenido........20

Documentos adjuntos al contenido.....................................................21

Galería de imágenes de un contenido.................................................23

Incluir vídeo en el contenido.................................................................25

Incluir audio en el contenido.................................................................28

Editor visual. Composición libre en cuerpo del contenido...............29

Opciones básicas del editor de texto ..................................................29

Los estilos del portal ................................................................................32

Pegar un texto procedente de otro editor.........................................32

Insertar imágenes en el texto................................................................36

Crear enlaces...............................................................................................42

3


Paginación automática ............................................................................44

Diferentes comportamientos de los contenidos...................................47

Crear carteles..............................................................................................47

Eventos. Agenda y calendario................................................................53

Convertir un contenido en un enlace directo ..................................57

Gestionar contenido: editar y eliminar...................................................58

Menú de Administración.........................................................................58

Administrar contenido ............................................................................61

Editar Contenido........................................................................................64

Administrar menú.....................................................................................66

Traducir un contenido.............................................................................70

Gestionar traducciones ...........................................................................71

Ejercicios ..........................................................................................................73

Ejercicio 1. Crear contenido sencillo ..................................................73

Ejercicio 2. Resumen ................................................................................74

Ejercicio 3. Contenido con imágenes ..................................................75

Ejercicio 4. Contenido con archivos adjuntos ..................................76

Ejercicio 5. Galería de imágenes...........................................................77

Ejercicio 6. Inserción de vídeo ..............................................................78

Ejercicio 7. Carteles...................................................................................79

Ejercicio 8. Calendario y eventos .........................................................80

Ejercicio 9. Contenido paginado...........................................................81

Ejercicio 10. Enlaces .................................................................................82

Ejercicio 11. Traducir contenido..........................................................83

4


Introducción. El contenido y la estructura del portal

Introducción

El portal Web municipal es el punto de publicación en la red de la información más directa del municipio. A través del portal municipal las Entidades Locales (EELL) pueden hacer llegar a todos sus ciudadanos, y también a los visitantes, los objetivos de sus programas de gestión, los logros e iniciativas desarrolladas, convocar actividades, dar a conocer la agenda cultural, deportiva o tributaria, y servir de lugar de encuentro de las iniciativas locales.

Por lo tanto los portales municipales incluyen un gran número de contenidos, de tipos muy variados, gestionados por departamentos diferentes, y con públicos objetivos también diversos. La herramienta de portales municipales ha sido desarrollada para hacer más fácil construir y mantener los portales Web de las EELL.

La plataforma desarrolla el concepto de la separación entre presentación y contenido. Entre el aspecto y el contenido. Esto permite crear contenidos sin conocimientos de html o de maquetación web asegurando una presentación profesional del portal. Esta separación establece dos roles en la construcción del portal, la del redactor que crea contenidos, y la del webmaster que crea la maquetación y define la presentación del portal.

Los contenidos pueden ser utilizados en distintos lugares, con distintas presentaciones. Como veremos la especificación de contenidos es muy versátil y sigue un modelo rico de contenidos con imágenes, videos o documentos adjuntos. Se permite también la clasificación de la información mediante un sistema de etiquetas libres.

La estructura de la web se basa en los conceptos de región y de bloque. La región determina una superficie sobre la web que recibe los contenidos agrupados en bloques.

5


Fig. Estructura de la página principal de un Portal Municipal

Esta configuración de regiones puede ser muy diferente entre portales, o incluso puede cambiar entre páginas diferentes de la misma web. A

6


continuación mostramos distintas configuraciones por regiones de una página web.

Fig. Distintas plantillas Web

En las regiones se ubican los bloques de contenido de la web. Los bloques son los elementos básicos y se corresponden con cada uno de los elementos que pueden formar parte de las web.

El escudo del municipio, el menú principal, el formulario de búsqueda, el cambio de idioma y enlaces a documentos legales; son bloques incluidos dentro de las regiones o paneles de cabecera y navegación.

En la región del cuerpo del portal aparecen habitualmente otros bloques. La región cuerpo la podemos encontrar en distintas configuraciones: 2, 3 o 4 columnas. En el cuerpo podremos encontrar artículos y noticias (con y sin imágenes); carteles, situados generalmente en las barras laterales; información de interés, teléfonos de contacto, mapa de localización, el calendario de eventos, etc. Asimismo, encontraremos secciones de noticias destacadas, eventos principales y menús a contenido destacado.

En el cierre o pie de la página podemos volver a encontrar el menú principal desplegado; en caso que en la cabecera tengamos un menú desplegable. En esta sección se encuentran los anagramas de la Diputación como patrocinador del portal y del proyecto Portales Municipales, cuya presencia es obligatoria; asimismo, encontramos los datos detallados de contacto del municipio.

En el manual para webmaster se desarrollará la creación de plantillas y de regiones, y la configuración por bloques de cada página del portal, y por lo tanto del aspecto de la web. El objeto de este manual es la formación de los redactores, responsables del contenido de la web.

El contenido

Los contenidos incluyen los campos básicos de información: título, contenido, autor, fecha, revisiones y datos de revisión, documentos y archivos adjuntos, fotos, videos, información de publicación, etc.

Portales Municipales utiliza un modelado de contenido sencillo pero muy flexible y potente. A todos los contenidos que se generan en el portal, independientemente de su presentación, publicación u objetivo, se les pueden asignar diferente tipos de atributos que lo harán comportarse según corresponda. Así pues, un nuevo contenido catalogado como noticia validará

7


la información para presentarla en la portada compuesta de noticias; otro tratado como banner incrustará el cartel en el bloque asignado para tal efecto, etc.

Estas entradas, a las que llamamos contenidos, podremos identificarlas como página, noticia, banner, etc. La clasificación de los contenidos esta requerida por lo que, para poder salvar la información, se precisa la asignación de un tipo por lo menos.

La clasificación de la información se establece a través de un catálogo de etiquetas que los administradores de la web pueden administrar, creando, modificando o eliminando categorías. A estas distintas categorías las llamamos taxonomías.

Portales Municipales ha definido una clasificación de contenidos básica, adaptada a las necesidades de una EELL tipo, pero que puede ser modificada a voluntad de los responsables de la web. De esta manera la caracterización del contenido se puede desarrollar y adaptar a las necesidades de cada portal.

La clasificación básica incluye distintos aspectos de la información.

Naturaleza de la información: Define la naturaleza básica del documento o información, la caracteriza como noticia, evento, página estática, etc. Y por lo tanto define la presentación de la información en pantalla, su aparición en listados, e incluso la relación con otros elementos de contenido de la web.

Publicación: Permite asociar el contenido a distintas áreas de la web, índices de contenido especiales, o otras características de publicación.

Naturaleza

Noticia: aparecerá un resumen en la página principal en orden de creación y el aspecto dependerá del bloque en el que se muestra. Ejemplo: vista titulares, noticias con formato 1, etc.

Evento: agrega contenido del tipo agenda o calendario, asociado por tanto a una fecha. Requiere fechas de inicio y fin.

Boletín de información BIM: revista, o boletín, requiere una imagen de la portada, un documento adjunto en pdf y un título. Se mostrará en una ruta específica donde se ven los bims ordenados en una página.

Página: página de contenido independiente y que no pertenece a otro grupo.

Galería: galería de imágenes que se puede mostrar en portada y desde la página donde se muestran todas las galerías del portal. Cuando pinchas sobre una imagen se verá la imagen en su tamaño ampliado.

Cartel: es un enlace gráfico o ‘banner’ que puede tener un enlace interno o externo. Hay varios formatos programados y se pueden definir nuevos formatos, a 2 columnas, 3 x 3, 1 x 3, 3 x 1, se programan como

8


pantallas o ‘displays’, y en función del display se muestran de una forma u otra.

Archivo: creará un contenido con un título enlazado al archivo que haya subido.

9


Funciones generales del contenido

Elementos básicos de un contenido

Todos los contenidos de los portales municipales se crean del mismo modo, a excepción de las entidades. Estas últimas se han configurado exclusivamente para suministrar los elementos que compondrán el directorio.

Los elementos básicos de un contenido son, la selección del idioma, un título y un cuerpo. Opcionalmente pueden contener un resumen.

Para poder guardar una nueva entrada es necesario especificar un título y asignarle un atributo que identifique el tipo de contenido, como por ejemplo pagina, noticia, etc. Consulte el capítulo Clasificación del Contenido: Tipos de Contenido.

Partes de las que se compone el contenido.

2. Título 1. Idioma

3. Cuerpo

4. Resumen

Fig. Formulario de creación de contenido.

Para crear contenido en Portales Municipales:

1. Antes de escribir el contenido puede elegir en qué idioma del portal aparecerá el contenido. Si elige español, el nuevo contenido creado aparecerá SÓLO cuando el idioma seleccionado por el usuario sea el español. Si elige Valencià, el artículo SÓLO aparecerá cuando el idioma seleccionado sea el valenciano. Por defecto no debería especificar ningún idioma, lo que significa que el artículo creado, independientemente del idioma en el que esté redactado, aparecería en todos los casos; es decir, tanto para el

10


Español como el Valenciano. Se aconseja que haga esto siempre que no exista una traducción específica.

2. Título: desde este campo podrá añadir un título al artículo. Sea comedido en su extensión. Piense que la máxima finalidad de su portal es ofrecer información a sus usuarios, escriba pensando en lo que buscará el visitante evitando excesivos tecnicismos.

3. Cuerpo: esta es el área de creación del nuevo contenido. En primer lugar se encuentra la barra de herramientas donde aparecen los botones para seleccionar cada una de las operaciones del editor de texto visual (WYSIWYG). Seguidamente encontrará el Cuerpo del contenido donde podrá escribir texto, incluir imágenes, etc.

4. Resumen: El resumen se establece dentro del mismo editor del cuerpo con una marca de fin de resumen. Todo el texto hasta esta marca forma el resumen del contenido. Consulte el capítulo Incluir resumen en un contenido

Clasificación del contenido: Tipos de contenido

Cuando se crea contenido es imprescindible asociarlo correctamente a un tipo. El tipo permite a la plataforma colocar el nuevo contenido en su espacio correspondiente con la presentación adecuada. Si se equivoca de tipo a la hora de crear nuevo contenido, posiblemente no se visualice ni en el sitio ni de la forma correcta.

Pueden clasificarse un contenido dentro de varias categorías. Así un contenido puede ser página, a la vez que noticia, o incluso evento y por lo tanto publicado en calendario. Los contenidos no se pueden guardar hasta haber sido clasificados con al menos un tipo de contenido.

Los tipos de contenido predefinidos son los que se muestran en la imagen.

11


Fig. lista de tipos de contenido desplegada

Los tipos de contenido pueden cambiar. El administrador del sitio puede establecer sus propios tipos de contenido, y por lo tanto el listado anterior podría cambiar. En este manual revisaremos los tipos por defecto y los más comunes para la administración de un sitio web.

Las etiquetas sistema corresponden a tipos internos, no seleccione ningún tipo de sistema al agregar nuevo contenido.

Incluir un resumen en el contenido

La manera correcta de incrustar un resumen es la siguiente.

12


Posiciónese al final del último párrafo destinado a convertirse en resumen o al principio del primero del cuerpo y pulse la tecla “intro”.

Con esto incorporará un nuevo espacio dispuesto a albergar un bloque de texto.

13


Ahora seleccione el botón resumen (Opción 4 en la figura Formulario de creación de contenido.)

La inclusión de la marca de resumen es conveniente en cualquier contenido, ya que facilitará listados más estructurados y comprensibles, pero es especialmente necesario para aquellos catalogados como “noticia”.

Con la opción “Mostrar resumen en visión plena” indicamos al portal qué la parte de resumen se muestre junto con el resto del contenido al mostrar el contenido en página completa o visión plena. Es recomendable que deje esta opción SIEMPRE marcada.

Una vez finalizada la creación del contenido deberá pulsar el botón ‘Guardar’ para que se cree el artículo en el Portal. Desde el botón ‘Vista previa’ podrá hacer una previsualización de su artículo sin guardar.

Añadir su nuevo contenido a un Menú

Para crear una entrada en el menú para el contenido utilizamos los campos de la solapa vertical ‘Opciones de Menú’. Se solicita el título del enlace en el menú, el elemento padre del elemento del menú que estamos creando, y el peso o posición de este enlace dentro de todos los contenidos con un mismo elemento padre.

14


Fig. Opciones de Menú

El menú se utiliza como elemento de organización principal del portal web.

Añadir a un contenido a una Caja de Enlaces

Las Cajas de Enlaces son listados filtrados por taxonomia. Algunos portales las usan como menús generales o también para mostrar conjuntos de enlaces que se consideran interesantes para el ciudadano. Por ejemplo, estas cajas pueden contener los elementos típicos de un menú Ayuntamiento o los enlaces de Anuncios.

Para que su nuevo contenido se visualice en una Caja de Enlaces, seleccione la taxonomia correspondiente. Recuerde que el webmaster es el único que puede crear la taxonomia y posicionar la Caja de Enlaces en el portal. El Redactor sólo tiene que clasificar el nuevo contenido con el tipo adecuado.

Para saber más consulte el capítulo: Convertir un contenido en un enlace directo.

Opciones de Publicación

Las opciones de publicación determinan el estado y comportamiento del contenido en las presentaciones, por ejemplo en la portada o en los resultados de las búsquedas.

Publicado

Permite crear contenidos sin que sean visibles a los visitantes del portal. Para que un contenido quede publicado es necesario marcar esta casilla. De la

15


misma manera podemos despublicar un contenido desmarcando esta casilla. Esta opción está seleccionada por defecto.

Colocado en la página principal

Permite que un contenido aparezca en la página principal. Los contenidos que no están marcados pueden aparecer en páginas interiores pero no en esta.

Fijo al comienzo de las listas

Permite fijar contenidos en la cabecera de los listados a los que pertenece, con independencia del peso y la fecha que tengan ellos y otros de su misma categoría. Esta opción se utiliza para forzar a un contenido a estar por encima del resto. Utilice esta opción sólo cuando desee interrumpir el flujo de presentación habitual y demárquela antes de asignar una nueva para evitar conflictos.

La opción de Fijo al comienzo de las listas deberá desmarcarse cuando queramos que el contenido ya no aparezca más como primer elemento del listado y vuelva a su posición.

16


Fig. Opciones de Publicación

Opciones de Programación

Portales Municipales permite programar la publicación de un contenido. De esta manera pueden prepararse previamente contenidos que serán publicados en la fecha indicada. Y de la misma manera es posible despublicar un contenido una vez superada la fecha de fin. Todas estas opciones se controlan desde la solapa Opciones de Programación de la pantalla de creación de contenido.

Fig. Opciones de Programación

Interacción con las redes sociales

Todo el contenido del portal se puede compartir a través de las redes sociales más conocidas, como son Facebook y Twitter. Para ello, cualquier

17


usuario que acceda al contenido de la Web podrá pulsar en el botón que está situado en la parte inferior derecha del artículo tal y como se muestra a continuación:

Fig. Compartir contenido en las principales redes sociales. Botón de Facebook.

Cuando se pulse el botón de compartir, abrirá una ventana para que el usuario introduzca los datos para registrarse con su cuenta de Facebook y pueda compartir el contenido correspondiente.

Fig. Ventana de registro en Facebook.

Una vez ingrese los datos de registro y pulse entrar y aparecerá un formulario de edición del contenido a compartir.

18


Fig. Compartir contenido en Facebook.

Puede editar la información y pulsar ‘Compartir’ para finalizar. Sobre el botón de ‘Facebook’ aparecerá un texto indicando el número de veces que un artículo ha sido compartido.

19


Composición automática y elementos del contenido

La composición del contenido está automatizada y responde a la plantilla que muestra la imagen.

Existen varios elementos disponibles para el Redactor que le permitirán enriquecer un nuevo contenido, como fotografías; archivos adjuntos, de video y de audio.

A parte, el Redactor podrá componer el cuerpo del documento con total libertad gracias a su intuitivo editor que dispone de todas las herramientas necesarias. Podrá incluir imágenes, posicionarlas donde desee y con el tamaño que necesite, vincular textos o ilustraciones a otras páginas, además de las propias de un editor de textos como: formatos de texto, tamaños, listas, etc.

Consulte el apartado Editor visual. Composición libre del cuerpo para saber más.

Maquetación automática en la composición del contenido

Portales Municipales le ofrece una opción muy rápida para ilustrar un texto con una imagen sin necesidad de perder tiempo en su composición. Es muy práctico, ya que podrá subir la imagen a cualquier resolución. Automáticamente el gestor se encargará de redimensionarla y ajustarla.

Fig. Formulario de creación de contenido de tipo galería.

En la pestaña Imágenes, la primera opción ‘Mostrar primera imagen’, determina si la imagen que estamos subiendo se maquetará automáticamente en el texto del cuerpo. Por defecto está marcada la opción ‘Sí’.

Para que esta no se repita en la galería de fotos del pie del contenido desmarque la opción “lista”

20


Fig. Ejemplo de la imagen incluida en la maquetación del cuerpo.

Para incluir un pie de foto escriba un texto en el campo título.

Fig. Campos de la imagen

Documentos adjuntos al contenido

Portales Municipales permite adjuntar archivos a cualquier contenido tal y como veremos a continuación.

Tipos de documentos.

Podrá adjuntar tipos de archivo conocidos como archivos adjuntos de cualquier contenido, aunque normalmente incluiremos archivos del tipo .pdf

21


(Portable document format), que son muy habituales en las webs y en la operativa de las EELL.

Adjuntar uno o varios archivos.

Para adjuntar uno o varios archivos debe hacer clic en la opción ‘Archivos adjuntos’ del menú inferior de propiedades de la página:

Fig. Formulario para adjuntar archivos al contenido.

Pulse el botón examinar para abrir la ventana de exploración de carpetas de Windows y busque el documento que quiera adjuntar, selecciónelo y pulse doble clic o en el botón abrir de la ventana de exploración de carpetas.

Fig. Ventana de exploración de carpetas de Windows. Búsqueda de documentos.

Una vez cargado el archivo pulse el botón ‘Adjuntar’ para finalizar el proceso, espere mientras se realiza la carga del documento indicada mediante una barra de carga. Si todo ha ido bien, debería ver una lista con el nombre y las propiedades del archivo adjunto tal y como se muestra a continuación:

22


Fig. Listado con los documentos adjuntos al contenido.

A partir de aquí, puede adjuntar más archivos o bien finalizar la creación de contenido pulsando sobre el botón ‘Guardar’ como ya se explicó en el punto anterior.

Con la opción de lista (marcada por defecto), le decimos al sistema que muestre los documentos adjuntos en forma de lista debajo del texto del contenido creado, tal y como se muestra en la siguiente captura:

Fig. Listado de los documentos adjuntos en la vista del contenido.

Si se desmarca esta opción de lista, los documentos no se verán en la maquetación del contenido, aunque seguirán asociados a él.

Para borrar un archivo seleccione el botón correspondiente.

Galería de imágenes de un contenido

Puede asociar una o varias imágenes a cualquier contenido desde la pestaña Imágenes con el fin de generar una galería al pie del contenido.

Desde el cuadro de Imagen, podrá examinar sus carpetas y subir la imagen que desee; el procedimiento es el mismo que el explicado en los puntos anteriores.

23


Fig. Imagen insertada en la galería.

Puede seguir subiendo imágenes pulsando el botón ‘Añadir otro elemento’ y repitiendo el mismo proceso de subida.

Fig. Listado de imágenes de una galería.

La imagen, o imágenes asociadas al contenido tienen una caja de selección ‘Lista’ que indicará a la aplicación si esa imagen se debe mostrar (si está

24


seleccionada) o no (si está deseleccionada) en la vista completa del contenido.

Incluir vídeo en el contenido

Además de los imágenes y archivos, también podrá subir o enlazar vídeos en el contenido. En los siguientes apartados explicaremos ambas opciones, teniendo en cuenta que la recomendación es que enlace vídeos desde webs especializadas siempre que pueda, lo que supondrá un ahorro de espacio y carga en su portal.

Incluir vídeo desde youtube, vimeo y las principales webs de vídeos

Para insertar vídeo desde youtube.com o alguna otra página de vídeos, primero deberá buscar el vídeo que desea incluir en el portal.

En el ejemplo verá cómo se incluye un vídeo desde el portal de youtube.com. Para ello accederemos al mismo y localizaremos el vídeo que deseamos subir, tal y como se muestra en la siguiente imagen.

Fig. Copiar código desde youtube.com para insertar el vídeo en el contenido.

25

http://www.youtube.com/

http://www.vimeo.com/



Para incluir el código seleccione la opción deshabilitar texto enriquecido, que hará desaparecer el editor. A continuación, pegue el HTML y guarde el contenido.

Por estética, le recomendamos que centre el video a la página. Para hacer esto incluya la etiqueta <div align=”center”> antes del código facilitado por la web de orien y </div> al final.

Fig. Copiar código desde youtube.com para insertar el vídeo en el contenido.

Subir vídeos adjuntos al contenido

Para adjuntar un vídeo en una página, seleccione la pestaña "Vídeo" en el menú inferior. Descubrirá que el proceso es similar al proceso de adjuntar archivos.

Los formatos de vídeo permitidos son: .mov .mp4 .3gp .3g2 .mpg .mpeg .divx .rm .flv .f4v .swf .dir .dcr .asf .wmv .avi .mpg .mpeg .ogg.

Fig. Formulario de inserción de vídeos.

A continuación, pulse el botón ‘Examinar…’ para abrir la ventana de exploración de carpetas; desde esta ventana, busque y seleccione el vídeo a subir y luego pulse el botón ‘Abrir’ en la ventana del explorador de carpetas.

26


Fig. Formulario de inserción de vídeos con vídeo cargado.

Una vez está seleccionado el vídeo, pulse el botón ‘Subir’ y espere a que desaparezca la barra de carga para poder acceder a las propiedades del vídeo que se describen a continuación.

Fig. Formulario de propiedades del vídeo adjunto.

Propiedades del vídeo.

Descripción: este campo añade un texto descriptivo al vídeo.

Ancho: puede modificar el valor de ancho en píxeles para el vídeo.

Alto: puede modificar el valor de alto en píxeles para el vídeo.

El botón ‘Eliminar’ eliminará el vídeo subido.

NOTA: Sólo puede subir un vídeo por contenido creado.

Una vez finalizada la edición (si se quiere se pueden dejar los valores por efecto), pulse el botón ‘Guardar’ para crear el contenido nuevo con el vídeo adjunto.

Fig. Ejemplo de vídeo insertado en el contenido.

27


Incluir audio en el contenido

De la misma manera que subimos los videos podemos adjuntar audios. Repase el apartado anterior y siga el mismo procedimiento.

Para adjuntar un vídeo en una página, seleccione la pestaña "Audio" en el menú inferior.

El formato de audio permitido es .mp3

28


Editor visual. Composición libre en cuerpo del contenido

El editor es un sistema de escritura y composición de imágenes que permite la elaboración de contenidos cómodamente.

A los redactores les será de gran ayuda, pero conviene saber que no todas sus funcionalidades deben ser usadas alegremente ya que el redactor podría modificar los aspectos visuales de la tipografía que se heredan del conjunto de estilos definidos para el portal. Utilice las opciones del editor sólo para pequeños ajustes, por ejemplo destacar una palabra en rojo, realzar un titular, etc.

Consulte el capitulo Los estilos del portal

Opciones básicas del editor de texto

El editor de texto de Portales Municipales tiene muchas opciones, pueden cambiarse muchos aspectos del texto del cuerpo del contenido y también insertar imágenes junto al texto. .

Fig. Menú de opciones del editor de contenido WYSIWYG

Fig. Barra de herramientas de formato del editor de texto.

Formato de fuente

Negrita, cursiva, subrayado.

Formato de párrafo

Tipos de alineación: izquierda, centrada, derecha y justificada. Aumentar y reducir sangría.

Numeración y viñetas

Listas numeradas (listar ordenadas) y viñetas.

Otras opciones

Edición básica: Deshacer y Rehacer. Copiar y pegar. Buscar.

29


Alineación de textos

Para alinear a la izquierda del texto, pulse la tecla barra de herramientas botón. El texto fluirá hacia el margen izquierdo o cuneta y habrá un poco de espacio a la izquierda de la derecha, cuando una palabra no cabe en la línea. Cuando se alinean a la izquierda del texto, el párrafo está alineado con el margen izquierdo y el texto es irregular en el lado derecho.

Para centrar el texto, pulse la barra de herramientas botón. Al centrar su texto, el párrafo se alinea simétricamente a lo largo del eje vertical y el texto es desigual en ambos lados. Este ajuste se utiliza a menudo en los títulos o celdas de tabla.

Para alinear el texto a la derecha, pulse el botón barra de herramientas botón. Cuando alinea el texto a la derecha, el párrafo está alineado con el margen derecho y el texto es irregular en el lado izquierdo.

Para justificar el texto, pulse la barra de herramientas botón. Al justificar su texto, el párrafo está alineado con el margen izquierdo y derecho, el texto no es irregular en cualquier lado. En lugar de esto, el espaciado adicional se realiza a través cantidad flexible del espacio entre letras y palabras que se pueden estirar o contraer de acuerdo con las necesidades.

Listados

Las listas con viñetas son útiles cuando se desea agrupar un número de elementos que no tienen que aparecer en cualquier orden particular. Existen dos tipos de listados, las viñetas y las numeradas, ambas funcionan y se comportan de la misma manera. Vamos a explicar el funcionamiento sobre las viñetas, pero de la misma manera se

Para crear una lista con viñetas, pulse la tecla botón en la barra de herramientas. Un marcador de lista por defecto aparecerán al principio de la línea de texto que contiene el cursor y la línea se convertirá sangría. Si desea agregar elementos adicionales de la lista, pulse Intro en el teclado. El cursor se moverá a la siguiente línea con un marcador de lista colocada en su comienzo.

La lista continúa automáticamente mientras se pulsa Intro al final de una línea. Si desea suprimir creación de la lista, pulse Intro en una línea en blanco con un marcador de lista o haga clic en el botón de nuevo. El cursor se moverá al siguiente párrafo, sin sangría.

Otro método para agregar una lista con viñetas es seleccionar uno o varios párrafos y pulse el botón en la barra de herramientas. Cada párrafo se convertirá en un elemento de la lista por separado.

Si desea quitar el formato de lista, quedando el texto de los elementos de la lista intactos, seleccione la lista que figura en el documento y pulse el

30


botón en la barra de herramientas. Los marcadores de lista y sangría será eliminado y cada uno de los elementos de la lista anterior se convertirá en un párrafo.

Tablas

Para crear una tabla el editor, pulse el botón en la barra de herramientas. La ventana de diálogo Propiedades de tabla que se abre le permite definir las opciones de configuración que definen tamaño de la tabla, sus propiedades de pantalla, u otras propiedades avanzadas.

La ventana de diálogo Propiedades de tabla incluye dos fichas que las opciones del grupo de la tabla: Propiedades de la tabla, Avanzado

La pestaña Propiedades de la tabla es la ficha predeterminada que se abre después de pulsar el botón en la barra de herramientas. Le permite establecer las dimensiones de la tabla y configurar la forma en que aparece en el documento.

Filas - el número de filas de la tabla (obligatorio).

Columnas - el número de columnas de la tabla (obligatorio).

Ancho - ancho de la tabla en píxeles o un valor de por ciento. Dar el ancho como un valor de porcentaje permite establecer la proporción del área de edición que la tabla va a ocupar.

Altura - La altura de la tabla en píxeles.

Encabezados - la lista desplegable que da formato a las celdas determinadas como encabezados, que se aplica un formato especial para ellos. Puede aplicar un formato de encabezado de la primera fila, primera columna o Ambos.

Tamaño del borde - el grosor del borde de la tabla en píxeles.

Alineación - la alineación de la tabla en la página. Las opciones disponibles son las siguientes: Izquierda, Centro, Derecha.

El espaciado entre celdas - el espacio entre las células individuales, así como células y bordes de tablas, en píxeles.

Relleno de celda - el espacio entre el borde de la celda y su contenido, en píxeles.

Leyenda - la etiqueta de la tabla que se muestra en la parte superior de la misma.

Resumen - el resumen de los contenidos de la tabla que está disponible para los dispositivos de asistencia, como los lectores de pantalla. Es

31


una buena práctica para proporcionar a sus tablas con el texto del resumen con el fin de hacerlo más accesible a los usuarios con discapacidades.

Los estilos del portal

Los estilos del portal vienen determinados por una hoja de estilos. En ella se han diseñado todos los elementos que componen el portal, incluso las diferentes opciones de presentación aplicables por medio de los SKINR (disponibles sólo para el webmaster) Estos estilos determinan pues el aspecto de nuestras páginas.

Cuando creamos un contenido haciendo un uso excesivo de las opciones visuales del editor, como el tamaño de la fuente, el color, la familia, el justificado, etc. estamos diseñando una página cuyo aspecto diferirá notablemente de la regla general. Es muy normal que cuando se producen contenidos con esta libertad, la cantidad de páginas con estilos diferentes acabe molestando a los visitantes, ya que al navegar se visualizan los contenidos con formatos diferentes.

Un ayuntamiento no debe de caer en este error. Estéticamente es muy reprobable el uso de diferentes grafismos a lo largo de la navegación ya que proporcionan al visitante una visión negativa. La línea gráfica debe ser aprobada por el webmaster y en todo caso usar los estilos definidos por la plataforma o por una hoja de estilos propia.

Fig. A la izquierda todos los contenidos guardan el estilismo del portal. A la derecha, cada contenido se ha creado con estilos caprichosos. La sensación del visitante al navegar es muy negativa.

Pegar un texto procedente de otro editor

Por regla general los contenidos se han escrito en otros editores y se tiene posteriormente la necesidad de incorporarlos al portal. Esta es una tarea que se repetirá muchas veces y que deberemos aprender a realizar correctamente.

Tenemos la tendencia a seleccionar el texto y copiarlo (Ya sea de otra página web o de otro editor como el Word, por ejemplo) y pegarlo después en el editor de Portales Municipales. Puede hacerse así, pero no es para nada aconsejable. Al pegar directamente (incluyendo por tanto los estilos del portal de origen) estos se solapan a los propios.

32


Imaginemos que hemos de copiar una noticia que nos interesa de un periódico digital y que tiene diferentes estilos de color, tamaño, alineado, espaciados, etc. Cuando usted copia ese texto está cargando al mismo tiempo sus estilos en el portapapeles y cuando pega ese texto el editor de la plataforma recibe la letra y la forma en la que se diseñó. Veamos un ejemplo:

Fig. Copiado directo de una noticia en el portal.

El editor muestra la noticia con bastante parecido al original pero no hay que dejarse engañar. En este caso están ocurriendo dos acciones que deberíamos evitar siempre, el conflicto de estilos y código HTML “basura” que explicamos a continuación.

Conflicto de estilos

Los estilos del portal pueden colisionar frontalmente con los que llegan de un contenido externo, añadiendo alineados, tamaños y familias de fuentes, colores, etc. El redactor no decide el formato de las páginas ya que su objetivo es integrar el nuevo contenido haciéndolo compatible con la línea gráfica del portal, ya sea la genérica de Portales Municipales o una propia realizada por algún estudio de diseño.

Para evitar el choque de estilos, NUNCA pegue directamente en el editor del gestor de contenidos. Utilice la opción Pegar como texto plano que le abrirá una nueva ventana. Pegue el texto en ella y pulse Aceptar para su correcta integración. Con esto se elimina todo aquello que no sea letra, convirtiendo así el nuevo contenido en un elemento limpio de estilos foráneos al portal.

33


Fig. Noticia pegada sin estilos.

Código limpio: desactivar el texto enriquecido

Los redactores, en la mayoría de los casos, no tienen conocimientos profundos de informática, pero para entender el motivo por el cual no se recomienda el pegado directo debemos hacer una pequeña explicación un poco más técnica.

Al usar el editor no percibimos que más allá de la pantalla que tenemos a la vista se está generando un código que convierte lo que usted escribe a un lenguaje informático. Cada ajuste que usted hace es interpretado por medio de unas etiquetas colocadas internamente que ordenan a cada navegador lo que debe representar en pantalla. Por ejemplo, cuando selecciona una frase para pintarla de rojo, el código interno aplica una etiqueta a ese conjunto de caracteres atribuyéndole el color elegido. Para ver el código generado automáticamente, seleccione la opción situada bajo el pie del cuerpo denominada desactivar texto enriquecido.

34


Fig. En la ilustración podemos apreciar la diferencia en el código. En la pantalla sobreimpresa se observa el exceso de código que se genera con un pequeño cambio.

En el ejemplo inicial de este capitulo, donde pegamos directamente la noticia, se puede apreciar mucho más la diferencia.

Fig. En la segunda imagen podemos ver el código basura con un exceso de HTML.

Para volver al editor seleccione la opción activar texto enriquecido.

35


Insertar imágenes en el texto

Entre las funciones avanzadas del editor está la de incorporar imágenes dentro del texto.

Para agregar una imagen primero deberá colocar el punto de inserción de texto en el lugar donde quiera que se coloque la imagen. A continuación, puede pulsar el botón de inserción de imagen que se encuentra en la barra de herramientas del editor de texto, tal y como se muestra en la siguiente imagen:

Fig. Botón para insertar imagen en el contenido.

Una vez pulse el botón, aparecerá la siguiente ventana de propiedades de la imagen:

Fig. Ventana de propiedades de la imagen.

Desde aquí podrá insertar una imagen de dos formas distintas: o bien enlaza una imagen desde una dirección Web determinada; o, por otro lado, sube la imagen directamente desde su disco duro.

36


Desde una URL

Para enlazar a una imagen de Internet, deberemos primero acceder a dicha imagen desde nuestro navegador. Una vez esté en la página de la imagen, seleccione y copie la dirección Web de la imagen desde la barra de direcciones de su navegador. Pegue la dirección copiada en la caja URL del formulario de propiedades de la imagen.

Fig. Copiar la dirección de la imagen desde la Barra de direcciones del explorador.

1. Acceder a la página donde está la imagen.

2. Copiar la dirección de la imagen de la barra de direcciones del navegador.

3. Pegar la dirección copiada en el campo URL del formulario de propiedades de la imagen. Si todo va bien, debería ver una muestra de la imagen en el campo ‘Vista previa’, además, verá como los campos ancho y alto se llenan con los valores correspondientes.

37


Fig. Previsualización de la imagen una vez copiada la URL.

4. Para finalizar la inserción, pulse el botón OK.

Más adelante se explicarán detalladamente el resto de propiedades de la imagen.

Desde el servidor

Si desea subir una imagen almacenada en su disco duro, deberá pulsar el botón que aparece al lado de la barra URL del formulario ‘Ver Servidor’. Esto abrirá el explorador de carpetas del portal desde donde podrá buscar y seleccionar el archivo de imagen que quiera insertar; si el archivo no está subido, podrá utilizar la opción ‘Subir’ para subir una imagen directamente desde su disco duro. Vea el ejemplo de uso que le mostramos a continuación:

1. Pulse sobre el botón ‘Ver Servidor’ para que se abra la ventana ‘Explorador de documentos’ desde donde podrá acceder a las carpetas del servidor que contienen las imágenes guardadas, además de tener a su disposición un menú de opciones para trabajar con los ficheros almacenados.

38


Fig. Explorador de carpetas del sitio.

Fig. Menú de gestión de archivos del sitio.

2. Pulse ‘Subir’ para abrir el formulario de subida de imágenes que se muestra en la Figura a continuación.

Fig. Formulario de carga de imágenes.

3. Desde aquí, pulse ‘Examinar’ para abrir la ventana de exploración de carpetas de Windows. Localice la imagen que quiera subir, y pulse el botón ‘Abrir’.

39


Fig. Ventana de exploración de carpetas de Windows.

Fig. Ejemplo de contenido con una imagen cargada.

4. Una vez tiene insertada la imagen puede volver a mostrar la ventana de propiedades seleccionándola y pulsando el botón de insertar imágenes, o pulsando con el botón derecho sobre la imagen y eligiendo la opción ‘Propiedades de imagen’.

40


Otras opciones de la ventana de Propiedades de la Imagen

Fig. Ventana de propiedades de imagen

1. Texto Alternativo: es una propiedad importante de las imágenes. Este texto es el que se mostrará si falla la carga de imágenes, o si un usuario navega con la opción de ver imágenes deshabilitada. Es recomendable añadir un texto alternativo a cada imagen que suba y es obligatorio para que el sitio sea accesible.

2. Anchura y altura: determina el tamaño en píxeles de la imagen que va a insertar. Puede modificar el tamaño de la imagen a insertar modificando los valores de anchura y altura. En caso de modificar estos parámetros recomendamos que se mantengan las proporciones de la imagen original.

3. Borde: puede definir un grosor de borde para las imágenes que inserte en el contenido.

4. Espaciado Horizontal y Espaciado Vertical: Puede modificar la distancia vertical y horizontal que hay entre la imagen insertada y el texto que la rodea.

5. Alineación: hay de dos tipos: alineación izquierda y alineación derecha. Si alinea la imagen a la izquierda el texto circundante se situará a la derecha de la imagen y viceversa.

41


Crear enlaces

Puede crear varios tipos de enlace: enlace a una página del portal, a una página externa al portal o enlace a una parte dentro del propio contenido (referencia).

Para enlazar un texto o una imagen del contenido a una página externa al portal, sólo tiene que seleccionar el texto o la imagen que desea enlazar y pulsar en el botón de ‘enlace’ del editor, tal y como se muestra a continuación:

En la ventana de propiedades del enlace, rellene las opciones y pulse guardar.

Fig. Ventana propiedades vínculo

42

Típo de vínculo: existen tres tipos de vínculo. URL, cuando queremos enlazar a un contenido externo o interno del portal. Email: si queremos crear un enlace a una dirección de correo electrónico, seleccionaremos esta opción. Referencia: para crear enlaces dentro del contenido.

Protocolo: el protocolo del enlace. No es necesario seleccionar un protocolo, ya que, dependiendo del tipo de enlace que escribamos en el campo URL, se seleccionará el protocolo adecuado de forma automática.

URL: dirección del enlace. Si queremos enlazar a una página externa al portal escribiremos la dirección completa, www.dival.es o [email protected] en caso de que queramos enlazar a una dirección de correo electrónico. Si lo que necesitamos es enlazar a contenido interno del portal, pondremos la dirección a la página de la siguiente forma: /content/titulopagina o /listado/noticia en caso de querer enlazar al listado de noticias; /galerías, etc…

Desde la pestaña destino, podrá elegir dónde se abre el enlace creado.

Fig. Destino del enlace.

Destino del enlace: <marco> y <ventana emergente> abrirá el enlace en un marco o popup (ventana emergente). New Window, abrirá el enlace en una nueva ventana.

Referencia al propio contenido.

Para crear un enlace dentro del contenido, primero deberá crear una

referencia utilizando el botón de referencia del editor.

43

http://www.dival.eso/

mailto:[email protected]


Fig. Insertar referencia en el contenido

Fig. Referencia ‘arriba’ insertada

Una vez tenga creada la referencia, seleccione el texto o la imagen que servirá de enlace para movernos a dicha referencia e inserte un enlace con las propiedades siguientes:

Fig. Crear un enlace a una referencia.

Paginación automática

44


Una de las posibilidades que ofrece el gestor de contenidos es el de paginar un contenido extenso que ha sido subido como contenido único al gestor. Para ello utiliza el módulo Pagination.

Pagination organiza en distintas páginas un contenido único extenso, y crea automáticamente una tabla de contenido del mismo.

Cualquier tipo de nodo (Página, historia, etc .) se puede paginar de forma automática.

Para crear contenido paginado seleccione el título que debe convertirse en el enlace y despliegue el campo

Formato para atribuirle la propiedad Heading 6.

El nuevo formato determina el contenido que se va a paginar y los enlaces que aparecerán en la tabla de contenido. Estos títulos se convierten automáticamente como elementos del menú que conmutará las diferentes páginas y desaparecen del cuerpo de la página.

Para que cada página tenga un título deberá duplicarlo usando otro formato. Utilice este comportamiento para ajustar el tamaño de los títulos, haciendo del formato 6 una entrada breve. El titulo que encabezará la página puede ser todo lo extenso que desee.

Muy importante es guardar el contenido como la opción de Full HTML. Si no lo hacemos el filtro de HTML borrará las marcas y no conseguiremos el efecto

45


deseado. Si hemos guardado el contenido con algún filtro activado podemos volver a guardarlo con la opción correcta ya que el gestor de contenido guardará la última copia tal como la hemos editado, aunque la estemos visualizando de otra manera.

Fig. En la ilustración puede ver el resultado de la paginación.

El módulo de paginación automática es muy útil para contenidos extensos que, sin embargo, queremos mantener unidos. Esto tiene una ventaja importante de mantenimiento y simplifica la gestión del portal.

46


Diferentes comportamientos de los contenidos

La versatilidad de Portales Municipales posibilita que un contenido pueda adquirir diferentes tipos de comportamientos. Esto es muy util porque a traves de una misma entrada podremos designar diferentes conductas. Por ejemplo, el contenido Programa de Fiestas puede convertirse también en un cartel que vincule al propio contenido.

Crear carteles

Los carteles o ‘banners’, son imágenes que pueden enlazar a contenido propio del portal o externo a él. Normalmente se sitúan en las columnas laterales de la página en grupos de imágenes del mismo tamaño.

Todos los contenidos del portal pueden disponer de un cartel y la configuración se establece en la solapa Cartel de la pantalla de crear contenido.

Se recomienda catalogarlo como Banner en tipo de contenido para poder localizarlo después desde el administrador de contenidos.

Fig. Formulario de creación de carteles o banners.

47


Fig. Bloque de carteles.

Cartel que enlaza con contenido propio del portal

Para crear un cartel que enlace con un contenido propio del portal, puede utilizar, como hemos visto, la sección ‘Cartel’ del formulario de crear/editar contenido.

Propiedades del Cartel:

-Activar: Marcaremos esta opción para activarlo.

-Imagen: Campo para subir la imagen que queremos utilizar para el cartel. Para subir la imagen, pulse el botón ‘Examinar’ para acceder al explorador de carpetas de Windows y seleccione la imagen que desea para el cartel. Este proceso es similar a los realizados en los puntos anteriores.

48


Fig. Ventana de exploración de carpetas de Windows. Búsqueda de imagen para cartel.

Una vez seleccionada la imagen, pulse el botón ‘Subir’ para tenerla disponible para el cartel.

Una vez subida la imagen del nuevo cartel, tendrá acceso a los campos de propiedades de la misma. Además, verá una vista previa de la imagen, para tener siempre una referencia del aspecto final del cartel o banner tal y como se muestra en la siguiente imagen:

Fig. Formulario de creación de carteles con la imagen insertada. Propiedades de la imagen.

49


Propiedades de la imagen del cartel:

Descripción: puede añadir un breve texto descriptivo a la imagen del cartel.

Texto alternativo: éste es el texto que se mostrará si la imagen no se carga o el usuario navega con la opción de imágenes deshabilitada.

Título: el nombre del cartel. Muy importante escribir un título para cada cartel, ya que el sistema mostrará, a modo de mensaje flotante, el texto del título.

NOTA: Es muy recomendable cumplimentar correctamente los tres campos de propiedades de la imagen del cartel para un funcionamiento óptimo del portal.

Por último, con el botón ‘Eliminar’ podrá eliminar la imagen subida para el cartel y subir otra distinta.

-Link: si se trata de un enlace al propio contenido deberá dejar este campo en blanco, si quisiéramos enlazar con un contenido externo u otro contenido diferente al que estamos editando, introduciríamos aquí la dirección correspondiente, tal y como se explicará en el siguiente punto.

Para que el enlace se abra en una pestaña nueva, conservando la actual, incluya la ruta completa (http://www.ejemplo.com)

-Grupo: Indica la región o lugar donde se va a mostrar el cartel.

-Peso: Indica el peso del cartel dentro del grupo. Los elementos más ligeros flotan hacia la parte superior del conjunto mientras que los más pesados se hunden hacia la parte inferior.

Cartel que enlace con contenido externo al portal

Estos carteles enlazan a páginas externas al portal

Para crear un cartel que enlace a contenido externo, debe seguir los pasos explicados en el punto anterior, pero esta vez debe copiar la ruta a la que quiere que enlace su cartel en el campo link tal y como se muestra en la imagen.

50


Fig. Cartel con enlace a contenido externo al portal.

Cartel que enlace con contenido interno del portal

Para crear un banner que enlace a contenido del portal seguiremos los mismos pasos explicados arriba, solo que en el apartado ‘Enlace:’ pondremos la ruta a la página del portal. Como se puede ver en la siguiente imagen, se ha creado un banner que enlaza a la página de contacto del portal (/content).

Fig. Enlace a contenido externo del cartel.

51


Podemos enlazar a otro contenido interno: /listado/noticia, para enlazar a la página de listado de noticia; /galerías, para enlazar a la página con las galerías de imágenes del sitio; etc…

Cartel que enlace al propio contenido

El tercer tipo de cartel es el que enlaza al propio contenido.

Podemos añadir un cartel que enlace con el propio contenido o página que estamos creando, simplemente dejando en blanco el campo ‘Enlace’. Es decir, podemos crear una página de turismo y, de paso, añadir un cartel en la portada que enlace a la propia página.

Fig. Cartel que enlaza a la propia página.

52


Eventos. Agenda y calendario

Los eventos de agenda son contenidos con fecha de inicio y fecha de fin. Los eventos se muestran en bloques de tipo agenda y en el calendario.

El bloque de agenda muestra los próximos eventos. Si el usuario hace clic en el título del evento accederá a la información completa sobre el mismo.

53


Fig. Ejemplo de visualización del contenido Agenda.

El calendario muestra los días del mes, marcando aquellos días con eventos asociados. Haciendo clic sobre el día, el usuario podrá acceder al listado de eventos asignados a dicha fecha. Además, tiene la posibilidad de cambiar de vistas en el calendario: vista semanal, mensual, anual.

54


Fig. Calendario.

Ejemplo de vistas:

Fig. Vista anual del calendario.

55


Añadir eventos

Para crear un evento asociado a la agenda, primero deberá seleccionar el tipo ‘Evento’ en la categoría de ‘Tipo’ del menú inferior. Cuando cree un nuevo evento, el sistema lo agregará a la agenda y al calendario.

Fig. Listado de tipos. Tipo ‘Evento’.

A continuación seleccione el tipo de contenido ‘Evento’.

Fig. Formulario de propiedades de contenido de tipo ‘Evento’.

Seguidamente, añada una fecha y hora de inicio y una fecha y hora de fin del evento. Puede escribirla directamente, para lo que deberá seguir los ejemplos de formato de fecha y hora que aparecen en la parte inferior de los campos; o puede hacer clic en el campo y seleccionar una fecha del calendario que aparece.

La hora deberá escribirla directamente en cualquier caso.

Fig. Inserción de fecha utilizando el calendario desplegable.

56


Convertir un contenido en un enlace directo

Fig. Detalle del Enlace

Puede necesitar incluir un enlace a una pagina externa dentro de una Caja de Enlaces o en un listado. Para hacerlo cree un nuevo contenido en la pestaña Enlace e incluya la ruta. Tenga en cuenta que al actuar como enlace directo el contenido propiamente dicho nunca se visualizará, dado que al seleccionar el titulo la acción inmediata será la de abrir la nueva pagina.

57


Gestionar contenido: editar y eliminar

Menú de Administración

El Menú de Administración, se sitúa normalmente en la columna de la derecha, contiene los elementos básicos para acceder a las distintas áreas administrables que tendremos disponibles con el tipo de cuenta del tipo ‘Gestor de Contenidos’.

Desde Mi cuenta podrá acceder a editar todas las opciones de cuenta como contraseña, la dirección de correo electrónico, las cuentas sociales, etc.

Desde el Panel de control podrá acceder a todas las acciones relacionadas con la creación y edición de contenido del portal.

Crear contenido es un acceso rápido al formulario de creación de contenido del portal. Utilícelo para crear contenido de forma rápida sin necesidad de pasar por ningún otro menú.

Administrar contenido sirve para listar el contenido propio de cada usuario dependiendo de unos filtros. Liste y edite contenido de forma rápida con esta opción.

Cerrar sesión, acuérdese siempre de cerrar la sesión cuando haya finalizado trabajar con el portal, antes de cerrar la ventana del explorador.

Fig. Menú de administración lateral que se visualiza en la página principal del Portal una vez nos

hemos validado como usuario

58


Fig. Menú de administración situado en la página principal del portal

Modificar los datos de una cuenta

Para modificar los datos de su cuenta, realice las siguientes operaciones:

1. Hacer clic en ‘Mi cuenta’ y 2. Seguidamente hacer clic en la pestaña editar, para acceder al formulario de edición de datos de la cuenta de usuario tal y como muestra la imagen siguiente:

Fig. Panel de administración de cuenta de usuario.

59


Dirección de correo electrónico o email: permite

Cambiar contraseña: podrás modificar tu contraseña de acceso escribiendo la nueva en ambos campos.

Nombre de usuario: desde aquí puedes cambiar el nombre con el que inicias sesión.

Cambio de idioma: podrá modificar el idioma d i d l j l i d l ió

Pulse el botón GUARDAR para conservar las opciones editadas. El botón ELIMINAR deshace cualquier cambio que pueda haber realizado.

Fig. Panel de edición de los datos de la cuenta de usuario.

Panel de Control

Desde el panel de control podrá acceder al menú de gestión de contenidos tal y como vemos a continuación:

60


Fig. Lista de opciones del panel de control.

Las opciones del panel de control disponibles para el tipo de usuario Gestor de Contenidos son:

Agregar contenido: podrá acceder al formulario de creación de contenido; páginas, artículos, listas, etc.

Administrar contenido: buscar y editar rápidamente cualquier contenido creado.

Limpiar caché: si crea nuevo contenido o realiza algún cambio en el contenido existente, es recomendable que limpie la caché para que pueda visualizar inmediatamente los cambios realizados. De otra manera, por el sistema de aceleración del gestor de contenidos la información tardará un tiempo en actualizarse, ya que está cacheada para ofrecer mejor rendimiento.

Las otras opciones no están disponibles para el usuario Redactor. Solo un usuario con perfil de Webmaster podrá acceder a ellas.

Administrar contenido

Por medio de esta pagina podrá encontrar todos sus contenidos y filtrar según los criterios disponibles.

61


El listado de contenidos se muestra ordenado por fecha de actualización (no confundir con la fecha de creación) Por este motivo, los últimos contenidos o los modificados recientemente se mostrarán primero.

Panel de Control -> Administrar Contenido

Fig. Filtros de contenido.

Filtrar contenidos

Para buscar un contenido lo primero es seleccionar el filtro más adecuado. Por ejemplo, seleccione Tipo noticia para ver los resultados de aquellos artículos clasificados como noticia.

Dispone de cuatro filtros: Estado, Tipo, Categoría, Idioma.

Posteriormente puede refinar la búsqueda. Por ejemplo, sobre el listado de noticias depuraremos con el filtro de idioma para mostrar sólo aquellos escritos en valenciano.

Esta operación la puede repetir tantas veces como desee.

1. Puede seleccionar los siguientes filtros de estado:

62


Fig. Listado de opciones para el filtro de estado.

Publicado/No Publicado: mostrará sólo el contenido publicado en el sitio.

Promocionado/No Promocionado: Con este filtro podrá localizar el contenido que se muestra en la página principal.

Fijo en cabeza de las listas/No fijo en cabeza de las listas: filtrará el contenido que se haya marcado como fijo en las cabeceras o no fijo.

Traducción actualizada/Traducción caducada: Puede listar el contenido cuya traducción no está actualizada.

2. Sólo existe un filtro de tipo página.

3. El listado de categorías corresponde al listado de tipos del que se dispone a la hora de crear nuevo contenido.

Fig. Listado de filtro por tipo.

4. Puede filtrar contenido por idioma. Existen dos idiomas activos por defecto: castellano y valenciano.

Una vez aplicado el filtro que desee, puede pulsar el botón filtrar para que en la aplicación muestre una lista del contenido que cumple con los criterios seleccionados.

63


Fig. Listado de artículos que cumplen los criterios de filtrado.

La lista muestra una caja de selección con la que podrá seleccionar uno o varios artículos y aplicar una acción sobre los mismos desde el desplegable de opciones situado arriba de la lista.

Fig. Lista de acciones que se pueden realizar sobre los artículos seleccionados.

A continuación muestra el título del archivo; puede hacer clic sobre el mismo para visualizar el artículo en su contexto. El tipo, el autor del contenido, el estado; puede ser publicado o no publicado si el contenido es un borrador. Por último encontramos el botón de editar desde el que podrá acceder a las opciones de edición del contenido.

Editar Contenido

Editar contenido es un proceso similar al de creación de contenido, ya que se trabaja con el mismo formulario. Puede editar cualquier contenido, localizado mediante filtros como hemos expuesto en el apartado anterior, o mediante navegación por la misma web.

Una vez estamos identificados como usuario redactor, y sobre el contenido que queremos editar pulsamos sobre la solapa Editar y aparecerá el formulario que ya conoce con el contenido tal y como se muestra en la imagen:

64


Fig. Pantalla de edición del contenido seleccionado.

Modifique el contenido que desee y, una vez haya finalizado, pulse el botón ‘Guardar’ para que el contenido editado quede almacenado. También puede pulsar el botón de ‘Vista previa’ para visualizar cómo van a quedar las modificaciones realizadas.

El botón ‘Eliminar’ borrará definitivamente el artículo seleccionado.

Fig. Botones de acción del formulario de edición de contenido.

65


Si desea cancelar la edición del artículo abandone la página sin guardar para evitar que los cambios queden almacenados.

Administrar menú

Podemos administrar el menú principal (enlaces primarios), para añadir o editar los vínculos. Para ello, debemos acceder al panel de control desde el menú de administración y seleccionar el enlace ‘Administrar menú’.

Fig. Seleccionamos la opción Administrar menú desde el panel de control.

Fig. Lista de menús disponibles en el sitio.

66


Seleccionamos el menú ‘Enlaces primarios’, para acceder a la información del menú principal del sitio.

Fig. Administración menú ‘Enlaces primarios’

Una vez en la pantalla de edición del menú, podremos realizar las siguientes operaciones:

- Activar o desactivar opciones de menú: si se desmarca la opción ‘Activado’ el enlace ya no estará disponible.

- Expandir subelementos: desde esta opción podremos hacer que los elementos dependientes o subelementos, estén siempre visibles.

- Eliminar: borramos el enlace seleccionado.

- Cambiar la posición: seleccione la cruz a la izquierda de los enlaces y arrástrela hasta ocupar la nueva posición para modificar su orden. Este cambio no se aplica hasta guardar la configuración.

- Editar: sirve para acceder a las opciones del enlace.

Desde el menú superior podremos crear nuevos enlaces o editar las opciones del menú.

67


Fig. Menú superior ‘Enlaces primarios’.

68


Selecciona ‘Añadir elemento’ para crear nuevos enlaces en el menú principal.

Fig. Formulario de creación de un enlace en el menú ‘Enlaces primarios’

- Ruta: escribe el destino del enlace en este campo. La mayoría de las veces creamos el enlace dentro de las opciones de menú al crear un contenido; algunos ejemplos de uso: listado/noticia (para acceder a la lista de noticias del sitio), galerías (si queremos enlazar al listado de galerías de imágenes del portal), listado/img-archivo, para enlazar al contenido de tipo ‘imagen a archivo’, como podrían ser los bim.

- Título del enlace: El título que aparecerá el menú.

- Descripción: descripción del enlace; puede dejarse en blanco.

- Activado: Activa la opción para que se muestre.

- Expandido: Mantiene desplegadas las opciones que contiene. Si no se marca esta opción los hijos no se muestran hasta que se pulse sobre el padre. En los menús del pie de página, o los dinámicos esta opción no responde a este criterio.

- Elemento padre: desde esta lista podemos elegir algún elemento padre para que el enlace que estamos creando sea un subelemento de éste. Lo mejor será dejarlo como aparece y cambiar su posición desde la pantalla de menú explicada arriba.

69


- Cargar: peso del elemento; igual que en el punto anterior, es mejor dejar este valor por defecto y posteriormente cambiar su posición utilizando la flecha.

- Idioma: deberemos seleccionar un idioma si estamos enlazando a un contenido que ha sido creado en un idioma específico.

Una vez hemos rellenado los campos adecuados pulsamos el botón ‘Guardar’ para finalizar el proceso de creación del enlace.

Traducir un contenido

Cuando una página tiene declarado un idioma específico (imagen) es posible traducirla. Esto significa que si no tiene declarado un idioma específico la pestaña “traducir” no aparecerá.

Fig. Idioma del contenido

Para crear una traducción, pulsamos en la pestaña traducir que aparece en la parte superior del cuerpo de la página

Fig. Pestaña Traducir.

Accedemos a la siguiente interfaz, donde es posible crear una traducción desde 0, pulsando en “agregar traducción” o bien, en los recuadros inferiores, escribimos el título de alguna página que queramos enlazar como traducción a esta.

70


Fig. Panel de gestión de las traducciones.

Gestionar traducciones

Para acceder a la página de administración de traducciones, seguimos el enlace en nuestro panel de control (imagen)

Fig. Panel de Control

Accedemos a la siguiente interfaz donde podemos ver todas las páginas de nuestro sitio web y el estado de las traducciones.

Fig. Supervisión de traducciones

71


1.- Tenemos una leyenda de los distintos estados en que puede estar una traducción:

2.- Podemos realizar filtrados según el estado, el tipo o la categoría de nuestras páginas.

3.- Tabla que muestra el contenido de nuestra web y el estado de las traducciones.

Gestionar traducciones obsoletas.

Una vez hemos agregado una traducción a un contenido, aparecerá una pestaña con opciones de traducción en el editor.

Fig. Opciones de traducción.

Selecciona la opción ‘Esta traducción necesita ser actualizada’ para que marque el contenido como traducción obsoleta en el gestor de traducciones.

Fig. Traducciones obsoletas.

72


Ejercicios

Ejercicio 1. Crear contenido sencillo Crear el siguiente contenido:

Diputación de Valencia pone en marcha la nueva versión de la Plataforma de Portales Municipales.

En los próximos meses se pondrá en marcha el nuevo proyecto de Plataforma de Portales Municipales. Esta nueva versión, que ha sido posible gracias al esfuerzo conjunto de la Diputación de Valencia y el ayuntamiento, incorpora numerosas mejoras respecto de la anterior versión: se ha mejorado el diseño, lo que permite que la información ocupe un lugar más lógico y coherente dentro de la estructura del portal, lo que hace que dicha información sea más fácil de encontrar, asimismo, los documentos están organizados de una forma más eficiente de forma que se hace más fácil su lectura; esta nueva versión es mucho más rápida que la anterior, reduce tiempos de carga facilitando los trámites en línea y ahorrándole tiempo en sus gestiones diarias; los nuevos portales incorporan un mejorado sistema de contacto para que pueda resolver sus dudas de forma más cómoda.

Podrá disponer de esta nueva versión y de todas sus ventajas a partir de enero de 2011. Mientras tanto puede ir familiarizándose con las novedades que se irán incorporando en las próximas fechas.

Fuente: Diputación de Valencia

Fecha: 01/10/2010

Nota: el texto deberá mantener el mismo formato.

73

Ejercicio 2. Resumen Edita la noticia creada en el anterior y añádele un resumen con el uso del Break:

En los próximos meses se pondrá en marcha el nuevo proyecto de Plataforma de Portales Municipales.Esta nueva versión, que ha sido posible gracias al esfuerzo conjunto de la Diputación de Valencia y el ayuntamiento, incorpora numerosas mejoras respecto de la anterior versión: se ha mejorado el diseño, lo que permite que la información ocupe un lugar más lógico y coherente dentro de la estructura del portal, lo que hace que dicha información sea más fácil de encontrar, asimismo, los documentos están organizados de una forma más eficiente de forma que se hace más fácil su lectura; esta nueva versión es mucho más rápida que la anterior, reduce tiempos de carga facilitando los trámites en línea y ahorrándole tiempo en sus gestiones diarias; los nuevos portales incorporan un mejorado sistema de contacto para que pueda resolver sus dudas de forma más cómoda.Podrá disponer de esta nueva versión y de todas sus ventajas a partir de enero de 2011. Mientras tanto puede ir familiarizándose con las novedades que se irán incorporando en las próximas fechas.

Nota: hay que asegurarse que, desactivando el texto enriquecido, la etiqueta <!‐ ‐ break ‐ ‐ > se incluye correctamente .

74


Ejercicio 3. Contenido con imágenes

Edita la noticia creada en el ejercicio 1 y añádele la imagen ‘imagen‐ejemplo’ que encontrarás en la carpeta del ejercicio:

Diputación de Valencia pone en marcha la nueva versión de la Plataforma de Portales Municipales.

En los próximos meses se pondrá en marcha el nuevo proyecto de Plataforma de Portales Municipales. Esta nueva versión, que ha sido posible gracias al esfuerzo conjunto de la Diputación de Valencia y el ayuntamiento, incorpora numerosas mejoras respecto de la anterior versión: se ha mejorado el diseño, lo que permite que la información ocupe un lugar más lógico y coherente dentro de la estructura del portal, lo que hace que dicha información sea más fácil de encontrar, asimismo, los documentos están organizados de una forma más eficiente de forma que se hace más fácil su lectura; esta nueva versión es mucho más rápida que

la anterior, reduce tiempos de carga facilitando los trámites en línea y ahorrándole tiempo en sus gestiones diarias; los nuevos portales incorporan un mejorado sistema de contacto para que pueda resolver sus dudas de forma más cómoda. Podrá disponer de esta nueva versión y de todas sus ventajas a partir de enero de 2011. Mientras tanto puede ir familiarizándose con las novedades que se irán incorporando en las próximas fechas. Fuente: Diputación de Valencia

Fecha: 01/10/2010

75


Ejercicio 4. Contenido con archivos adjuntos Crea el siguiente contenido e inserta el propio documento pdf del ejercicio en el mismo. La imagen del ejercicio se encuentra en la carpeta ‘imagen’:

Cómo adjuntar archivos. En el siguiente ejercicio probaremos a adjuntar un documento junto con el contenido para ver cómo se muestra. Podemos acceder a esta característica desde la interfaz de creación (o edición) de contenido.

En este ejemplo: Creamos una página y en el menú que aparece debajo del área del cuerpo de la página pulsamos sobre la pestaña "Archivos adjuntos"

76


Ejercicio 5. Galería de imágenes

Con las imágenes facilitadas (carpeta ‘galería’), crear una galería tal y como se muestra a continuación:

77


Ejercicio 6. Inserción de vídeo

Crea un contenido e insértale un vídeo de tu elección.

78


Ejercicio 7. Carteles Crea los siguientes banners o carteles: Cartel contacto: crea un cartel que enlace a la página de contacto del portal; puedes utilizar la imagen ‘cartelcontacto.jpg’. Cartel trámites: crea un cartel que enlace a la página de documentos de la Diputación de Valencia; para el cartel utiliza la imagen ‘carteltramites.jpg’. Cartel turismo: crea un cartel que enlace con la página de turismo del portal: para ello utiliza la imagen ‘cartelturismo.jpg’.

Los carteles aparecerán tal y como muestra la imagen a continuación:

79


Ejercicio 8. Calendario y eventos Crear eventos para el calendario y la agenda. Semana cultural del 6 al 16 de [mes del curso]. 24 horas de fútbol sala. 13 y 14 de [mes del curso]. 3er campeonato de descenso en bici a la montaña de Alcantir. 20 y 21 de [mes del curso].

NOTA: Las fechas de los eventos variarán dependiendo de las fechas de los cursos. Para el evento de la semana cultural puedes utilizar la imagen del ejercicio anterior. Para el resto de eventos las imágenes están en la carpeta de ‘imágenes’ dentro de la carpeta del ejercicio.

80


Ejercicio 9. Contenido paginado

Crea un contenido paginado con el siguiente texto:

La gastronomía del municipio.

Recetas de cocina de ejemplo.

La Paella

La paella valenciana es una elaboración culinaria muy conocida internacionalmente y es habitual encontrarla en las cartas y en los menús de miles de restaurantes de todo el mundo. Pero curiosamente, el desconocimiento sobre la verdadera receta de la paella es generalizado.

Arroz a banda

En un puchero con el agua poner todo el pescado, la cebolla pelada y cortada, el laurel y un poco de sal. Llevar a ebullición y cocerlo durante unos 20 minutos.

Arroz al horno

Lo primero que hay que hacer es poner el caldo del cocido a calentar. Como ya os he dicho, no es un plato que me apasione, así que normalmente tengo caldo congelado que le he mendigado a mi madre o a mi abuela. Si las relaciones familiares no han dado su fruto, también se puede usar el que viene en brick o preparar un caldo de carne con huesos de ternera y cerdo. Comprobáis el sabor, ajustáis la sal y, de paso, echáis un poco de colorante alimentario o azafrán.

La página quedará como en el ejemplo:

81


Ejercicio 10. Enlaces

Busca y edita el contenido creado en el ejercicio 1 y añade un enlace en la imagen a la página de la diputación (http://www.dival.es/).

82

http://www.dival.es/


83

Ejercicio 11. Traducir contenido

Utiliza el administrador de traducciones para buscar y traducir la noticia creada en el ejercicio 1.

manual de usuario – gestor de...

Documents