01 Open Cms Cap09

Post on 13-Jun-2015

714 views 1 download

Transcript of 01 Open Cms Cap09

Autores: Miguel Hermoso Hernando.

Jaime Núñez Romero .Damián Olivera Martínez .

CAP (UCJC) – JULIO 2009

ÍNDICE

Creación de una página

Inserción de una Imagen

Vídeo Demostración

INTRODUCCIÓN

OpenCms es un gestor de contenidos para la creación de páginas Web.El objetivo del gestor de contenidos es facilitar el trabajo de la edición de los mismos sin necesidad de tener un alto conocimiento de programación, pero si un poco de maquetación y Html.OpenCms está basado en software libre, en entorno J2EE con una Base de Datos “MySQL” como soporte.

INTRODUCCIÓN

Entornos de Trabajo del Gestor OpenCms.

CREACIÓN DE UNA PÁGINA

Para crear una nueva página en OpenCms, pulsamos el botón ‘New’ que tenemos en el Menú de arriba de la pantalla. Aparece una nueva ventana emergente llamada ‘New’. Se selecciona ‘Page with free text’ en el menú de la nueva ventana y pulsamos ‘Continue’.Se nos abrirá otra ventana para escribir el nombre que queremos asignar a nuestra página y otras propiedades.

CREACIÓN DE UNA PÁGINA

Entornos de Trabajo para crear una página.

CREACIÓN DE UNA PÁGINAAl crear la página nueva, tenemos que elegir una cabecera para mi Web que suelen estar creadas previamente y están configuradas en el Gestor, sólo hay que seleccionarla de una lista.Después se elige el ‘Body’, es una plantilla que se presenta en una lista ya configurada previamente.Si no eliges ninguna de las dos anteriores, el gestor te designa una predefinida.También puedes elegir aquí las propiedades.

CREACIÓN DE UNA PÁGINA

Elección de las plantillas y propiedades.

CREACIÓN DE UNA PÁGINAUna vez creada la página se edita con el editor incorporado en el gestor y se escribe el texto que se quiera y como se quiera. Luego se guarda y se publica.Se puede escribir en una o varias columnas e insertar tablas.

INSERCIÓN IMAGEN & VIDEOPara insertar una imagen o vídeo desde el editor del Gestor, pinchar en el botón ‘Insert/Edit Image’, este botón te permitirá insertar una imagen donde tengas el puntero del ratón en el editor.Si tenemos seleccionada una imagen, al abrirse la nueva ventana emergente de ‘Image Properties’ nos saldrán las medidas de la imagen seleccionada.Para añadir o reemplazar una imagen, hay que pinchar en el botón ‘Browse Server’ y buscamos la imagen que queremos insertar. Previamente hemos subido la imagen al gestor, en la carpeta o carpetas creadas para ello.

INSERCIÓN IMAGEN & VIDEO

Inserción de una imagen con sus propiedades.

VIDEO DEMOSTRACIÓN

También se puede insertar vídeo en el Gestor.

FIN DE LA PRESENTACIÓN