Page 1

MANUAL DE CAPACITACIÓN GESTOR DE CONTENIDO

AUTOR:

Ing. Henoch Raso Ríos


MANUAL DE CAPACITACIÓN – GESTOR DE CONTENIDO

CONTENIDO 1. 2. 3. 4.

5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20.

Contenido................................................................................................................................................ 2 Gestor de Secciones ................................................................................................................................ 3 Gestor de Categorías .............................................................................................................................. 4 Gestor de Artículos ................................................................................................................................. 5 Gestor Multimedia .................................................................................................................................. 5 4.1. Crear Carpeta .................................................................................................................................. 6 4.2. Microsoft Picture Manager ............................................................................................................. 6 4.3. Microsoft Word ............................................................................................................................... 7 4.4. Adobe Fireworks ............................................................................................................................. 7 4.5. Subir Archivo ................................................................................................................................... 8 Insertar Imagen ....................................................................................................................................... 8 5.1. Editar Imagen .................................................................................................................................. 9 Presentación de Ítem de menú............................................................................................................. 10 Leer más ................................................................................................................................................ 10 Parámetros del Artículo ........................................................................................................................ 11 Gestor de Menús .................................................................................................................................. 12 Insertar Enlace ...................................................................................................................................... 13 Insertar Video/PDF/SWF ....................................................................................................................... 14 Insertar GalerÍa ..................................................................................................................................... 14 Insertar Tabla ........................................................................................................................................ 14 Módulos y Posiciones ........................................................................................................................... 15 Gestor de Módulos ............................................................................................................................... 16 15.1. Instalar Módulos .......................................................................................................................... 16 Módulo Personalizar HTML .................................................................................................................. 17 Módulo YOOcarousel ............................................................................................................................ 18 Módulo YOOaccoridion......................................................................................................................... 19 Módulo YOOscroller.............................................................................................................................. 20 Módulo YOOgallery ............................................................................................................................... 21

www.impactosdigitales.com

2


MANUAL DE CAPACITACIÓN – GESTOR DE CONTENIDO

GESTOR DE CONTENIDO

MANUAL DE CAPACITACIÓN Un gestor de contenido es una aplicación para crear, editar y publicar contenido digital, generalmente se usa para crear sitios web, un gestor es una interfaz que controla una base de datos lo que permite Administrar bajo un formato estandarizado la información y reduce el coste de gestión del portal web. El funcionamiento del gestor de contenido es a través de artículos y módulos, estos darán forma al sitio web. Los artículos serán ordenados y clasificados a través Secciones y Categorías. Los módulos tendrán una posición alrededor de los artículos. Entremos al panel de control de nuestro portal con su nombre de usuario y contraseñas asignadas. www.misitioweb.com/administrator Nombre de Usuario: Contraseña:

usuario ******

Panel de Control La siguiente metodología para la generación de contenido, tiene como objetivo que el usuario empiece a relacionar la información de su sitio con su mapa de navegación. 1. Gestor de Secciones. Las secciones nos ayudan a organizar muestra información en el administrador, estás se crean en el Gestor de Secciones. Contenido Gestor de Secciones Nuevo Escribir Titulo de la Sección Guardar Nota: Las secciones que generemos se recomienda que se llamen igual al mapa de navegación, esto es para facilitar la búsqueda dentro del Administrador. www.impactosdigitales.com

3


MANUAL DE CAPACITACIÓN – GESTOR DE CONTENIDO

Figura 1 Creación de Secciones

2. Gestor de Categorías. Las categorías nos ayudan a organizar nuestra información y es aquí cuando especificamos si tenemos alguna clasificación de nuestro producto o servicio. Contenido Gestor de Categorías Nuevo Escribir Título de la Categoría Especificar a la Sección que pertenece Guardar Nota: Cuando no tenemos una categorización de una sección en específico, repetimos el nombre de nuestra sección en la categoría.

Figura 2 Creación de categorías www.impactosdigitales.com

