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ÁGINA Al 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ÁGINA Una 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 & VIDEO Para 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

Más contenido relacionado

PPTX
Tutorial registrarse en google drive
ODP
Tutorial Google Maps
DOC
Manual Powerpoint
PPTX
2018 02-09 ejercicio 1
PPTX
2018-02-09 ejercicio slideshare
DOCX
WORD-imágenes
PPT
Google Docs Presentaciones
PDF
Manual webnode
Tutorial registrarse en google drive
Tutorial Google Maps
Manual Powerpoint
2018 02-09 ejercicio 1
2018-02-09 ejercicio slideshare
WORD-imágenes
Google Docs Presentaciones
Manual webnode

La actualidad más candente (20)

PDF
2015 tutorial 1_cuadernia
PPTX
Presentación en google drive
DOC
Ejercicio paso a paso insertar imagen
DOCX
PPTX
Tutorial eXeLearning
PDF
Tutorial eXeLearning
PPTX
Elaboración de presentaciones con power point
PPTX
Guía de como dar formato a una diapositiva y como Trabajar con Diapositivas m...
PPTX
Dreamweaver Tutorial
PDF
Sliderocket
POTX
Tema3 potx
PPTX
Tutorial eXeLearning
PDF
PPTX
Presentación1
PPTX
POTX
Tema 2 apps
PPT
Tutorial
PPT
Tutorial google maps
PPS
Insertar slideshare en el blog
PPTX
Aprendiendo a utilizar Powtoon
2015 tutorial 1_cuadernia
Presentación en google drive
Ejercicio paso a paso insertar imagen
Tutorial eXeLearning
Tutorial eXeLearning
Elaboración de presentaciones con power point
Guía de como dar formato a una diapositiva y como Trabajar con Diapositivas m...
Dreamweaver Tutorial
Sliderocket
Tema3 potx
Tutorial eXeLearning
Presentación1
Tema 2 apps
Tutorial
Tutorial google maps
Insertar slideshare en el blog
Aprendiendo a utilizar Powtoon
Publicidad

Similar a 01 Open Cms Cap09 (20)

DOCX
Creación sitio y pagina web
PDF
Creación de un e-portfolio
DOCX
Configuracion de-joomla completo
ODP
Presentacion como crear un blog
PPTX
Joomla CMS
PDF
Culturaemprendedora manualwq 1.8
PPTX
Blogger
PPTX
Manual de IAE
PPT
10 Pasos Para Un Blog2
PDF
Tania chimborazo irene aldas
PDF
Tania chimborazo irene aldas
PPT
Moodle2 editor
PDF
PPTX
GUIA BASICA DE WEBSITE CON WORDPRESS Y HOSTING.pptx
ODP
Publicación de recursos en un aula virtual con Moodle
PPT
Blogger pilar y carmen
PPT
10 pasos para crear un blog en Wordpress
ODP
P04
PPTX
Cómo subir artículos a la web del instituto
ODP
Creacion de un Blog
Creación sitio y pagina web
Creación de un e-portfolio
Configuracion de-joomla completo
Presentacion como crear un blog
Joomla CMS
Culturaemprendedora manualwq 1.8
Blogger
Manual de IAE
10 Pasos Para Un Blog2
Tania chimborazo irene aldas
Tania chimborazo irene aldas
Moodle2 editor
GUIA BASICA DE WEBSITE CON WORDPRESS Y HOSTING.pptx
Publicación de recursos en un aula virtual con Moodle
Blogger pilar y carmen
10 pasos para crear un blog en Wordpress
P04
Cómo subir artículos a la web del instituto
Creacion de un Blog
Publicidad

Último (20)

