Вы находитесь на странице: 1из 94

1

Manual del Usuario Editor de OpenCms

www.sagasoluciones.com info@sagasoluciones.com C/ Salado 11 Local 10. 41010 Sevilla T. + 34 954 45 72 75 F. + 34 954 45 75 72

Manual del Usuario Editor de OpenCms

CONTROL DEL DOCUMENTO

Realizado (01/02/2011)
Inmaculada Pea Ruiz Tcnico

Revisado (07/02/2011)
Sergio Raposo Vargas Director Tcnico

Control de Modificaciones

Revisin
N 1 N 2

Fecha
01/02/2011 07/02/2011

Autor/res
Inmaculada Pea Sergio Raposo

Descripcin
Redaccin inicial Correccin de errores

2 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

ndice de Contenido
1. 2.
2.1 2.2 2.3

ACCESO AL GESTOR DE CONTENIDOS ............................................................................6 ENTORNO DE TRABAJO .................................................................................................7


REA: BARRA DE HERRAMIENTAS___________________________________________ 7 REA: RBOL DE NAVEGACIN _____________________________________________ 9 REA: PANTALLA DE RECURSOS ___________________________________________ 10

3. 4.
4.1 4.2 4.3 4.4

DISTINTOS EDITORES EN EL MISMO ENTORNO DE TRABAJO ...........................................10 PROYECTO OFFLINE / ONLINE ......................................................................................11
PROYECTO OFFLINE ___________________________________________________ 11 PROYECTO ONLINE ____________________________________________________ 11 CMO PASAMOS UN CONTENIDO DEL PROYECTO OFFLINE AL ONLINE? ______________ 12 CMO SE IDENTIFICAN LOS RECURSOS PENDIENTES DE PUBLICAR? ________________ 14

5. 6.
6.1 6.2 6.3 6.4

MEN CONTEXTUAL DE OPENCMS................................................................................14 CONFIGURACIN DE CARPETAS TEMPLATE SAGA .......................................................17


6CARPETA: _CATEGORIES _______________________________________________ 17 CARPETA: CONFIGURACIN ______________________________________________ 19 CARPERTA: GALERAS __________________________________________________ 20 CARPETA: NAV _______________________________________________________ 21

7. 8.
8.1 8.2

TIPOS DE RECURSOS ...................................................................................................22 TIPOS DE EDICIN .......................................................................................................24


DIRECT EDIT: ________________________________________________________ 24 EDICIN DESDE OPENCMS ______________________________________________ 26

9. 10. 11. 3

CREACIN DE RECURSOS TEMPLATE SAGA ................................................................26 RECURSO DE INICIO DE UNA SECCIN ...........................................................................31 CMO DAR NAVEGACIN A UNA CARPETA ....................................................................36

SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

12.
12.1 12.2

SUBIDA Y CREACIN DE ARCHIVOS EN CARPETAS EXTENDIDAS .....................................38


CONSIDERACIONES GENERALES ___________________________________________ 38 CMO SUBIR IMGENES A LA CARPETA GALERA DE IMGENES ____________________ 41
Men contextual de la Carpeta Galera de Imgenes............................................................... 45

12.2.1

12.3 12.4 12.5

CMO SUBIR DOCUMENTOS A LA CARPETA GALERA DE DESCARGAS ________________ 46 CMO SUBIR ENLACES A LA CARPETA GALERA DE ENLACES EXTERNOS _____________ 49 FICHEROS PLANTILLA, DE LAS CARPETAS GALERA HTML Y GALERA DE TABLAS _______ 49

13.
13.1 13.2

EDITOR DE RECURSOS TEMPLATE SAGA .....................................................................50


BARRA DE HERRAMIENTAS _______________________________________________ 51 PESTAAS __________________________________________________________ 52
Pestaa Contenido................................................................................................................. 52 Pestaa Categora ................................................................................................................. 54 Pestaa Cajas........................................................................................................................ 58

13.2.1 13.2.2 13.2.3

14.
14.1 14.2

CAMPOS DE CONTENIDO ..............................................................................................60


CAMPO EDITOR DE TEXTO WYSIWYG _______________________________________ 60 CAMPO IMAGEN _______________________________________________________ 65
Campo Propiedad de las imgenes ........................................................................................ 71

14.2.1

14.3 14.4

CAMPO DESCARGA ____________________________________________________ 73 CAMPO ENLACE ______________________________________________________ 76


Campo Enlace Externo........................................................................................................... 76 Campo Enlace Interno ............................................................................................................ 76

14.4.1 14.4.2

15. 16.
16.1 16.2 16.3 16.4 16.5

MULTI IDIOMA .............................................................................................................77 CASO PRCTICO: EDICIN DEL RECURSO TEXTO..........................................................82


CREACIN DEL RECURSO _______________________________________________ 82 ABRIR EL EDITOR _____________________________________________________ 85 CAMPO T TULO _______________________________________________________ 86 CAMPO FECHA DE CREACIN _____________________________________________ 86 CAMPO TEASER ______________________________________________________ 86

4 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

16.6

CAMPO PRRAFO _____________________________________________________ 86


Ttulo ..................................................................................................................................... 87 Texto ..................................................................................................................................... 87 Ttulos de Bloque ................................................................................................................... 88 Imagen .................................................................................................................................. 88 Propiedad_Imagenes ............................................................................................................. 89 Descarga ............................................................................................................................... 90 Enlace Externo....................................................................................................................... 90 Enlace Interno........................................................................................................................ 91 Multimedia ............................................................................................................................. 91 Informacin Adicional ............................................................................................................. 91 Plantilla .................................................................................................................................. 92

16.6.1 16.6.2 16.6.3 16.6.4 16.6.5 16.6.6 16.6.7 16.6.8 16.6.9 16.6.10 16.6.11

16.7 16.8

KEYWORDS __________________________________________________________ 93 VISUALIZACIN DEL RECURSO Y PUBLICACIN ________________________________ 93

5 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

1. Acceso al Gestor de Contenidos


Para acceder al gestor de contenidos (OpenCms) debemos introducir la siguiente direccin en nuestro navegador: http://ipservidor:8080/opencms/opencms/system/login/ Es posible que el primer OpenCms vare segn la versin instalada por lo que depender de cada proyecto. Una vez que se abre esta ventana, tendremos un cuadro de acceso como el siguiente:

Tras introducir los datos referentes al Usuario y Contrasea, debemos pinchar en el botn Opciones, lo cual, desplegar una lista en la que seleccionaremos la Unidad Organizativa de nuestro portal.

6 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

El sistema ofrece un mximo de 3 intentos en caso de introducir datos errneos. En el momento de superarse este nmero de intentos la cuenta quedar temporalmente deshabilitada. En el caso de perder la contrasea pngase en contacto con el administrador

2. Entorno de Trabajo

Una vez dentro de OpenCms, veremos como el entorno de trabajo se encuentra dividido en tres secciones principales.

2.1 rea: Barra de Herramientas

Contiene una serie de herramientas divididas en dos filas y cuyas funcionalidades sern descritas, a grandes rasgo, en la siguiente lista: Desplegable Proyecto Permite ver nuestro gestor de contenidos Offline u Online si lo seleccionamos en su desplegable. Por defecto aparece la opcin Offline activa, ya que ser el modo, en el cual trabajaremos normalmente. 7 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Botn Publicar Proyecto Con l podremos publicar directamente y en bloque todos aquellos recursos de nuestra web que hayan sido modificados.

Botn Cola Si hacemos clic en l podremos ver el proceso de publicacin de los recursos. En caso de existir un error en la publicacin de un recurso, podemos acudir a esta seccin para ver su detalle.

Desplegable Sitio En OpenCms podremos almacenar ms de un portal. Es, a travs de ste desplegable, donde podremos ver la lista de los Sites, y seleccionar aquel en el cual vamos a editar.

Desplegable Vista Podremos seleccionar la visualizacin de la pantalla de Administracin, en la que podremos manejar temas relacionados con gestin de usuarios, lista de envo de newsletter, etc.

Botn Recargar Recarga o refresca la pantalla de OpenCms.

Botn Preferencias Permite configurar temas relacionados con tu cuenta en OpenCms. A travs de su cuadro de dilogo podemos adaptar el entorno de trabajo a nuestras necesidades, configurar nuestra cuenta de usuario, etc.

Botn Salir Con l salimos del entrono de trabajo de OpenCms.

Botn Volver Volvemos al estado anterior en cuanto a nuestra posicin en la navegacin.

Botn Subida Abre un cuadro de dilogo que explora nuestro ordenador local. Sirve para la subida de ficheros a la web, como por ejemplo, imgenes, documentos Word, Pdf, Excell o archivos Zip, Rar, entre otros.

8 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Botn Nuevo Comando para crear recursos Template SAGA. Sus funcionalidades sern descritas posteriormente en el apartado de creacin de recursos en nuestro portal.

Botn Nivel Superior Sube al nivel de la carpeta padre de la que nos encontremos.

Campo Ruta Muestra la ruta absoluta en la que nos encontramos.

2.2 rea: rbol de navegacin


A la izquierda en nuestro entorno de trabajo, podemos ver una columna en la cual aparece un rbol de carpetas. Esta estructura es la que contiene todos los archivos de nuestra web.

Por defecto, la estructura de primer nivel que aparece al entrar en nuestro Site, es la siguiente: _categories: Carpeta donde daremos de alta las distintas categoras. configuracion: Contiene recursos relacionados con la estructura de la cabecera, pie, caja y distribucin de las columnas. 9 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

galerias: Carpeta donde colocaremos todas las galeras del portal, tanto de imgenes como de documentos de descargas.

nav: Carpeta con la estructura de navegacin del portal

2.3 rea: Pantalla de recursos