4


MANUAL DE CAPACITACIÓN – GESTOR DE CONTENIDO

3. Gestor de Artículos. Ahora podemos crear contenido al portal a través de un artículo. Contenido Gestor de Artículos Nuevo Escribir Título del Artículo Elegir la Sección Especificar la categoría Escribir el contenido de nuestro artículo Guardar

Figura 3 Creación de artículos

Nota: Si ya tenemos nuestro artículo capturado en un documento, se puede copiar y pegar, sugerimos que se eliminen los formatos del texto, esto se puede hacer utilizando el bloc de notas.

4. Gestor Multimedia. Antes de insertar una imagen en el artículo es necesario subir los archivos al gestor multimedia, este nos permite organizar las imágenes en carpetas y subcarpetas para tener un mejor control del ellas, ahí podremos agregar o eliminar los archivos multimedia. Sitio Gestor Multimedia Stories Nota: Todos los archivos necesitamos agregarlos en la carpeta de images/stories (media/stories) para que sean visibles en el gestor de artículos.

www.impactosdigitales.com

5


MANUAL DE CAPACITACIÓN – GESTOR DE CONTENIDO

Figura 4 Gestor Multimedia

4.1. Crear Carpeta. Para tener un mejor control de nuestros archivos se recomienda crear una carpeta para cada sección y/o categoría que tengamos en nuestro portal así facilitará su búsqueda. Para crear una carpeta en el gestor multimedia primero escribimos el nombre en el recuadro (parte superior derecha) y posteriormente hacemos clic en el botón Crear Carpeta.

Nota: Los nombres de las carpetas no deben contener espacios y solamente escribir letras y números, se recomienda que la primera letra de las palabras sean en mayúscula para que sea fácil su lectura.

4.2. Microsoft Picture Manager. Se recomienda que las imágenes sean de 800 x 600 pixeles aproximadamente; abramos el archivo de imagen con el programa de Microsoft Office Picture Manager este nos permite cambiar el tamaño de la imagen (Editar Imagen – Cambiar Tamaño), utilizando la función Porcentaje del ancho x alto original.

Cambiar Tamaño en Microsoft Office Picture Manager www.impactosdigitales.com

6


MANUAL DE CAPACITACIÓN – GESTOR DE CONTENIDO

4.3. Microsoft Word. I.

Insertar Imagen en Microsoft Word. Insertaremos la imagen de nuestro producto / servicio, posteriormente cambiaremos el tamaño de la imagen a 4cm de ancho por 3cm de alto respetando la proporción de aspecto, menú Formato (herramientas de imagen). Nota: Se recomienda que las imágenes a utilizar sean de 800x600 pixeles.

II.

Agregar efecto a la imagen. Elijamos un efecto de los estilos de imagen del menú Formato (herramientas de Imagen), recomendamos que todo el grupo de imágenes tengan el mismo efecto, para mantener la simetría en los productos / servicios.

Nota: una vez agregado el efecto, seleccionemos la imagen y elijamos la opción Copiar (Ctrl + C), este se quedará en el portapapeles.

4.4. Adobe Fireworks III. Copiar y Pegar Fireworks Portable. Abramos el programa de Fireworks CS3 Portable, este programa reconoce le portapapeles de Microsoft Word, por lo que podemos elegir la opción pegar (Ctrl + V), y se insertará en el lienzo de trabajo. Aceptemos las dimensiones y seleccionemos la opción de transparencia.

Ahora solo necesitamos ajustar el lienzo de trabajo con el botón

www.impactosdigitales.com

7


MANUAL DE CAPACITACIÓN – GESTOR DE CONTENIDO

Con el programa de Adobe Fireworks podemos agregar texto a las imágenes con el botón de Text Tool (T), y darle estilo a la tipografía.

IV. Guardar Archivo. Guardemos el archivo en formato Fireworks PNG (*.png), el archivo se guardará en el disco duro de nuestra computadora, el siguiente paso es subir la imagen al servidor a través del gestor multimedia.

