CREACION DE GALERIAS WEB

Tamaño: px

Comenzar la demostración a partir de la página:

Download "CREACION DE GALERIAS WEB"

Alfredo Botella Correa
hace 8 años
Vistas:

1 CREACION DE GALERIAS WEB 1. ENTRADA AL ADMINISTRADOR DE CONTENIDO Para ingresar al administrador usted debe digitar la siguiente dirección web en su navegador: Luego debe digitar el nombre de usuario y la contraseña que el administrador de la página le ha asignado previamente. Calle 74 A # Oficina 303 Bogotá D.C., Colombia Tel.: (571) / Pág: 1

dirección web en su navegador: http://www.ica.gov.

2 2. RECONOCIMIENTO DEL ENTORNO Una vez este dentro del sistema se encontrará con el siguiente entorno: Arbol de Navegación: este árbol presenta las categorías contenedoras. Para desplegar lo que tiene cada categoría le debemos dar click en el signo y dentro de esta encontraremos cada una de las galerías de imágenes registradas. Ventana de navegación por páginas: en esta sección del entorno se despliega el Titulo interno de la página, este es editable y el usuario puede digitar el texto más conveniente para la página o documento, de igual manera encontramos un listado automático de las categorías y/o galerías registradas mostradas con una estructura predeterminada. Listado automático de categorías por años y/o galerías: en esta sección del entorno se muestra un listado automático de las categorías y/o galerías, también los podemos llamar documentos contenedores. Calle 74 A # Oficina 303 Bogotá D.C., Colombia Tel.: (571) / Pág: 2

Ventana de navegación por páginas: en esta sección del entorno se despliega el Titulo interno de la página, este es editable y el usuario puede digitar el texto más conveniente para la página o

3 3. CREACION DE DOCUMENTOS CONTENEDORES O CATEGORIAS PRINCIPALES Para crear un documento contenedor por año debemos seguir los siguientes pasos: 1. Damos click en el documento principal donde dice: Fotografía. 2. Luego damos click en el botón que dice Nuevo. 3. Luego el sistema nos pide seleccionar el tipo de documento que desamos crear, para nuestro caso debemos dar click en: Calle 74 A # Oficina 303 Bogotá D.C., Colombia Tel.: (571) / Pág: 3

Luego damos click en el botón que dice Nuevo. 3.

4 4. Una vez que damos click en el texto Página (item de menu) el sistema nos pide que digitemos un nombre para el documento. 5. De igual manera nos pide que seleccionemos una de las plantillas disponibles o que simplemente el documento herede todo el diseño del documento original, a lo cual nuestra selección debe ser: Heredado de la Página padre 6. Para finalizar le damos click en el botón guardar. (Ver la siguiente imagen para referencia) Al momento de dar click en el botón guardar se crea la página contenedora. Calle 74 A # Oficina 303 Bogotá D.C., Colombia Tel.: (571) / Pág: 4

original, a lo cual nuestra selección debe ser: Heredado de la Página padre 6. Para finalizar le damos click en el botón guardar.

5 7. En la siguiente pantalla nos muestra el documento que hemos creado estructuralmente formado y el sistema nos pide que digitemos un título en especifico de visualización para ésta, por ejemplo Galería Luego de digitarlo damos click en el botón Guardar. (Ver la siguiente imagen para referencia). En el siguiente paso crearemos las galerías de imagenes donde registraremos cada una de las imágenes pertenecientes a ésta. Calle 74 A # Oficina 303 Bogotá D.C., Colombia Tel.: (571) / Pág: 5

Luego de digitarlo damos click en el botón Guardar. (Ver la siguiente imagen para referencia).

6 4. CREACION DE GALERIAS Para crear una galería debemos seguir los siguientes pasos: 1. Damos click en el documento contenedor, por ejemplo: Luego damos click en el botón que dice Nuevo. 3. Luego el sistema nos pide seleccionar el tipo de documento que desamos crear, para nuestro caso debemos dar click en: Calle 74 A # Oficina 303 Bogotá D.C., Colombia Tel.: (571) / Pág: 6

7 4. Una vez que damos click en el texto Página (item de menu) el sistema nos pide que digitemos un nombre para el documento. 5. De igual manera nos pide que seleccionemos una de las plantillas disponibles o que el nuevo documento herede todo el diseño del documento original, para este caso se debe seleccionar una de las plantillas predeterminadas para las galerías, le damos click en la carpeta que dice ICA. 6. En la sección Listado de plantillas disponibles debemos buscar y seleccionar dando click al cuadro que dice: Detalle Galeria Web_LightBox. 7. Una vez le hemos dado click a la plantilla anteriormente citada, ésta automáticamente se muestra en el Área Plantilla seleccionada confirmando nuestra selección. 8. Para finalizar le damos click en el botón guardar. (Ver la siguiente imagen para referencia) Calle 74 A # Oficina 303 Bogotá D.C., Colombia Tel.: (571) / Pág: 7

plantillas predeterminadas para las galerías, le damos click en la carpeta que dice ICA. 6.