En ella podremos ver el contenido de las carpetas de nuestro entorno de trabajo. Aparecern a modo de lista de detalle los distintos recursos que se encuentran creados y que se corresponden con las pginas de contenidos web. Haciendo clic sobre ellos, abriremos una ventana nueva de nuestro navegador donde veremos el recurso en su apariencia Online.

3. Distintos editores en el mismo Entorno de Trabajo


Varios usuarios Editores pueden estar trabajando en el contenido del mismo Site. Para alertar existen iconos de candados que indican si un recursos lo tiene bloqueado otro editor al mismo tiempo que me encuentro trabajando. Candado Abierto: Aparecer junto al icono del recurso que acabo de editar. Candado Cerrado: Aparecer junto al icono del recurso que est o haya editado otro usuario editor de OpenCms. Los bloqueos desaparecen cuando se publican los recursos o cuando marquemos la accin de desbloquear del men contextual. En el Men contextual (que se abre haciendo clic con el botn derecho del ratn sobre un recurso) encontraremos dos opciones relacionadas con los bloqueos: Bloquear: Bloqueo el recurso o grupo de recursos que no estn bloqueados por otro editor. Aparecer el icono 10 SAGA Soluciones Tecnolgicas junto a los archivos.

Manual del Usuario Editor de OpenCms

Recursos Bloqueados: Aparece una pantalla en la que se listan los recursos que se encuentran bloqueados y porqu editor.

Borrar Bloqueo: Sirve para que los recursos bloqueados por otro usuario pasen a estarlo por m. Aparecer el icono junto a los archivos.

Desbloquear: Sirve para eliminar el bloqueo de un recurso o grupo de recurso, siempre que no se encuentren bloqueados por otro usuario editor.

Si queremos obtener informacin acerca del bloqueo de un recurso, podemos ponernos encima de su icono del candado, aparecer una etiqueta con la informacin de que usuario lo mantiene bloqueado.

4. Proyecto Offline / Online


4.1 Proyecto Offline
El proyecto Offline es el proyecto de trabajo de OpenCms, es decir, es aquel en el que nos encontramos siempre que estamos trabajando sobre los recursos de OpenCms. Este entorno de trabajo solo es visible para aquellas personas que estn dentro de la herramienta. De esta forma, podremos trabajar tranquilamente sobre nuestros contenidos sin que en el exterior se estn observando los cambios que estamos realizando. De esta forma, nos aseguramos de que la informacin no se hace pblica hasta que nosotros no lo indiquemos explcitamente. Cada vez que nosotros queremos aadir nueva informacin o editar la ya disponible lo tendremos que hacer sobre los recursos en el proyecto Offline.

4.2 Proyecto Online


11 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Los contenidos que se encuentran en el proyecto Online son aquellos que son visibles en el exterior (la gestin de los permisos es independiente, es decir, el contenido puede estar en Online y no estar disponible para todo tipo de usuarios, pero esta es otra cuestin a tratar en otro momento).

4.3 Cmo pasamos un contenido del proyecto Offline al Online?


Para pasar un contenido de un proyecto a otro es necesario publicarlo ( varias formas en OpenCms: A travs del men contextual: Al hacer clic con el botn derecho sobre cualquier recurso, se despliega un men contextual, en el que veremos la opcin Publicar Directamente: ), para ello, existen

Al seleccionarla se realizar la copia del proyecto Offline al Online. A partir de este momento este contenido ser visible. La accin de publicacin se realiza en cascada, de forma que, si mandamos a publicar una carpeta se publicar toda la estructura que cuelga de la misma. Programando su Publicacin: Desde el men contextual seleccionamos la opcin Avanzadas Disponibilidad y en el formulario podremos seleccionar la fecha en el que queremos que se publique (o despublique) el recurso.

12 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

A travs del comando Publicar proyecto (

) del rea Barra de

herramientas del Entorno de Trabajo: Con l podremos publicar directamente y en bloque todos aquellos recursos de nuestra web que hayan sido modificados. Desde el botn Publicar Directamente del Editor de Contenidos: Permite publicar

directamente nuestro recurso desde el editor de contenidos. Abrir un cuadro de dilogo en el que confirmaremos o cancelaremos su publicacin. Al usar este comando, siempre saldremos de la pantalla del editor. Desde el cuadro de dilogo de subida de imgenes o documentos de descarga: Podremos ver la opcin recientemente subidos. En el caso que existan recursos bloqueados por otros usuarios, estos no se podrn publicar a menos que les robemos el bloqueo. , con la cual podremos publicar los archivos

13 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Cuando vamos a publicar un recurso que enlaza a archivos que no han sido publicados, veremos como en el cuadro de dilogo de la publicacin, stos tambin sern publicados, evitando que se rompan los enlaces.

4.4 Cmo se identifican los recursos pendientes de publicar?


Desde la vista de Explorador, podremos identificar rpidamente los recursos no publicados gracias a la combinacin de colores y banderas usadas. El significado de cada combinacin es: Bandera amarilla y letras azules publicado, por lo tanto solo existe en el proyecto Offline. Bandera amarilla y letras rojas : Este recurso ha sido publicado con : Este recurso nunca ha sido

anterioridad, por lo tanto la versin del recurso en Offline y en Online son distinta. Sin bandera y letras negras: El recurso es igual tanto en Offline como en Online por lo que se encuentra correctamente publicado. Bandera gris : Indica que se ha producido un error durante la

publicacin. En este caso habr que mirar la cola de publicacin para ver el error que se haya podido producir.

5. Men contextual de OpenCms


Las opciones que ofrece ste men, van a variar segn el Proyecto en el que trabajemos, el Perfil de Usuario con el que estemos trabajando, el Tipo de recurso que queramos editar y su estado. La apariencia de este men con todas sus opciones visibles es la siguiente:

14 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Bloquear / Desbloquear Publicar Directamente

: Dependiendo de si el recurso se encuentra bloqueado o no. : Si el recurso no est publicado, esta opcin servir para publicar

el recurso seleccionado. Si es una carpeta esto publicar recursivamente todos los recursos que cuelguen de ella. Si por algn motivo intentamos publicar un recurso y el padre no lo est el sistema no nos permitir publicar, para ello deberemos publicar la carpeta padre. Editar : Abre el formulario de edicin de contenido (en el caso de los recursos de

contenido). Copiar : Copia el recurso a otra posicin del VFS (Virtual File System) de OpenCms. Existen

2 tipos de copiado: o Copiado normal: Se duplica el contenido en otro nodo del VFS creando un recurso nuevo. o Copiado como hermano: Al copiar como hermano un recurso se crear una especie de link interno entre ambos lo que hace que, al modificar uno estamos modificando automticamente el otro. De esta forma, podemos disponer del mismo contenido en diversos puntos del VFS pero si necesitamos modificar el contenido, tan solo tendremos que hacerlo una vez. 15 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Renombrar / mover Borrar

: Nos permite mover (o cambiar el nombre) a un recurso.

: Esta accin elimina el recurso del VFS de opencms. En el caso que se le aplique a

una carpeta se borrar todo el rbol de directorios que cuelga de dicha carpeta. Esta accin depende del estado del recurso: o o Si no est publicado: Se borrar definitivamente del sistema Si est publicado: El recurso se borrar del proyecto Offline pero permanece en el proyecto Online (el recurso permanece tachado). Para eliminarlo completamente deberemos publicarlo. Recuperar : Esta accin solo aparece en el caso de un recurso ha sido borrado en offline

pero sigue en online. De esta forma recuperaremos el ltimo contenido publicado en el proyecto Offline. Deshacer Cambios : Esta accin borra las ltimas modificaciones realizadas sobre un

contenido restaurando la ltima versin publicada. Relaciones : Esta campo abre un submen con las siguientes acciones:

o o

Relacin hasta : Muestra la lista de recursos que enlazan con el actual Relacin desde: Muestra la lista de recursos con los que el recurso actual est enlazado.

o o

Mostrar hermanos: Muestra la lista de recursos hermanos del recurso actual. Categoras: Herramienta con la que podremos consultar la lista de categoras asignada al recurso en concreto, pudindose borrar y asignar nuevas categoras.

Permisos

: Abre la ventana de control de permisos. Para saber ms sobre los permisos de

OpenCms consultar el manual relacionado con este tema (Solo para administradores). Cambiar navegacin : Permite cambiar la navegacin del recurso

Avanzadas : Esta seccin est formada por el siguiente submen:

16 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Marcar

: Esta accin modifica la fecha de ltima modificacin y refresca el

contenido. Es til para cuando necesitamos publicar de nuevo algn contenido o para actualizar la fecha de ltima modificacin por algn motivo. o Disponibilidad : En esta pantalla podremos modificar la disponibilidad de un

recurso, es decir podremos programar tanto la publicacin como la caducidad de un recurso indicndole la fecha en concreto y la accin que se quiere realizar. o Seguro / exportacin recurso. o o Cambiar tipo : Accin que nos permite cambiar el tipo de un recurso. : Nos muestra el cdigo de control, de forma que, para : Ventana de control de seguridad y exportacin del

Editar cdigo de control

un contenido xml nos mostrar el cdigo xml tal y como OpenCms guarda la informacin. Historial : Nos muestra el historial del recurso (segn se halla configurado el historial para

el OpenCms). Desde esta ventana podremos ver el contenido del recurso en cada una de las versiones guardadas, pudiendo compararlas e incluso restaurar una versin antigua. Tan solo se guarda como versin en el historial las modificaciones publicadas. Propiedades : OpenCms dispone de un mecanismo para dotar de ms informacin a los

recursos aparte del contenido propio de cada uno. Estas son las propiedades. Cada una de ellas tiene un significado y un uso en concreto, pero casi todos son de uso exclusivo de los administradores por lo que no ser tratado en este manual.

6. Configuracin de Carpetas Template SAGA