4.5. Subir Archivo. En la parte inferior del gestor multimedia se encuentra el botón de seleccionar archivo (Examinar), este abrirá el disco duro de nuestra computadora, localicemos el archivo y posteriormente hagamos clic en Empezar Subida.

5. Insertar Imagen. Para insertar una imagen en nuestro artículo posicionemos nuestro cursor en la posición deseada y demos clic en el botón Imagen (parte inferior izquierda), este abrirá la carpeta de images/stories del Gestor Multimedia.

Figura 5 Insertar imagen www.impactosdigitales.com

8


MANUAL DE CAPACITACIÓN – GESTOR DE CONTENIDO

Una vez seleccionado la imagen dar clic en el botón insertar en la posición del cursor.

(parte superior derecha) y la imagen se

Nota: En esta ventana emergente se tiene un acceso de subida rápida de archivos, igual que en el gestor multimedia, indicamos en que carpeta deseamos subir la imagen (carpeta previamente creada en el Gestor Multimedia), seleccionamos el archivo del disco duro y damos clic en el botón de Empezar subida.

5.1. Editar Imagen. Podemos cambiar el tamaño de la imagen de manera proporcional y alinearla dentro del artículo, para ello seleccionemos la imagen insertada y se habilitará el icono de editar imagen.

Figura 5.1.1 Editor de texto

En el botón de Apariencia se cambian las propiedades de la imagen, se recomienda dejar la casilla habilitada de Bloquear relación de aspecto para mantener las proporciones; asignar 10 pixeles al Espacio Horizontal para que el texto se separe de la imagen, también podemos darle alineación de Izquierda, Derecha o Centrado.

5.1.2 Editar Imagen

www.impactosdigitales.com

9


MANUAL DE CAPACITACIÓN – GESTOR DE CONTENIDO

6. Presentación de Item de menú. Los artículos generados en el gestor de artículos se guardan en la base de datos del servidor, ahora necesitamos presentarlo en el portal para que sea visible. Menús Menú Principal Seleccionar Ítem de menú Cambiar Tipo Artículos Presentación de la Categoría Blog Elegir Categoría (Parámetros Básicos) Guardar

Figura 6 Tipos de Menú Tipos de presentación de artículos. Presentación del Artículo. Mostrará un único Artículo Presentación de la Categoría Blog. Mostrará los Artículos de la categoría seleccionada. Presentación de la Sección Blog. Mostrará los Artículos de la Sección con todas las categorías y artículos en ella.

7. Leer más. Para ocultar la descripción detallada de nuestro artículo, coloquemos el cursor entre las descripciones y oprimamos el botón Leer más.. ubicado en la parte inferior del artículo.

Se colocará una línea horizontal entre ambos textos, esto indica que se ocultará la información que está debajo de la línea.

www.impactosdigitales.com

10


MANUAL DE CAPACITACIÓN – GESTOR DE CONTENIDO

Podemos cambiar el texto de Leer más del botón de nuestro artículo, en los parámetros del artículo ir a: El Texto Alternativo de Leer más

8. Parámetros del Artículo. Los artículos tienen un formato de presentación preestablecido, estos los podemos cambiar en Parámetros – Avanzados. Para mantener la presentación limpia, ocultemos los parámetros de: Nombre del Autor, Creado en Fecha y hora, Modificado en fecha y hora, Icono PDF, Icono Imprimir e Icono e-mail.

Figura 8 Parámetros del artículo

www.impactosdigitales.com

11


MANUAL DE CAPACITACIÓN – GESTOR DE CONTENIDO

9. Gestor de Menús. El gestor de menú nos ayuda administrar los ítems de nuestra página, podemos crear los que sean necesarios para ordenar nuestro mapa de navegación. Menús Gestor de menús Nuevo