8 9. En la siguiente pantalla nos muestra el documento que hemos creado estructuralmente formado y el sistema nos pide que digitemos un título en especifico de visualización para ésta, por ejemplo Galería del Luego de digitarlo damos click en el botón Guardar. (Ver la siguiente imagen para referencia). Calle 74 A # Oficina 303 Bogotá D.C., Colombia Tel.: (571) / Pág: 8

Galería del 2007. 10. Luego de digitarlo damos click en el botón Guardar.

9 En el siguiente paso registraremos cada una de las imágenes que va a contener nuestra galería previamente creada. 5. REGISTRO DE IMÁGENES A LAS GALERIAS EXISTENTES. Calle 74 A # Oficina 303 Bogotá D.C., Colombia Tel.: (571) / Pág: 9

REGISTRO DE IMÁGENES A LAS GALERIAS EXISTENTES.

10 1. Lo primero que debemos hacer es dar click en el nombre de la galería a la cual deseamos registrar nuestra(s) imagen(es), por ejemplo: galería del 2007, recuerde que para mostrar y/o ocultar los archivos o documentos debe dar click en el signo + ó dependiendo el caso. 2. Damos click en Nuevo. 3. Seleccionamos el documento que dice: Archivo. 4. El sistema nos solicita que digitemos la información correspondiente a la imagen que vamos a registrar. (Ver la siguiente imagen para referencia) Calle 74 A # Oficina 303 Bogotá D.C., Colombia Tel.: (571) / Pág: 10

3. Seleccionamos el documento que dice: Archivo. 4.

11 Subir Archivo: para seleccionar la imagen se debe dar click en el botón que dice Examinar, automáticamente el sistema nos abre una pantalla para cargar la imagen, a través de esta pantalla ubicamos la imagen guardada en nuestro computador, una vez la encontremos le damos click a esta y posteriormente le damos click en el botón que dice Abrir. (Ver la siguiente imagen para referencia) Calle 74 A # Oficina 303 Bogotá D.C., Colombia Tel.: (571) / Pág: 11

computador, una vez la encontremos le damos click a esta y posteriormente le damos click en el botón que dice Abrir.

12 Nota: el Ancho y el alto mínimo de cada imagen debe ser de 600 pixeles por 450 pixeles respectivamente, se recomiendan imagen con formato.jpg con una calidad mínima de 80 sobre 100 y su peso no sea mayor de 100 kb, para que al momento de su visualización sea rápida y efectiva. Descripción del archivo: debe digitar una descripción corta no mayor de una línea, ésta se mostrará cuando el usuario coloque el ratón encima de la imagen pequeña en el listado y al pie de cada imagen cuando ésta se visualice en grande. Una vez estén todos los datos debidamente digitados le damos click en el botón Guardar o le damos Click en el botón Guardar y Crear otro, si lo que deseamos es seguir registrando más documentos, luego el sistema nos confirma que el documento ha sido registrado exitosamente. Importante: si ya hemos hecho el registro de la imagen en la galería y posteriormente queremos cambiarla debemos hacer lo siguiente: 1. Estar posicionados en el documento que deseamos cambiar la imagen. 2. Luego debemos dar click en la pestaña que dice Forma, esto nos abre una pantalla con la información que previamente hemos digitado. 3. En la línea que dice Archivo encontramos una imagen X en rojo y al lado el nombre de ésta, le damos click en la X y luego le damos click en el botón Examinar, buscamos nuestra imagen nueva, la seleccionamos y le damos click en el botón Guardar. (Ver la siguiente imagen para referencia) Calle 74 A # Oficina 303 Bogotá D.C., Colombia Tel.: (571) / Pág: 12

Descripción del archivo: debe digitar una descripción corta no mayor de una línea, ésta se mostrará cuando el usuario coloque el ratón encima de la imagen pequeña en el listado y al pie de cada

13 6. ELIMINACIÓN DE DOCUMENTOS 1. Debemos dar click en el nombre de la categoría, archivo y/o documento que se encuentra en el árbol de navegación, por ejemplo: vivencias, recuerde que para mostrar y/o ocultar los documentos debe dar click en el signo + ó dependiendo el caso. 2. Luego damos click en el botón Borrar. Calle 74 A # Oficina 303 Bogotá D.C., Colombia Tel.: (571) / Pág: 13

navegación, por ejemplo: vivencias, recuerde que para mostrar y/o ocultar los documentos debe dar

14 3. Por último el sistema nos pregunta si estamos seguro de querer eliminar el documento seleccionado y damos click en el botón Si y con esto hemos enviado el archivo a nuestra papelera personal. Calle 74 A # Oficina 303 Bogotá D.C., Colombia Tel.: (571) / Pág: 14

esto hemos enviado el archivo a nuestra papelera personal.

15 Calle 74 A # Oficina 303 Bogotá D.C., Colombia Tel.: (571) / Pág: 15

Documentos relacionados

MANUAL DE ADMINISTRADOR DEL SITIO WEB DEL ISTU

MANUAL DE ADMINISTRADOR DEL SITIO WEB DEL ISTU TABLA DE CONTENIDO 1. INTRODUCCION. Pág. 1 2. OBJETIVO.....Pág. 2 3. CONTENIDO Pág. 2 INTRODUCCION: El manual de administrador que a continuación se presenta,