La configuracin de los portales Template SAGA, cuentan con una estructura bsica organizativa una vez accedemos al Site. Veremos cada una de las secciones que componen el rea rbol de Navegacin.

6.1 6Carpeta: _categories


17 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

El gestor de contenidos, permite asignar categora a todos los recursos Template SAGA., es decir, podemos asignar un elemento comn que los agrupe en torno a un aspecto determinado. Por ejemplo, si tenemos un volumen extenso de noticias en un apartado de Sala de Prensa y podemos seccionarlas en relacin a distintas reas de actuacin de nuestra empresa, con la asignacin de categoras, podemos listar stos recursos en base a estas reas. La carpeta _categories es la encargada de recoger todas las categoras que nos sean necesarias en una web. Dentro de ella anidaremos otros recursos carpeta, cuyo nombre ser el de la categora que queramos incluir, y la propiedad Title ser el texto real que se le asignar a la categora. Tendremos que crear tantas carpetas como categoras queramos.

En caso de tener grupos de categoras en nuestra web, podemos organizar las carpetas segn lo necesitemos. Por ejemplo, si tenemos un grupo de categoras para Noticias y otro para asignarlo a Eventos, podremos agrupar sus categoras en carpetas tal y como vemos en la siguiente imagen.

18 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

En la edicin del contenido de recursos, veremos cmo asignar categoras a los mismos.

6.2 Carpeta: configuracin


Contiene recursos relacionados con la distribucin genrica de las distintas secciones de la web: Recursos Layout: Definen la visualizacin de el nmero de columnas a mostrar, los elementos caja, mens y rastros de migas. Recurso Style: Contiene los cdigos de la cabecera y pi de la web. Tambin es desde este recurso desde dnde se hace la llamada a la Hoja de Estilos en Cascada CSS y archivos JavaScript necesarios, que se encuentran en el mdulo de nuestro Site. Recurso Plantilla de Texto: Contiene llamadas a las distintas plantillas del recurso Texto habilitadas para la web. Influyen en la distribucin de los elementos que componen los prrafos: contenido, imagen principal, galera de imgenes, descargas y enlaces. Estas plantillas podrn ser seleccionadas desde el editor del recurso. Recurso Plantilla de Galeras: Contiene llamadas a las distintas plantillas del recurso Galera de Imgenes habilitadas para la web. Estas plantillas podrn ser seleccionadas desde el editor del recurso. Recurso Men: Es el recurso que pinta el men principal de nuestra web. Dependiendo de su tipologa habr ms de un recurso Men dentro de Configuracin. Aquellas webs que cuentan con un men principal horizontal y otro en una columna que 19 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

muestra las secciones de segundo nivel, tendrn dentro de la carpeta configuracin dos recursos Mens, uno por cada tipo.

Carpeta contenidoCajas: Contiene todos los elementos Caja mostrados en la web. En el paquete Template Saga se ha denominado caja a todo elemento que podremos colocar en cualquier posicin de la web (en cualquiera de las 3 columnas) para completar la informacin central mostrada. Por ejemplo, una caja puede ser un listado de banners, el buscador avanzado o un cuadro de Login. Por tanto, cualquier elemento de informacin independiente al contenido, que deseemos colocar en la web debe ser una caja. El contenido de esta carpeta depender de la fisionoma de cada web.

6.3 Carperta: galeras


Contiene las imgenes del portal, ya sean referentes al contenido de los recursos o propias del diseo de la web y los documentos asociados a descargas. Dentro de ella se crean Carpetas Extendidas, que pueden ser de los siguientes tipos: .jpg, .gif, .png, etc. : Destinado a contener archivos de Texto, Comprimidos, Videos o Flash: .doc, .pdf, ,zip, .rar, .swf, etc. : Destinado a contener recursos enlaces que dirigen la navegacin a webs con las que nos queramos enlazar. : Destinado a contener recursos de Texto libre , con cdigos html : Destinado a contener imgenes con cualquier tipo de extensin:

especficos, que puedan ser usados como plantillas en la edicin de un editor Wysiwyg de los recursos. 20 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

: Destinado a contener recursos de Texto libre

, con cdigos de

tablas en html, que puedan ser usadas como plantillas en la edicin de un editor Wysiwyg de los recursos. En nuestra carpeta Galeras, podremos crear tantas Carpetas Extendidas como nos sean necesarias.

6.4 Carpeta: nav


Contiene las secciones con contenidos de la web. Es donde ms trabajaremos a la hora de mantener, crear o modificar textos, imgenes, etc. Dentro de nav habr Recursos Template SAGA agrupados en distintos recursos Carpeta. Estas carpetas, son las que tendrn navegacin, y por tanto, crearn el men principal de nuestra web. OpenCms ofrece un mecanismo con el cual podemos controlar dicha arquitectura de navegacin de nuestros sitios. Este consiste en crear una estructura en rbol que simule nuestro men de la siguiente forma: Nivel 1 o Nivel 1_1 o o o Nivel 2 Nivel 3 Nivel 1_1_1 Nivel 1_1_2

Nivel 1_2 Nivel 1_3

21 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Por lo tanto, en OpenCms dispondremos de una carpeta por cada entrada de nuestro men, tal y como hemos comentado anteriormente. As, para localizar cualquier tipo de contenido de nuestro portal tan solo debemos navegar por la estructura de carpeta buscando la seccin correspondiente.

7. Tipos de Recursos
Cada recurso de Template SAGA posee un icono identificativo a su izquierda: Recurso Carpeta: Las carpetas en OpenCms, poseen una funcionalidad similar a las del entorno de Windows. Contienen los recursos y archivos de los que se compone la web. Las carpetas que se encuentran dentro del nav (o es, en el caso de las webs multi idioma) son las que van a crear la navegacin del portal. Dentro del Grupo de Recursos .jpg, .gif, .png, etc. : Destinado a contener archivos de Texto, Comprimidos, Videos o Flash: .doc, .pdf, ,zip, .rar, .swf, etc. : Destinado a contener recursos enlaces que dirigen la navegacin a webs con las que nos queramos enlazar. : Destinado a contener recursos de Texto libre , con cdigos html , editaremos los siguientes: : Destinado a contener imgenes con cualquier tipo de extensin:

especficos, que puedan ser usados como plantillas en la edicin de un editor Wysiwyg de los recursos. : Destinado a contener recursos de Texto libre , con cdigos de

tablas en html, que puedan ser usadas como plantillas en la edicin de un editor Wysiwyg de los recursos.

22 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Dentro del Grupo de Recursos siguientes:

, editaremos los

Recurso Texto: Contiene texto escrito. Puede dividirse en prrafos, cada uno de los cuales cuenta con subttulo, textos, imagen principal, galera de imgenes y listas de documentacin de descarga y enlaces tanto internos como externos a otras webs. El tipo de Prrafo se define en la edicin del recurso y se encuentra configurado en el recurso Recurso Plantilla de Texto , dentro de la carpeta configuracin del Site.

Recurso Noticia: Contiene el texto escrito de una noticia de inters. A diferencia del recurso texto, las noticias de una web aparecen en una lista, y es a travs de su ttulo dnde accedemos al contenido de la misma.

Recurso Evento: Contiene el texto escrito de un evento o actividad de inters. Al igual que ocurre con las Noticias, los eventos aparecen listados, o bien marcados en los da de una caja con Calendario.

Recurso Descarga: Contiene el enlace a una documentacin que el usuario puede abrir en una nueva ventana del navegador, texto e imagen asociados a la misma. El recurso Descarga, tambin aparece en un listado, a travs del cual, podemos ver el detalle del recurso o descargar el archivo directamente.

Recurso Enlace: Contiene el enlace a una direccin web externa que el usuario abre en una nueva ventana del navegador, texto e imagen asociados al mismo. El recurso Enlace, aparece listado, donde podemos ver el detalle del recurso o ir a la direccin enlazada directamente.

Recurso galera de Imgenes: Muestra un listado de imgenes en miniatura, sobre las cuales al hacer clic con el ratn de amplan en la pantalla. El tipo de Galera se define en la edicin del recurso y se encuentra configurado en el recurso Plantilla de Galeras dentro de la carpeta configuracin del Site. ,

Recurso Multimedia: Reproduce un archivo multimedia como: video externo, video alojado en Youtube, archivos Flv o Swf. Dicho archivo ha de encontrase en una carpeta extendida de descargas ( ) dentro de la carpeta Galeras del Site.

23 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Recurso Preguntas Frecuentes: Sirve para crear una pgina, en la cual, podamos listar una serie de preguntas con sus correspondientes respuestas.

Recurso Glosario: Permite crear la definicin de un trmino. El recurso Glosario, aparece en un listado ordenado alfabticamente, donde podemos ver su detalle; trmino y definicin.

Recurso Msica: Crea una pgina en la que se reproduce audio en formato mp3. Dicho archivo de audio, ha de encontrase en una carpeta extendida de descargas ( dentro de la carpeta Galeras del Site. )

Recurso Lista de Enlaces: Crea un listado de enlaces, externo o internos a nuestra web.

Dentro del Grupo de Recursos el siguiente:

, editaremos

Recurso Formulario: Permite crear formularios de contacto con distintas configuraciones de sus campos segn nos sean necesarios.

8. Tipos de Edicin
En OpenCms disponemos de dos formas de mantener los contenidos de nuestros portales:

8.1 Direct Edit:


Con este sistema podremos editar nuestros contenidos directamente visualizando la interfaz de nuestro portal. Para ello, conforme navegamos en Offline veremos cmo aparecen una serie de dianas. Estas nos permiten editar el contenido al que hacen referencia (al posicionarnos encima de estas veremos cmo este contenido se marca):