Figura 9.1 Gestor de menús Para crear un menú dar clic en Nuevo. Asignaremos el nombre único (identificación para el código), Título (igual al nombre único), Descripción del menú y Título de módulo (esto creará el módulo correspondiente), hacer clic en Guardar.

Figura 9.2 Creación nuevo menú Al crear un menú se agrega un nuevo panel, para administrar los Items dar clic en menús y se mostrará el Gestor de Items de menús.

Editar Items de

Figura 9.3 Gestor de Items de menús Nota: También se agrega un acceso directo en el directorio Menús. www.impactosdigitales.com

12


MANUAL DE CAPACITACIÓN – GESTOR DE CONTENIDO

Si deseamos agregar un submenú, en los detalles del menú, seleccionamos el item en donde deseamos insertar el submenú. El nivel principal es representado en el Item Superior.

Figura 9.4 Habilitación de Submenús 10. Insertar Enlace. Para insertar un enlace web, primero seleccionemos el texto o la imagen que deseemos enlazar y hagamos clic en el botón de Insertar/editar hipervínculo, posteriormente se abrirá una ventana emergente en donde especificaremos la dirección url de la página que queremos mostrar. También podemos especificar si al hacer clic sobre el enlace lo abra en una ventana nueva o en la misma página abierta.

Figura 10.1 Insertar/editar hipervínculo

Figura 10.2 Insertar Enlace Nota: Los enlaces son direcciones URL y pueden relacionar un enlace interno o externo

www.impactosdigitales.com

13


MANUAL DE CAPACITACIÓN – GESTOR DE CONTENIDO

11. Insertar Video / PDF / SWF. Para insertar un video en la página, sugerimos que primero se suba el video al portal de YouTube para facilitar la reproducción (crear un canal de YouTube), una vez que tenemos cargado el video, se tendrá una dirección URL del video, esta se agregará en Insertar/editar medio embebido del editor de texto.

Figura 11 Insertar Video/SWF/PDF Nota: También podemos agregar una animación flash, o un documento en PDF

12. Insertar Galería en artículo. Para insertar una galería de imágenes en el artículo se realiza a través de un plugin (Plugin YOOgallery), los plugins se representan en los artículos en forma de sintaxis. Plugin Syntax. Syntax Básico: {yoogallery src=[/images/stories/mygallery/]} Syntax Parámetro de Altura: {yoogallery src=[/images/stories/mygallery/] height=[200]} Syntax Estilo Slideshow: {yoogallery src=[/images/stories/fruit/] style=[slideshow]} Syntax Efecto Polariod: {yoogallery src=[/images/stories/fruit/] thumb=[polaroid]}

Nota: Necesitamos subir las imágenes dentro de una carpeta en el gestor multimedia, cada carpeta representará una galería de imágenes. 13. Insertar Tabla. La herramienta de Insertar/Modificar Tabla nos permite establecer las propiedades generales de la tabla, configurar las propiedades de fila y celda, Insertar un fila y/o columna (antes y después), eliminar fila o columna y/o combinar celdas.

Figura 13.1 Herramientas de Tabla www.impactosdigitales.com

14


MANUAL DE CAPACITACIÓN – GESTOR DE CONTENIDO

Figura 13.2 Insertar/Modificar Tabla Nota: Al copiar una tabla desde Microsoft Word, se pegará en el gestor sin los formatos añadidos en el documento original.

14. Módulos y Posiciones El marco de trabajo de las plantillas es a través de módulos, los módulos se distribuyen en posiciones con una amplia gama de combinaciones, pueden publicarse tantos módulos como sea posible para la presentación final del diseño.

Figura 2.4 Posiciones de Módulos Nota: Si no hay módulos publicados en las posiciones, las posiciones del marco se ocultan. www.impactosdigitales.com

15


MANUAL DE CAPACITACIÓN – GESTOR DE CONTENIDO