DOCX
Guía 5. Test de orientación Vocacional 2[1] (Recuperado automáticamente).docx
PPTX
libro proyecto con scratch jr pdf en la e
DOCX
tablas tecnologia maryuri vega 1....docx
PPTX
TECNOLOGIA EDUCATIVA...........pptx.....
DOCX
Trabajo grupal.docxjsjsjsksjsjsskksjsjsjsj
DOCX
TRABAJO GRUPAL (5) (1).docxjesjssjsjjskss
DOCX
Guía 5. Test de orientación Vocacional 2 NICOL.docx
PPTX
El uso de las TIC en la vida cotidiana..
DOCX
orientacion nicol juliana portela jimenez
PDF
Inteligencia_Artificial,_Informática_Básica,_22_06_2025_SO_2.pdf
PDF
Taller tecnológico Michelle lobo Velasquez
PPTX
Diapositivas Borrador Rocha Jauregui David Paolo (3).pptx
PPTX
Reconocimiento-Automatico-de-Placas-Vehiculares-con-IA.pptx
PPTX
Procesamiento-del-Lenguaje-Natural-Un-Viaje-Paso-a-Paso.pptx
PPTX
Uso responsable de la tecnología - EEST N°1
PDF
Guía_de_implementación_Marco_de_gobierno_y_gestión_de_TI_Universidades.pdf
DOCX
Trabajo informatica joel torres 10-.....................
PPTX
CLASE PRACTICA-- SESION 6 -- FPW -- 04 11 23.pptx
PPTX
Formato de texto, párrafo, documentos, columnas periodísticas, referencias.
PPTX
CLAASIFICACIÓN DE LOS ROBOTS POR UTILIDAD
Guía 5. Test de orientación Vocacional 2[1] (Recuperado automáticamente).docx
libro proyecto con scratch jr pdf en la e
tablas tecnologia maryuri vega 1....docx
TECNOLOGIA EDUCATIVA...........pptx.....
Trabajo grupal.docxjsjsjsksjsjsskksjsjsjsj
TRABAJO GRUPAL (5) (1).docxjesjssjsjjskss
Guía 5. Test de orientación Vocacional 2 NICOL.docx
El uso de las TIC en la vida cotidiana..
orientacion nicol juliana portela jimenez
Inteligencia_Artificial,_Informática_Básica,_22_06_2025_SO_2.pdf
Taller tecnológico Michelle lobo Velasquez
Diapositivas Borrador Rocha Jauregui David Paolo (3).pptx
Reconocimiento-Automatico-de-Placas-Vehiculares-con-IA.pptx
Procesamiento-del-Lenguaje-Natural-Un-Viaje-Paso-a-Paso.pptx
Uso responsable de la tecnología - EEST N°1
Guía_de_implementación_Marco_de_gobierno_y_gestión_de_TI_Universidades.pdf
Trabajo informatica joel torres 10-.....................
CLASE PRACTICA-- SESION 6 -- FPW -- 04 11 23.pptx
Formato de texto, párrafo, documentos, columnas periodísticas, referencias.
CLAASIFICACIÓN DE LOS ROBOTS POR UTILIDAD

01 Open Cms Cap09

  • 1. Autores: Miguel Hermoso Hernando. Jaime Núñez Romero . Damián Olivera Martínez . CAP (UCJC) – JULIO 2009
  • 2. ÍNDICE Creación de una página Inserción de una Imagen Vídeo Demostración
  • 3. 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 .
  • 4. INTRODUCCIÓN Entornos de Trabajo del Gestor OpenCms.
  • 5. 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.
  • 6. CREACIÓN DE UNA PÁGINA Entornos de Trabajo para crear una página.
  • 7. CREACIÓN DE UNA PÁGINA Al 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.
  • 8. CREACIÓN DE UNA PÁGINA Elección de las plantillas y propiedades.
  • 9. CREACIÓN DE UNA PÁGINA Una 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 .
  • 10. INSERCIÓN IMAGEN & VIDEO Para 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.
  • 11. INSERCIÓN IMAGEN & VIDEO Inserción de una imagen con sus propiedades.
  • 12. VIDEO DEMOSTRACIÓN También se puede insertar vídeo en el Gestor.
  • 13. FIN DE LA PRESENTACIÓN