24 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Una vez que pulsamos sobre la diana entraremos en el formulario de edicin del contenido. Se abrir el formulario asociado al contenido que hemos seleccionado. En algunos listados de contenido es posible incluso crear un nuevo contenido o borrar los ya existente. Para ello aparecen dos iconos nuevos: Un smbolo + y una x que representan cada una de las acciones:

25 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Debemos tener en cuenta que no todos los listados de un portal ofrecen este tipo de opciones de edicin directa. Normalmente stas opciones aparecen siempre configuradas en listados de Recursos Noticia ( ), Evento ( ), Enlace ( ), Descarga ( ) y Glosario ( ).

8.2 Edicin desde OpenCms


Navegando por la estructura de carpetas de OpenCms podemos acceder a editar todo tipo de contenido que deseamos Como vimos anteriormente, cada una de las carpetas que se encuentran dentro de nav, se equipara a una seccin de nuestro portal, por lo que podremos identificar rpidamente el contenido. Para editarlo, nos posicionamos sobre su icono y hacemos clic con el botn derecho del ratn, desplegndose de este modo, un men contextual en el que seleccionaremos la opcin Editar. Con ello abriremos la pantalla de edicin de cualquier recurso. Las dems opciones que ofrece el men contextual sern descritas en el siguiente punto.

9. Creacin de Recursos Template SAGA


Todos los recursos Template SAGA, se crean a travs del mismo procedimiento. Debemos tener en cuenta que al crear un recurso, hemos de encontrarnos en la seccin en la queremos que est. Es decir, si vamos a ampliar una seccin de Noticias de inters, para crear el Recurso Noticia 26 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

), tendremos que estar situados en el mismo directorio en el que se encuentren las dems

noticias. Para crear un nuevo recurso en el Site, pulsamos el comando Nuevo, que se encuentra en el rea Barra de Herramientas de nuestro entorno de trabajo.

Aparecer una nueva ventana en la que tenemos que activar el Grupo de Recursos en el que se encuentre aquel que queramos aadir a nuestra seccin. En nuestro caso, al querer crear un recurso de Tipo texto ( ), accionaremos el Radiobutton del

Grupo TEMPLATE SAGA Recursos de Contenido. Tras ello, pulsamos Continuar.

27 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Se abrir otro cuadro de dilogo, en el indicaremos el recurso que queramos crear. Activamos su RadioButton y pulsamos Continuar.

28 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Tras ello, aparecer la ventana de Crear un nuevo Recurso, en la que editaremos el nombre del archivo del Recurso Texto. Al ser un nombre de archivo interno, no podr contener caracteres extraos, como vocales acentuadas o ees, y tampoco espacios en blanco. Le daremos un nombre identificativo segn su contenido.

Al tener marcado el checkbox inferior Insertar el sufijo al nombre, no tendremos que escribir la extensin del archivo .html.

29 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

En el caso de que se trate de la pgina principal de una seccin su nombre deber ser index.html para que el gestor lo reconozca como la pgina por defecto de dicha seccin. Pulsamos Continuar y editamos las propiedades del texto (si en el primer paso habilitamos la casilla de Editar propiedades del nuevo fichero.)

En el campo Title redactamos el epgrafe o un texto fcil de identificar por el usuario. Podemos describir brevemente el contenido del texto con el campo Description, as como marcar palabras clave (identificadoras), separadas por coma, en el campo Keywords El valor del campo Title de un recurso ser usado en la propiedad homnima de la pgina, por lo que es de vital importancia en el posicionamiento de buscadores que indexan esta propiedad. Lo mismo ocurre con los campos Description y Keywords, ya que paran a formar parte de los metadatos requeridos en los motores de bsqueda para la identificacin de su contenido. Dichas propiedades se heredan de recursos padres, es decir, si queremos que un grupo de recursos tengan propiedades comunes, tendremos que asignrselos a la carpeta padre o contenedora de los mismos. Si marcamos la casilla de Agregar a navegacin, el recurso se incluir en la navegacin de la carpeta. Formar parte del men de navegacin, aunque recordemos que esta opcin no es aconsejable, puesto que la navegacin principal la posee la carpeta contenedora.

30 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Una vez que hayamos editado los campos pulsamos Terminar. Volveremos a la vista del rea: Pantalla de Recursos, donde aparecer nuestro Recurso Texto creado. Tal y como observamos en la siguiente imagen, ir acompaado de la Bandera amarilla y tendr un texto de color azul, ya que, no ha sido publicado nunca.

10. Recurso de inicio de una seccin


Dentro de un Recurso Carpeta con navegacin, tiene que existir un recurso con el nombre de archivo index.html, independientemente del tipo al que pertenezca. Ser a dnde nos dirijamos al entrar en la seccin.

31 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Puede existir otro caso, muy comn en la mayora de los portales webs. Una de nuestras secciones principales, puede contener otras subsecciones dentro y queremos que al acceder a esta seccin, el usuario entre en el archivo index.html de una de las interiores. Por ejemplo, la seccin Sala de Prensa de mi web, se divide en dos sub apartados; ltimas Noticias y Prximas Actividades y cada una de ellas posee un archivo principal index.html.

32 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Queremos que el usuario que acceda a mi seccin Sala de Prensa, visualice en su navegador el archivo index.html de la carpeta ltimas Noticias.

33 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

A diferencia del anterior caso, no tendremos que incluir dentro de la Carpeta Sala de Prensa ningn archivo index.html, ya que queremos que se muestre el que se encuentra dentro de la seccin ltimas Noticias. Para ello, tendremos de indicrselo en la pantalla propiedades de la Carpeta. Seleccionamos la opcin Propiedades en el men contextual de la Carpeta:

34 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

En la siguiente pantalla seleccionaremos la opcin Avanzado:

Aparecer una nueva ventana, en la que podremos visualizar todas las propiedades que podemos dar a una carpeta.

35 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

En concreto, para este caso, vamos al campo default-file y en l, escribimos la ruta absoluta que nos lleva al recurso index.html de ltimas Noticias y pulsamos OK y volveremos a la vista del rea: Pantalla de Recursos. Con la edicin de esta propiedad en la carpeta, podremos controlar la navegacin de las sub secciones, accediendo al recurso index.html que indiquemos.

11. Cmo dar Navegacin a una Carpeta


Para que una carpeta forme parte del men de nuestra web deberemos indicrselo explcitamente en su panel de propiedades. Accedemos a l a travs de la opcin Propiedades del men contextual.

Abriremos un el cuadro de dilogo de Propiedades de la carpeta:

36 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Vemos una serie de campos, con su valor correspondiente: Title: Su valor contiene el nombre que queramos que tenga la carpeta. Checkbox Agregar a Navegacin: Si activamos el casillero aparecer como una nueva seccin en el men principal de la web. Dependiendo de si se encuentre anidada dentro de otra carpeta con navegacin, ser una seccin de segundo, tercer nivel o siguientes. Texto de Navegacin: Corresponde al nombre con el cual aparecer en la navegacin del men. Normalmente ha de coincidir con el Ttulo o Title que hayamos dado a la carpeta. Inserte despus de: Despliega una lista con los nombres de las carpetas que contienen una navegacin en la carpeta nav, en el orden que poseen. Al seleccionar una de ellas, nuestra nueva carpeta se posicionar tras ella.

37 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

El uso de la navegacin tambin sirve para mantener la seccin de Mapa Web, de forma que, en el momento que marcamos una opcin como elemento visible del men, tambin se da de alta automticamente en el mapa web.

12. Subida y creacin de Archivos en Carpetas Extendidas


12.1 Consideraciones generales
Debemos de tener presente que, cada tipo de Carpeta Extendida, ha de contener sus archivos especficos: : Slo debe contener archivos de imagen, sean de la extensin que sean; .jpg, .gif, .png, etc. : Slo debe contener archivos de Texto, Comprimidos, Videos o Flash: .doc, .pdf, ,zip, .rar, .swf, etc. y : Slo debe contener Recursos Enlaces : Slo debe contener Recursos de Texto libre . .

Cuando editamos un recurso, al hacer una llamada desde un campo a stas carpetas para seleccionar un archivo que contengan, dependiendo de a qu tipo de archivo se va a llamar, aparecern las Carpetas Extendidas de uno u otro tipo. En los siguientes apartados, veremos cmo subir archivos a nuestro OpenCms, usando el Applet de Java. Su uso podemos activarlo o desactivarlo. Para ello tendremos que ir a la ventana de . En su pestaa Worplace, podremos activar o desactivar el checkbox Usar Applet de subida de ficheros:

38 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

En ciertos casos, por configuraciones del equipo o de la red empleada, el proxy nos impida su uso, an marcndolo en Preferencias. Veamos a continuacin un ejemplo de la subida de una imagen sin usar el Applet. En tramos en la carpeta en la que queremos subirla y pulsamos el comando Subida de la Barra de Herramientas. Abriremos un cuadro explorador de nuestra carpeta de Documentos, donde seleccionaremos la imagen que queramos subir al editor.

39 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Tras ello, pulsaremos Continuar. En el siguiente cuadro de dilogo, seleccionaremos el tipo de archivos que hemos seleccionado para su subida. Por defecto el sistema lo identifica, por lo que la opcin Imagen aparecer marcada por defecto: Tras Continuar, podremos editar tanto su propiedad Title, como el Description y al Terminar esperaremos a que se suba.

40 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

12.2 Cmo subir imgenes a la Carpeta Galera de Imgenes


El recurso Carpeta Galera de Imgenes ( Extendidas ( ), que pertenece al Grupo de Recursos Carpetas

), permite almacenar las imgenes de nuestra web. Se encuentran dentro de la

Carpeta galeras y podemos crear tantas carpeta Galera de Imgenes cmo nos sean necesarias a la hora de organizar nuestro portal.

Antes de subir imgenes a nuestra carpeta, tendremos que posicionarnos dentro de ella haciendo clic sobre el recurso. En nuestro caso, hemos entrado en la Galera imagenesNoticias, en la que vamos a subir nuevas imgenes.