15. Gestor de Módulos. Un módulo sirve para agregar aplicaciones, efectos y animaciones en el portal, pueden agregarse en las diferentes posiciones que marque nuestro Layout. Los módulos se agregan desde el Gestor de Módulos, ahí podemos publicar, ordenar, cambiar los parámetros del módulo y especificar en donde deseamos mostrarlos. Extensiones Gestor de Módulos Nuevo Elegir el tipo de módulo

Figura 15 Tipos de módulos Nota: Un mismo módulo puede ser utilizado en varias combinaciones.

15.1. Instalar Módulos. Cada módulo contiene un archivo ZIP para su instalación, este se subirá al servidor y se instalará automáticamente. Extensiones Instalar / Desinstalar Seleccionar Archivo Subir Archivo & Instalar

Figura 15.1 Instalar Módulos Nota: Solo se necesita instalarlo una vez y se agregará a la lista de tipos de módulos.

www.impactosdigitales.com

16


MANUAL DE CAPACITACIÓN – GESTOR DE CONTENIDO

16. Módulo Personalizar HTML. Uno de los módulos más prácticos para agregar aplicaciones es el módulo personalizar html, este contiene un editor de texto, lo que nos permite agregar texto e imágenes dentro del módulo por lo tanto podemos crear aplicaciones de acceso rápido con iconos y mensajes de invitación a visitar nuestra página. A continuación se muestra unos ejemplos del módulo personalizar HTML:

Figura 16.1 Módulos de aplicaciones

Figura 16.2 Módulo Personalizar HTML

www.impactosdigitales.com

17


MANUAL DE CAPACITACIÓN – GESTOR DE CONTENIDO

17. Módulo YOOcarousel. Este módulo tiene un efecto de rotación como un carrusel, funciona a través de artículos, por lo que es necesario crear una categoría para poderlo utilizar.

Figura 17.1 Módulo YOOcarousel

Figura 17.2 Parámetros del Módulo YOOcarousel Parámetros del módulo YOOcarousel Categoría. Selecciona la categoría de los artículos a presentar Style. Estilos del módulo: Basic, Plain, Slideshow, List, Basic List, Basic Plain Module With. Ancho del módulo en pixeles Module Height. Alto del módulo en pixels Tab Width. Ancho del tabulador, solamente para los estilos en lista Autoplay. Cambio automático entre ítems del módulo Slide Interval. Tiempo de cambio entre ítems en milisegundos (ms) Transition Duration. Tiempo de transición entre ítems en milisegundos (ms) Transition Effect. Efectos de Transición: Scroll, Fade, Croosfade Control Panel. Posición del panel de control Rotate action. Acción del panel de control Rotate duration. Tiempo de efecto de transición al utilizar el panel de control en milisegundos Rotate effect. Efecto de transición para el panel de control Button. Muestra u oculta el botón Siguiente Ordenar. Orden de presentar los artículos: Read More: Mostrar el botón de Leer más: Ocultar, Mostrar No. of Items: Número de artículos para mostrar Sufijo de la Clase de Módulo: Sufijo de Módulo www.impactosdigitales.com

18


MANUAL DE CAPACITACIÓN – GESTOR DE CONTENIDO

18. Módulo YOOaccordion. Es un módulo que sirve para enlistar varios artículos, realiza un efecto de despliegue vertical en forma de acordeón, funciona a través de artículos por lo que es necesario crear una categoría por cada módulo que agreguemos.

Figura 18.1 Módulo YOOaccordion

Figura 18.2 Parámetros del Módulo YOOaccordion Parámetros del módulo YOOaccordion Categoría. Selecciona la categoría de los artículos a presentar Style. Estilos del módulo: Predeterminado, Watermark, Whitespace Open on load. Forma de expandir los artículos: Primero, Todos, Ninguno Allow multiple Open. Permitir expandir en múltiple: SI, NO Ordenar. Orden de presentar los artículos: Ordenado, Agregado Recientemente, Modificado Recientemente, Más Popular, Aleatorio. Read More: Mostrar el botón de Leer más: Ocultar, Mostrar No. of Items: Número de artículos para mostrar Sufijo de la Clase de Módulo: Sufijo de Módulo