41 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Pulsamos el botn Subida

del rea: Barra de Herramientas. Abriremos un explorador

de nuestro ordenador que, por defecto, mostrar el contenido de la carpeta Mis Documentos. Desde aqu podremos movernos por nuestras carpetas para buscar las imgenes que queramos aadir. En el desplegable Archivos de Tipo, podremos seleccionar el tipo del archivo que estamos buscando, en nuestro caso Images.

42 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Podemos seleccionar una o varias imgenes. Si queremos subir tan slo una, haremos doble clic sobre su detalle, y si por el contrario, queremos varias, podremos seleccionarlas manteniendo la tecla Ctrl del teclado presionada al mismo tiempo que hacemos clic sobre ellas. Tras haberlas seleccionado, pulsamos OK y esperamos a que se suban.

43 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

44 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Una vez arriba, las imgenes se encontrarn a disposicin de ser llamadas desde cualquier recurso que creemos en nuestra web. Recordemos que aparecern con el icono de la bandera amarilla y texto azul asociado, puesto que son archivos que nunca han sido publicados.

12.2.1 Men contextual de la Carpeta Galera de Imgenes


La carpeta Galera de Imgenes, posee tres opciones nuevas en su men contextual, relacionadas en su mayora, con la edicin de datos de los archivos que contiene:

Abrir Galera: Permite visualizar, en una nueva ventana, una lista de miniaturas de las imgenes que contiene. Esta opcin ser comn en los dems tipos de carpetas Extendidas.

Renombrar Imgenes: Podremos modificar el nombre de los archivos imagen en bloque.

45 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Imgenes de comentario: Permite la modificacin del Ttulo de las imgenes, as como la inclusin de una breve descripcin de cada una de ellas.

12.3 Cmo subir documentos a la Carpeta Galera de Descargas


El recurso Carpeta Galera de Descarga ( Extendidas ( ), que pertenece al Grupo de Recursos Carpetas

), permite almacenar los documentos de texto de nuestra web. Se encuentra

dentro de la Carpeta galeras y podemos crear tantas carpeta Galera de Descarga cmo nos sean necesarias a la hora de organizar nuestro portal.

Antes de subir documentos, tendremos que posicionarnos dentro de ella haciendo clic sobre el recurso. En nuestro caso, hemos entrado en la Galera descargas, en la que vamos a subir nuevos documentos.

46 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Pulsamos el botn Subida

del rea: Barra de Herramientas. Abriremos un explorador

de nuestro ordenador que, por defecto, mostrar el contenido de la carpeta Mis Documentos. Desde aqu podremos movernos por nuestras carpetas para buscar los documentos que queramos aadir. En el desplegable Archivos de Tipo, podremos seleccionar el tipo del archivo que estamos buscando, en nuestro caso podemos seleccionar Office, para documentos de Microsoft o Todos los Archivos, si queremos subor otro tipo.

47 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Al igual que con las imgenes, podemos seleccionar uno o varios archivos al mismo tiempo. Tras haberlos seleccionado, pulsamos OK y esperamos a que se suban.

48 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Una vez arriba, los documentos se encontrarn a disposicin de ser llamados desde cualquier recurso que creemos en nuestra web.

12.4 Cmo subir Enlaces a la Carpeta Galera de enlaces externos