www.impactosdigitales.com

19


MANUAL DE CAPACITACIÓN – GESTOR DE CONTENIDO

19. Módulo YOOscroller. Es un módulo con efecto de barra de desplazamiento horizontal y vertical, es de gran utilidad para la presentación de logos o publicidad, funciona a través de artículos (cada logo representa un artículo).

Figura 19.1 Módulo YOOscroller

Figura 19.2 Parámetros del Módulo YOOscroller Parámetros del Módulo YOOscroller Categoría. Selecciona la categoría de los artículos a presentar Style. Estilos del módulo: Default (vertical), Default (horizontal), Blank (vertical), Blank (horizontal), Basic (vertical), Basic (horizontal). Module With (px). Ancho de módulo (pixeles) Module height (px). Alto de módulo (pixeles) Slide size (px). Ancho del slide de títulos (vertical) Slide interval (ms). Tiempo de transición (milisegundos) Autoplay. Cambio automático: SI, NO Ordenar. Orden de presentar los artículos: Ordenado, Agregado Recientemente, Modificado Recientemente, Más Popular, Aleatorio. Read More: Mostrar el botón de Leer más: Ocultar, Mostrar No. of Items: Número de artículos para mostrar Sufijo de la Clase de Módulo: Sufijo de Módulo

www.impactosdigitales.com

20


MANUAL DE CAPACITACIÓN – GESTOR DE CONTENIDO

20. Módulo YOOgallery. Es un módulo de presentación de galería de imágenes, muestra imágenes en miniatura y una presentación de imágenes en grande, funciona a través de una carpeta de imágenes (Gestor multimedia), todas las imágenes guardas en dicha carpeta se mostrarán dentro del módulo.

Figura 20.1 Módulo YOOgallery (style slideshow)

Figura 20.2 Módulo YOOgallery (style lightbox)

www.impactosdigitales.com

21


MANUAL DE CAPACITACIÓN – GESTOR DE CONTENIDO

Figura 20.3 Parámetros del Módulo YOOgallery Parámetros del Módulo YOOgallery Source Directory. Selecciona la carpeta de imágenes (images/stories/mygallery) Style. Estilo de galería: Lightbox, Slideshow Slideshow Transition. Efecto de transición, solo para presentación en Slideshow Thumbnail Style. Estilo presentación de imágenes en miniatura: Predeterminado, Polaroid, Rounded, Cut, Plain Thumbnail Ordering. Orden de las imágenes en miniatura: Ascendente, Descendente, Aleatorio Thumbnail Spotlight. Opacidad en las imágenes en miniatura al pasar con el mouse: SI, NO Thumbnail with (px). Ancho de las imágenes en miniatura (pixeles) Thumbnail height (px). Alto de las imágenes en miniatura (pixeles) Thumbnail Risizing. Ajusta el tamaño de la imagen original para que coincida con la vista en miniatura: SI, NO Thumbnail Count. Límite de imágenes para mostrar, “0” para mostrar todas Thumbnail Title. Un título para una descripción por default para todas las imágenes Thumbnail File Prefix. Prefijo para el nombre de las imágenes en miniatura Thumbnail Cache Directory. Nombre de la carpeta donde se almacenarán las imágenes en miniatura Thumbnail Cache Time (min). Periodo de tiempo (minutos) para que la imágenes en miniatura se actualicen Load Lightbox. Cargar efecto de Lightbox: SI, NO Lightbox Rel Parametrer. Parámetro personalizado para utilizar el ligthbox, ejemplo lightbox[mygallery] Sufijo de la clase de módulo. Sufijo de Módulo

www.impactosdigitales.com

22

Manual de Capacitación Gestor de Contenido Impactos Digitales  

Manual de Capacitación Gestor de Contenido Impactos Digitales

Read more
Read more
Similar to
Popular now
Just for you