El recurso Carpeta Galera de Enlaces Externos ( Carpetas Extendidas ( ), que pertenece al Grupo de Recursos ), muy tiles a la hora

), permite almacenar Recursos Enlace Externo (

de guardar direcciones Url de otras webs, que vayan a ser muy usadas a la hora de redactar el contenido. Podemos crear tantas carpetas Galera de Enlaces Externos cmo nos sean necesarias. Los Recursos Enlace Externo ( ), se crean del mismo modo que vimos anteriormente en el

apartado Creacin de Recursos Template SAGA.

12.5 Ficheros plantilla, de las Carpetas Galera HTML y Galera de tablas

49 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Tanto el recurso carpeta Galera de HTML (

), como Galera de Tablas (

), permiten que

guardemos en su interior recursos Fichero de texto ( ) que, posteriormente, nos sirvan de a modo de plantilla en la edicin de un campo Wysiwyg de los recursos Template SAGA. Esos Fichero de texto ( ), tendrn cdigo HTML, que ser el que nos importe el editor. Podrn ser creados desde cero, tal y como hemos visto en el apartado Creacin de Recursos Template SAG, o bien, subido, como hemos aprendido en la Subida de Archivos a la Carpeta Galera de Descargas.

13. Editor de Recursos Template SAGA


Una vez creado el recurso, abrimos la pantalla de su editor para introducir el contenido. Para ello seleccionamos la opcin Editar en su men contextual:

El Editor de OpenCms, posee siempre una estructura similar, independientemente del recurso que estemos editando. Variar el nmero y tipo de campos a rellenar por el usuario editor, ya que s dependen directamente del tipo de recurso. 50 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

13.1 Barra de Herramientas

Situada en el rea superior de nuestro editor, la barra de herramientas del Editor contiene las siguientes opciones: Publicar Directamente: Permite publicar directamente nuestro recurso desde el editor de contenidos. Abrir un cuadro de dilogo en el que confirmaremos o cancelaremos su publicacin. Al usar este comando, siempre saldremos del editor de contenido. Guardar y Salir: Con l saldremos del editor, tras guardar los cambios que hayamos efectuado en su interior. Guardar: Esta opcin guarda los cambios que estemos realizando en el contenido del recurso sin que salgamos de la pantalla del editor. Selector Idioma: En caso de que nuestro Site est habilitado en varios idiomas, a travs de este desplegable podemos seleccionar el idioma en el que queramos trabajar los contenidos. Borrar: Elimina la copia del recurso en alguno de los idiomas disponibles. Este comando slo se encuentra activo si la web es multi-idioma. Copiar: Con esta opcin vamos a poder copiar el contenido del recurso en otro idioma, siempre que el Site est habilitado para ello. Previsualizacin: Abrir en una nueva ventana del navegador la pantalla que estamos editando con la apariencia Online, sin salir del editor. 51 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Cerrar: Con l saldremos del editor, perdiendo los cambios que hayamos efectuado en su interior.

13.2 Pestaas

Bajo la Barra de Herramientas, aparecen tres pestaas relacionadas directamente con el contenido. Por defecto, t en todos los recursos aparecer siempre en primer plano la denominada Contenido.

13.2.1 Pestaa Contenido


Es en ella en la que editaremos el contenido de nuestro recurso. Se compone de una serie de campos con distinta fisionoma, destinados a contener diferentes tipos de datos. Cada recurso Template SAGA cuenta con campos especficos, que conforman la distribucin de la informacin que muestran. Como denominador comn veremos que un campo cuenta con: Etiqueta: Indica el tipo de contenido que debemos introducir.

Ayuda: Al posicionarnos sobre ella, podremos ver una breve descripcin de qu tipo de contenido ha de introducirse en el campo, en caso de tener alguna duda.

52 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Campo de texto: Espacio en el que escribir el contenido.

En la mayora de los recursos existen campos que, por defecto, aparecen cerrados, ya que son opcionales. Junto a su campo de texto, veremos una pequea diana ( ) con distintas opciones

que van a depender de si es un campo nico o puede ser repetido dentro del mismo recurso:

Mostrar Botones del Elemento: Muestra una serie de opciones, cuya disponibilidad va a depender del estado del campo y su tipologa. Los casos son los siguientes: Si el campo est cerrado: La diana aparece con un punto verde ( por tanto, tan slo podemos seleccionar la opcin Agregar Nuevo ( ). Slo permite abrirlo, ):

Si el campo es nico en el recurso: La diana aparece con un punto rojo ( cerrarlo, por tanto, tan slo podemos seleccionar la opcin Borrar ( ):

). Slo permite

Cerraremos el campo de nuevo, perdiendo los datos que tuviera. Si el campo en el Recurso puede repetirse: La diana aparece con los dos puntos, rojo y verde ( ). Permite abrirlo (Agregar Nuevo ), y borrarlo (Borrar ):

Si editamos dos o ms campos similares: La diana aparece con los dos puntos, rojo y verde ( ). Permite abrirlo (Agregar Nuevo ), borrarlo (Borrar ) y modificar su

orden movindolo hacia arriba (Mover hacia arriba ): 53 SAGA Soluciones Tecnolgicas

) o hacia abajo (Mover hacia abajo

Manual del Usuario Editor de OpenCms

13.2.2 Pestaa Categora


En muchos portales dispondremos de la opcin de listar recursos en base a categoras asignadas, agrupndolos de este modo. Vimos en el Punto 4.2.1 Carpeta _categories, la edicin y significado de las Categoras en un recurso y a continuacin veremos cmo asignarlas. Si activamos la pestaa aparecer una nueva vista del editor, en la que tendremos acceso a la visualizacin de las categoras que hemos creado en la carpeta _categories de nuestro Site:

54 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Para aadir una categora al recurso, tendremos que hacer clic en el icono ms (

) de la

categora en concreto, en la lista que aparece en el lado derecho. Por ejemplo, vamos a aadir la Categora Consultora, que pertenece al Grupo Tecnologa:

55 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Tal y como vernos en la imagen anterior, la categora en la que hemos hecho clic en el ms, pasa de la columna de la derecha en la que se encontraba, a la de la izquierda quedando asignada a nuestro recurso. El smbolo ms con el fondo negro ( ) que aparece en la columna de la derecha, indica que una

categora de este grupo ha sido asignada al recurso. Podemos aadir tantas categoras a un recurso, como nos sean necesarias:

56 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Para eliminar categoras al recurso, tendremos que hacer clic en el icono menos (

) de la

categora en concreto en la columna de la izquierda. Volver a estar ubicada en la columna de la derecha:

57 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

13.2.3 Pestaa Cajas


Al activar la pestaa Cajas, aparecer una nueva vista del Editor de contenidos en la que veremos el Campo Element plegado:

Dicho campo permite introducir, al comienzo o final del recurso, tantas cajas de contenido adicional como queramos. Por ejemplo, elementos caja pueden ser un men lateral, una lista de banners, un buscador avanzado, etc. Es importante tener en cuenta que, para incluir una caja, sta ha de haber sido creada anteriormente dentro de la carpeta contenidoCajas, ubicada en la carpeta configuracion del Site:

Para su edicin es imprescindible tener conocimientos avanzados de administracin en OpenCms y maquetacin con Hojas de Estilos en Cascada. Para desplegar el campo, seleccionamos la opcin Agregar Nuevo ( izquierda. ) de la diana de la

58 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Box: Introduce la ruta absoluta en la que se encuentra la caja. Hacemos clic en el icono Buscar ( ), junto al campo. Se abrir en una nueva ventana del navegador el rea: rbol

de Navegacin del entrono de trabajo. Seleccionaremos el elemento que va a contener la caja, y cerraremos la ventana:

Veremos como la ruta aparecer en el campo:

Orientation: Despliega las posiciones que queremos que tome la caja.

59 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Color Schema: Contendr la clase asociada a su estilo.

14. Campos de Contenido


14.1 Campo Editor de texto Wysiwyg
Son campos de texto muy intuitivos, ya que permiten que el usuario edite el contenido, viendo algo muy parecido al resultado final. De echo, el trmino WYSIWYG, procede del ingls: What You See Is What You Get. Normalmente los campos que requieran de gran carga de contenido dentro de los recursos, como por ejemplo, los textos de un prrafo de un recurso texto de Template SAGA, van a contar con un campo de este tipo. Se diferencian del resto en que, aparte de ser de un tamao mayor, contienen asociada, una barra de herramientas en su parte superior, parecida al entorno Microsoft Word. Estas herramientas aparecen al hacer clic en el campo blanco de texto:

60 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

La barra de Herramienta cuenta con las siguientes opciones: Deshacer: Elimina el ltimo cambio. Rehacer: Vuelve al estado anterior. Seleccionar todo: Selecciona el texto u objetos del editor. Eliminar formato: Borra todo el formato de la seleccin y deja el texto sin formato. Cortar: Corta el texto seleccionado y lo pega en el portapepeles. Copiar: Copia la seleccin y la coloca en el portapepeles. Pegar: Pega el contenido del portapapeles. Pegar como Texto Plano: Abre un cuadro de dilogo con un campo de texto, en el que debemos pegar el texto procedente de otro editor de texto. De este modo evitamos que el contenido se llene de estilos propios del programa de origen.

61 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Pegar desde Word: Abre un cuadro de dilogo con un campo de texto, en el que debemos pegar el texto procedente de un documento Word, eliminando estilos propios y transformando el texto en plano.

Negrita: Aplica el formato de negrita al texto seleccionado. Cursiva: Aplica el formato de cursiva al texto seleccionado. Subrayado: Subraya el texto seleccionado. Tachado: Traza una lnea en medio del texto seleccionado. Subndice: Crea letras minsculas por debajo de la lnea de texto. Superndice: Crea letras minsculas por encima de la lnea de texto. Alineacin del Texto: Alinea el texto a la derecha, al centro, a la izquierda o lo justifica a ambos lados. Por cuestiones de estilos, en web, se han deshabilitado estas cuatro opciones.

62

Inserta / Eliminar numeracin: Inicia una lista numerada. Inserta / Eliminar vietas: Inicia una lista con vietas. Disminuir Sangra: Reduce el nivel de sangra del prrafo. Aumentar Sangra: Aumenta el nivel de sangra del prrafo. : Permite ver el cdigo HTML del texto y poder editarlo.

SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

: Crea distintos encabezados en el texto seleccionado. Enlace: Incluye un enlace en el texto seleccionado. El enlace puede ser tanto externo (a otra direccin Url), como interno (a otra seccin de nuestra propia web). Abre una nueva ventana emergente con los siguientes campos:

Enlace Url: Contiene la ruta de la direccin web. En caso de ser externa deberemos de poner la ruta completa de la pgina con el prefijo http://. Si es un enlace interno debemos hacer clic en el icono de la carpeta que se encuentra junto al campo ( ). Abrir en una nueva ventana del navegador el

rea: rbol de Navegacin del entrono de trabajo, donde podemos seleccionar el recurso al que queremos enlazar. Al cerrar la ventana emergente, veremos como la ruta aparecer en el campo. o Destino: En el selector podemos definir dnde queremos que aparezca la nueva direccin, si en una ventana nueva (recomendable para enlaces a otras Urls) o en la misma ventana (recomendable para enlaces internos). o Ttulo: Corresponde al ttulo del enlace. Es recomendable incluirlo por temas de accesibilidad.

63 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Referencia: Sirve para incluir el texto seleccionado en una etiqueta con un nombre para crear un ancla interno.

Insert/Edit image: Inserta en el flujo del texto una imagen. Abre en un cuadro de dilogo el explorador de las Galeras de imgenes que encuentra en la Carpeta Galeras de nuestro Site.

Insert/Edit file: Inserta en el flujo del texto una documentacin para descargar. Abre en un cuadro de dilogo el explorador de las Galeras de descarga que encuentra en la Carpeta Galeras de nuestro Site.

Insert/Edit link: Inserta en el flujo del texto un enlace. Abre en un cuadro de dilogo el explorador de las Galeras de enlaces que encuentra en la Carpeta Galeras de nuestro Site.

Insert HTML: Inserta en el flujo del texto una plantilla HTML. Abre en un cuadro de dilogo el explorador de las Galeras de tablas que encuentra en la Carpeta Galeras de nuestro Site.

Insertar carcter especial: Inserta smbolos que no aparecen en el teclado. Imprimir: imprime el contenido del editor WYSIWYG. Maximizar el tamao del editor: Amplia a pantalla completa el cuadro del editor WYSIWYG.

64 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

14.2 Campo Imagen


Al desplegar el campo Imagen de un recurso veremos cmo se compone de los siguientes campos:

Imagen: Contendr la ruta absoluta de la imagen que queramos aadir al recurso. Si accionamos el botn Galera de Imgenes situado ala derecha del campo,

abriremos un cuadro de dilogo que explorar todas las Galeras de imgenes que encuentra en la Carpeta Galeras de nuestro Site. Por defecto, aparecern las miniaturas de las imgenes de la primera Carpeta Galera de Imgenes que encuentre en Galeras.

Sobre la vista aparecen una serie de botones descritos a continuacin: 65 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

: Muestra todas las Carpetas Galera de Imgenes disponibles en nuestro Site.

Haciendo clic en cualquier galera podremos entrar y ver las imgenes que contiene. 66 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Una vez que encontremos aquella que queremos adjuntar al campo la seleccionamos (fondo azul) y pulsamos el botn Select .

En la siguiente ventana podremos ver la imagen a tamao real.

Podemos cambiar su tamao en los campos Width y Height, introduciendo el valor en pxeles que nos interese. o Si el icono del candado se encuentra cerrado : Las proporciones de alto y ancho sern proporcionales. o Si el icono del candado se encuentra abierto : Las proporciones de alto y ancho no sern proporcionales. Podremos deshacer el cambio accionando el comando Reset Size En el desplegable Format, podremos controlar su visualizacin en el contenido.

67 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

o o

Original Format: Respeta el tamao real que posee la imagen. User defined format: Permite definir el rea de la imagen que queramos que se muestre. En la seleccin el alto y el ancho sern proporcionales a las medidas reales de la imagen. Para seleccionar dicha rea pulsaremos el botn Crop .

Free Cropping: Permite definir el rea de la imagen que queramos que se muestre. En la seleccin el alto y el ancho no sern proporcionales a las medidas reales de la imagen. Para seleccionar dicha rea pulsaremos el botn Crop .

Small Image: Reduce el tamao de la imagen respetando un ancho fijo de 200px, siendo la altura proporcional segn las medidas reales.

Large image: Reduce el tamao de la imagen respetando un ancho fijo de 500px, siendo la altura proporcional segn las medidas reales.

Tanto si hemos realizado cambios en la visualizacin de la imagen, como si no, para adjuntar la imagen tendremos que accionar el botn OK. : Podemos publicar directamente la carpeta de la galera que estemos viendo en miniatura, en el caso de que contenga imgenes que no hayan sido publicadas. Estas imgenes aparecern con el icono de una bombilla azul sobre ellas en su esquina superior izquierda ( ).

: Permite subir directamente desde esta ventana una ventana a la galera que queramos. Para ello debemos de estar dentro de la Galera de Imgenes. Abriremos un explorador de nuestro ordenador que, por defecto, mostrar el contenido de la carpeta Mis Documentos. Desde aqu podremos movernos por nuestras carpetas para buscar las imgenes que queramos aadir. 68 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

En el desplegable Archivos de Tipo, podremos seleccionar el tipo del archivo que estamos buscando, en nuestro caso Images.

Podemos seleccionar una o varias imgenes. Si queremos subir tan slo una, haremos doble clic sobre su detalle, y si por el contrario, queremos varias, podremos seleccionarlas manteniendo la tecla Ctrl del teclado presionada al mismo tiempo que hacemos clic sobre ellas. Tras haberlas seleccionado, pulsamos OK y esperamos a que se suban. Aparecern sus miniaturas en la galera a la que las hayamos subido, listas para ser seleccionadas. Ancho: Permite establecen un ancho en pxeles de la imagen, resultando el alto proporcional a la cantidad que indiquemos. Descripcin: Corresponde al ttulo de la imagen. Es recomendable incluirlo por temas de accesibilidad. 69 SAGA Soluciones Tecnolgicas Descripcin Larga: Permite la inclusin de una breve descripcin de la imagen adjunta.

Manual del Usuario Editor de OpenCms

En la mayora de los recursos Template SAGA, podemos incluir tantas imgenes como queramos. Para ello tendramos que aadir ms campos Imagen haciendo clic en la opcin Agregar Nuevo de la diana, a la derecha del campo:

Cuando aadimos una imagen, aparece junto al campo Imagen el icono Previsualizacin nos permite ver en una nueva ventana la imagen que se encuentra enlazada.

que

Por norma general, de las imgenes que incluyamos en un recurso, la primera de ellas se considera la principal del recurso, pasando a posicionarse en un tamao mayo junto al texto, mientras que las dems, aparecen en la galera de imgenes del recuro. Exceptuamos los recursos de Tipo Texto ( ), puesto que stos cuentan en su edicin, con la

posibilidad de seleccionar una serie de plantillas precofiguradas. En el caso prctico de este manual, desarrollaremos en mayor medida este caso. Cuando un recurso contiene una galera de Imgenes, stas aparecen en miniaturas, aunque si hacemos clic sobre ellas, vemos como se amplan adoptando su tamao original. A travs de ste visor podemos navegar por todas las imgenes que hay en el recurso.

70 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

14.2.1 Campo Propiedad de las imgenes

Asociado a las propiedades de la Imagen se encuentra el campo Propiedad_Imagenes. Al desplegarlo veremos cmo se compone de una serie de campos secundarios, cuyas propiedades afectarn por igual a todas las imgenes asociadas al contenido:

71 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Alto: Permite introducir un tamao al alto de las imgenes en pxeles. Su valor ha de ser un nmero entero sin la extensin px.

Ancho: Permite introducir un tamao al ancho de las imgenes en pxeles. Su valor ha de ser un nmero entero sin la extensin px.

ScaleType: Se compone de un select con opciones del escalado de la imagen, con el fin de evitar que se deforme tras introducir un alto y una ancho.

Scale to exact target size width background padding: Muestra la imagen con las dimensiones que hayamos introducido en el campo alto y ancho, sin deformarla. El fondo se ver del color establecido en el campo ScaleColor.

Create a thumbnail for the image: Crear una miniatura automtica, con un valor de 100px de ancho, siendo el alto proporcional en relacin a las proporciones reales. Esta opcin se ve anulada si incluimos valores en los campos Alto y Ancho.

Scale to exact target size, crop what does not fit: Recorta la imagen desde el centro hasta que tenga las dimensiones indicadas en el campo Alto, Ancho o ambos a la vez.

Scale and keep image proportions, target size variable y Dont keep image proportios, use exact target size: Escalan la imagen a los valores introducidos en el campo Alto y Ancho, deformndola.

ScalePosition: Se compone de un select con opciones acerca de la posicin que debe tomar la imagen respecto al escalado aplicado.

72

ScaleFilter: Aplica un filtro a las imgenes en escala de grises.

SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

ScaleColor: Permite la seleccin de un color de fondo en las imgenes.

Primera: Indica que la primera de las imgenes introducida en un recurso ha de ser la principal del mismo. Su valor ha de ser 1, y slo ha de introducirse este campo en los recursos de tipo Noticia.

14.3 Campo Descarga


Al desplegar el campo Descarga de un recurso veremos cmo se compone de los siguientes campos:

Archivo: Contendr la ruta absoluta del documento, cuya descarga, que queramos aadir al recurso. Si accionamos el botn Galera de Descargas situado ala derecha del campo,

abriremos un cuadro de dilogo que explorar todas las Galeras de Descargas que encuentra en la Carpeta Galeras de nuestro Site. Por defecto, aparecer un listado de los documentos que contiene la primera Carpeta Galera de Descargas que encuentre en Galeras.

73 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Sobre la vista aparecen una serie de botones descritos a continuacin y con las mismas caractersticas que los vistos en el campo Imagen: : Muestra todas las Carpetas Galera de Descargas disponibles en nuestro Site. Haciendo clic en cualquier galera podremos entrar y ver los documentos que contiene. Una vez que encontremos aquel que queremos adjuntar al campo, lo seleccionamos (fondo azul) y pulsamos el botn Select , o bien, podemos pulsar OK.

Se cierra la ventana emergente y veremos como la ruta del archivo aparece en el campo. : Podemos publicar directamente la carpeta de la galera que estemos viendo, en el caso de que contenga documentos que no hayan sido publicados. Aparecern con un icono de una bombilla azul sobre ellos ( ).

: Permite subir directamente archivos a la carpeta Galera de Descargas en la que nos encontremos. Abriremos un explorador de nuestro ordenador que, por defecto, 74 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

mostrar el contenido de la carpeta Mis Documentos. Desde aqu podremos movernos por nuestras carpetas buscando los archivos que queramos aadir. En el desplegable Archivos de Tipo, podremos seleccionar el tipo del archivo que estamos buscando. Podremos seleccionar uno o varios a la vez, pulsamos OK y esperamos a que suban. Aparecern en la lista de la galera. Ttulo: Corresponde al ttulo del archivo de descarga. Es recomendable incluirlo por temas de accesibilidad. Descripcin: Permite la inclusin de una breve descripcin del archivo adjunto.

En la mayora de los recursos Template SAGA, podemos incluir tantos archivos de descarga como queramos, exceptuando la edicin del recurso Descarga , que tan slo permite uno.

Para ello tendramos que aadir ms campos Descarga haciendo clic en la opcin Agregar Nuevo de la diana, a la derecha del campo:

Al igual que ocurre con el campo Imagen, cuando aadimos una descarga, aparece junto al campo el icono Previsualizacin que nos permite ver en una nueva ventana la descarga.

Las descargas de los recursos, aparecen en la Galera de Descargas titulada Documentacin para Descargar, debajo de la de Imgenes. Sus datos sern acompaados por la informacin acerca del formato del archivo adjunto y por su tamao.

75 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

14.4 Campo Enlace


Los recursos Template SAGA, permiten completar su contenido con una Galera de Enlaces. En ella tendrn cabida tanto enlaces de tipo Externo, como Internos sin que exista diferenciacin visual entre ellos. Entendemos por un enlace externo, aquel que hace una llamada a una direccin Url distinta, mientras que un enlace interno, se produce cuando llamamos a otra seccin de nuestra web.

14.4.1 Campo Enlace Externo


Al desplegar el campo Enlace Externo de un recurso veremos cmo se compone de los siguientes campos:

Enlace: Contendr la direccin a la que queramos en lazar. Ha de contener el protocolo http://

Ttulo: Incluye el nombre de la Web enlazada. Descripcin: Permite la inclusin de una breve descripcin de la Web enlazada. Nueva ventana?: Si activamos su checkbox, el enlace se abrir en una nueva ventana del navegador. Es recomendable para en laces de tipo externo.

14.4.2 Campo Enlace Interno


Al desplegar el campo Enlace Interno de un recurso veremos cmo se compone de los siguientes campos:

76 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Ttulo: Incluye el nombre de la seccin enlazada. Referencia: Contendr la ruta absoluta de la seccin que queramos enlazar. Si hacemos clic en el icono Busca r, que se encuentra junto al campo, abriremos una nueva

ventana del navegador que explorar nuestro Site y a travs del cual podremos seleccionar el archivo en concreto. Descripcin: Permite la inclusin de una breve descripcin de la seccin enlazada. Nueva ventana?: Si activamos su checkbox, el enlace se abrir en una nueva ventana del navegador. No es recomendable para en laces de tipo interno. En la mayora de los recursos Template SAGA, podemos incluir tantos enlaces como queramos, exceptuando la edicin del recurso Enlace , que tan slo permite uno.

Para ello tendramos que aadir ms campos Enlace Externos o Internos haciendo clic en la opcin Agregar Nuevo de la diana, a la derecha del campo:

15. Multi Idioma


Para que una web soporte varios idiomas, ha de haber sido configurada previamente por los programadores. En las webs que se desarrollan en varios idiomas, observaremos que la carpeta nav, pasa a llamarse es y que junto a ella, aparecer una carpeta por cada idioma tenga habilitado el portal; en, de, fr, etc. 77 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Dentro de las mismas, los recursos sern los mismos, puesto que estarn copiados como hermanos. Para crear archivos en varios idiomas el procedimiento consta de dos pasos. Vamos a explicarlos, en relacin a copiar un contenido en espaol e ingls: 1. Copiar el Recurso como Hermano en el mismo directorio de la carpeta en Ingls: La idea es que los recursos Template SAGA, pueden copiarse en distintos idiomas, siendo el recurso el mismo. Debemos de tener claro que dos recursos copiados como Hermanos son el mismo, si modificamos el contenido de uno, tambin modificaremos el del otro, puesto que son el mismo. Sabremos si un recurso posee un hermano cuando sobre su icono aparece una pequea flecha: .

Por ejemplo, si tenemos un recurso de tipo texto dentro de nuestra carpeta es (espaol), y tenemos que hacer que tambin aparezca en la opcin en ingls, tendremos que crear un hermano del recurso en el mismo directorio dentro de la carpeta en. Nuestro recurso Texto Quienes Somos, se encuentra en la ruta: /es/inicio/, tendremos que copiarlo como hermano en: /en/inicio/ Para ello, seleccionamos la opcin Copiar de su men contextual.

78 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

En la siguiente pantalla activaremos la opcin Crear un Hermano del Recurso y a travs del botn Buscar seleccionaremos la ruta en la que queramos copiarlo:

Tras pulsar OK, habremos creado ste recurso como hermano en la carpeta del Ingls. 2. Copiar el contenido en espaol del recurso en la opcin de Ingls: Tenemos el recurso tanto en la carpeta es, como en en, pero su contenido que se encuentra en espaol, an no ha sido copiado para su edicin en ingls. Espe paso lo realizaremos desde el editor del contenido que abrimos pulsando la opcin de su men contextual. 79 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Una vez dentro, nos centraremos en las opciones de idiomas que se encuentran en la Barra Superior de Herramientas .

Si desplegamos el selector Idioma, veremos como aparece el idioma que se encuentra habilitado en el Site, con los caracteres [-] a su lado:

Indican que los contenidos no han sido copiados al ingls. Adems si observamos el aspa del icono Borrar ( ) se encuentra deshabilitado, ya que no hay contenido en ingls de este

recurso en concreto. Para copiarlos al ingls, tenemos que accionar el icono Copiar derecho. Abrir una ventana emergente en la que podremos seleccionar el idioma en el que queremos que se copie el contenido del recurso. En ella aparecern los idiomas que estn disponibles para el Site, en nuestro caso, tan solo aparecer la opcin del ingls. , que se encuentra a su lado

Activamos el checkbox y pulsamos OK y volveremos al editor de texto, en el contenido en espaol.

80 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Volvemos de nuevo a las opciones de idiomas que se encuentran en la Barra Superior de Herramientas y comprobaremos que al desplegar de nuevo el selector Idioma, han desaparecido los caracteres [-], que aparecan junto a la opcin de ingls.

Este hecho indica que los contenidos s se encuentran copiados al ingls. Adems si observamos el aspa del icono Borrar ( ) ya se encuentra activa. Con ella podremos eliminar

la copia de contenidos al idioma que seleccionemos. Para editar los contenidos en otro idioma, seleccionaremos en el selector aquel en el que queramos trabajar:

Los datos sern los mismos que en espaol, tendremos que traducirlos al ingls (siempre, manteniendo en el selector el idioma en el que tradizcamos) y ya los tendremos en los dos idiomas. Hay que tener en cuenta que al salir del editor y querer publicar el recurso texto, tendremos que activar la casilla Publicar todos los hermanos, ya que tambin tendremos que publicar su hermano de carpeta ingls y pulsar OK.

81 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

16. Caso Prctico: Edicin del Recurso Texto


16.1 Creacin del Recurso
Nos situamos en la carpeta que va a contener mi recurso de Tipo Texto. Movindome por el rea: rbol de Navegacin entro en la carpeta Quienes Somos.

82 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Una vez que me encuentro dentro, pulso el comando del Entorno de Trabajo.

del rea: Barra de Herramientas

El siguiente paso es seleccionar el Grupo de Recursos en el que se encuentra aquel que queremos crear, en nuestro caso activamos Continuar. y pulsamos

Se abrir un nuevo cuadro de dilogo en el que seleccionaremos nuestro recurso: Y pulsamos Continuar. En la pantalla de Creacin de un Nuevo Fichero, escribiremos el nombre del archivo. Recordemos que no podr llevar caracteres extraos, ni vocales acentuadas, ees o espacios en blanco.

83 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Antes de pulsar Continuar, debemos tener activos los dos Checkbox inferiores al campo.

En la pantalla Propiedades editaremos el Ttulo, Palabras Clave y una Descripcin de su contenido. No debemos darle navegacin, puesto que en OpenCms son las carpetas las que la llevan. Tras rellenar estos campos pulsamos Terminar y veremos en el rea: Pantalla de Recursos del Entorno de trabajo nuestro recurso creado.

84 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Si hacemos un simple clic en l podremos ver su apariencia Online.

16.2 Abrir el Editor


Podemos acceder al Editor del Recurso de dos formas distintas: De forma Exterior o Direct Edit, haciendo clic en sus dianas en la vista Online.

De forma Interna, a travs del Comando Editar de su men contextual.

En los siguientes puntos tan slo desarrollaremos la edicin de los campos relativos a la Pestaa Contenido.

85 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

16.3 Campo Ttulo


Corresponde al encabezado del documento, que da a conocerlo. Ha de coincidir con la Propiedad Title del recurso, que incluimos anteriormente a la hora de crearlo.

16.4 Campo Fecha de Creacin


Introduce la fecha en la que ha sido creado el recurso. La informacin que ofrece es de carcter interno, por lo que no va a aparecer en la vista Online del recurso. Resulta muy til cuando existen varios usuarios editores en el mismo Site.

16.5 Campo Teaser


Puede utilizarse como resumen o entradilla del texto que se va a introducir en el campo prrafo, es conveniente su utilizacin ya que favorece el posicionamiento en buscadores. Se mapea a la propiedad description.

16.6 Campo Prrafo


86 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Este elemento nos permite generar bloques estructurados de informacin y se compone de los siguientes campos anidados:

16.6.1 Ttulo
Encabezado del prrafo. Resalta sobre el resto del contenido.

16.6.2 Texto
Se compone de un editor Wysiwyg, en el que incluiremos la informacin del prrafo. Como vimos anteriormente, este tipo de campo posee la peculiaridad de ser un editor en el que podemos pegar texto procedentes de otro documento, resaltarlo, listarlo, etc.

87 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

16.6.3 Ttulos de Bloque


Permite cambiar el titulo de los diferentes bloques que vienen establecidos por defecto en los recursos Template SAGA. Cuando incluimos en un recurso, imgenes, descargas asociadas, enlaces de inters (externos o internos) o ms informacin, por defecto el bloque aparecer con los ttulos: Galera Fotogrfica, Galera de Descarga Enlaces de Inters y Ms Informacin, respectivamente. Podemos modificarlos en los campos de los que se compone el elemento Ttulos de Bloque, introduciendo el texto que queramos.

16.6.4 Imagen
Este elemento nos va a permitir aadir imgenes a nuestro prrafo. Siguiendo las indicaciones ofrecidas en el punto 13.2 Campo Imagen, incluiremos tantas imgenes como nos sean necesarias.

88 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

El campo Ancho, permite introducir un valor en pxeles que afectar al ancho de la imagen a la que est asociado. Es til si slo vamos a incluir una imagen en el contenido. En nuestro caso, al introducir ms, vamos a especificar las propiedades en el siguiente campo propiedad_Imagenes, para que afecten a todas por igual.

16.6.5 Propiedad_Imagenes
Tal y como vimos en el punto 13.2.1 Campo Propiedad de las imgenes, jugaremos con las posibilidades de escalado y opciones de las imgenes. En nuestro caso, queremos que las imgenes aparezcan en formato cuadrado, con 100pxeles por cada uno de sus lados y con un escalado que las recorte desde el centro para que no las deforme. A su vez le aplicaremos un flitro en escala de grises. 89 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

16.6.6 Descarga
En este campo vamos a poder incluir un nmero determinado de elementos de descarga: Pdfs, documentos Word, archivos comprimidos Rar o Zips, Hojas de Clculo, etc. Siguiendo las indicaciones ofrecidas en el punto 13.3 Campo Descarga, incluiremos tantos archivos como nos sean necesarios.

16.6.7 Enlace Externo


Permite enlazar nuestro contenido con distintas Urls externas. 90 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Siguiendo las indicaciones ofrecidas en el punto 13.4.1 Campo Enlace Externo, incluiremos tantas llamadas como nos sean necesarias.

16.6.8 Enlace Interno


Permite enlazar nuestro contenido con secciones del portal. Siguiendo las indicaciones ofrecidas en el punto 13.4.2 Campo Enlace Interno, incluiremos tantas llamadas como nos sean necesarias.

16.6.9 Multimedia
En este campo se puede enlazar el recurso tipo texto con recursos multimedia para su visionado dentro de los prrafos.

16.6.10

Informacin Adicional

Lo usaremos para reflejar aquella informacin que no ha sido considerada con anterioridad, pero se entiende que es informacin til para el contenido. De esta forma indicaremos dos campos: Nombre del campo y Valor del campo. 91 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

16.6.11

Plantilla

El recurso de Tipo texto, cuenta con la opcin de poder aplicar a su contenido una serie de configuraciones predefinidas. Dependiendo del tipo de portal, contar con unas u otras plantillas. En el desplegable del campo podremos ver las distintas opciones que tenemos disponibles:

Al seleccionarlas veremos una breve descripcin de la disposicin de elementos que ofrecen as como un esquema del mismo.

Si el campo se deja cerrado, el prrafo adoptar la estructura por defecto. Los prrafos contienen todos los elementos anteriormente indicados, los cuales, son opcionales. Debemos de tener en cuenta que podremos aadir a nuestro recurso tantos prrafos como nos sean necesarios, y a cada uno podremos darles las opciones anteriores que nos sean necesarias. 92 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

16.7 Keywords
En este elemento podemos indicar la lista de todas las palabras clave de cada seccin, separadas por coma. Se recomienda su uso, ya que el buscador interno implementado en los portales en OpenCms, lo tiene en cuenta a la hora de valorar los contenidos de nuestro sitio web, por lo tanto puede servir para darle valor aadido al buscador interno de nuestros sitios.

Ya tendremos nuestro recurso completamente editado. As que pulsamos el botn Guardar la Barra de Herramientas superior de nuestro editor para guardar los cambios.

en

16.8 Visualizacin del Recurso y Publicacin


Para ver el resultado sin salir de la pantalla del editor y poder revisarlo en su vista Online, hacemos clic sobre el icono Previsualizacin nuestro editor. Se abrir una nueva ventana del navegador en la que podremos ver el recurso con sus datos. , situado en la Barra de Herramientas superior de

93 SAGA Soluciones Tecnolgicas

Manual del Usuario Editor de OpenCms

Una vez realizada la revisin, volvemos al editor del recurso y pulsamos la opcin Guardar y Salir . Una vez que estemos en el rea: Pantalla de Recursos, podremos publicarlo con la opcin Publicar directamente ( 94 SAGA Soluciones Tecnolgicas ) del men contextual.