guia para la creación de galeria de imágenes typo3

GUIA PARA LA CREACIÓN DE GALERIA DE IMÁGENES
TYPO3
Julio 2009
GUIA PARA LA CREACIÓN DE GALERIA DE IMÁGENES. TYPO3
Créditos
GUIA PARA LA CREACIÓN DE GALERIA DE IMÁGENES. TYPO3
Rectorado- UCV. Dirección de Tecnología de Información Y Comunicaciones
Ciudad Universitaria de Caracas, Patrimonio Mundial. Dirección: Edificio Rectorado,
planta baja, Oficina DTIC Los Chaguaramos, Caracas, Venezuela.
Teléfonos: (0212) 605 4914 • Fax: (0212) 605 4894
Página Web: http://www.ucv.ve/dtic
Correo electrónico: [email protected]
Dirección de Tecnología de Información y Comunicaciones UCV
Directora: Evelyn Dugarte
Subdirector: Alberto Bellorín
División de Integración de Sistemas
Autoras:
Lisbeth Burgos.
Delisa De Guglielmo.
© Universidad Central de Venezuela Rectorado- UCV. Dirección de Tecnología de Información y
Comunicaciones República Bolivariana de Venezuela. Caracas, julio 2010. Derechos reservados Prohibida la
reproducción parcial o total de su contenido sin la previa autorización de los autores y de sus editores.
GUIA PARA LA CREACIÓN DE GALERIA DE IMÁGENES. TYPO3
¿Cuál es el objetivo de este documento?
El objetivo de este documento es brindar un resumen de los pasos a seguir para la carga
de Galería de Imágenes dentro del portal de la UCV a través del administrador de
contenido Typo3.
Una vez que ya se encuentra en la pantalla de acceso a Typo3, se debe colocar el
“Username y password”, luego presionar el botón “Log In”.
Creando Galería de Imágenes
Si desea organizar las imágenes o fotos que tiene en su sitio web de manera de mostrar
una galería de imágenes clasificada según el tipo de imagen, debe proceder de la
siguiente manera:
1. Seleccione la opción “Categories” del modulo “Media”. Aparecerá una pantalla
como la que se muestra a continuación:
GUIA PARA LA CREACIÓN DE GALERIA DE IMÁGENES. TYPO3
Figura 1
2. Encontrará una carpeta con el nombre de su Facultad/Dependencia. Esta es la
categoría General de su sitio web.
3. Si desea crear subcategorías en el árbol de categorías, debe hacer click sobre el
ícono en forma de carpeta que se encuentra al lado del nombre de su
Facultad/Dependencia. Aparecerá una pantalla como la siguiente:
GUIA PARA LA CREACIÓN DE GALERIA DE IMÁGENES. TYPO3
Figura 2
4. En el menú emergente que se despliega seleccione la opción “New
subcategorie”. Aparecerá una pantalla como la que se muestra a continuación:
GUIA PARA LA CREACIÓN DE GALERIA DE IMÁGENES. TYPO3
Figura 3
5. Aquí debe colocar el nombre de la subcategoría en la opción “Título”.
6. Salve su trabajo haciendo click sobre el ícono “Guardar y Cerrar”. En el árbol
aparecerá la categoría creada como una subcarpeta de la carpeta raíz como se
muestra en la Figura 4.
GUIA PARA LA CREACIÓN DE GALERIA DE IMÁGENES. TYPO3
Figura 4
7. Una vez que haya creado todas las subcategorías deseadas, seleccione la opción
“File” del módulo “Media”.
8. Haga click sobre el nombre de la carpeta donde guardó las imágenes. Aparecerá
una pantalla como la siguiente:
GUIA PARA LA CREACIÓN DE GALERIA DE IMÁGENES. TYPO3
Editar
Registro
Figura 5
9. Debe editar las imágenes que desea que aparezcan en la galería haciendo click
sobre el ícono “Editar registro”. Aparecerá una pantalla como la siguiente:
GUIA PARA LA CREACIÓN DE GALERIA DE IMÁGENES. TYPO3
Figura 6
10. En la pestaña “Overview” busque la opción “Categories” que está casi al final de
la pantalla y seleccione del cuadro “Elementos” la categoría en la que quiere que
aparezca la imagen. Puede seleccionar más de una categoría.
11. Salve su trabajo haciendo click en el ícono “Guardar y Cerrar”.
GUIA PARA LA CREACIÓN DE GALERIA DE IMÁGENES. TYPO3
De esta manera ya habrá organizado sus imágenes. Ahora para visualizar la página
“Galería de Imágenes” debe proceder de la siguiente manera:
12. Crear dentro de su sitio web una página tipo “Estandar”. Aparecerá una pantalla
como la que se muestra a continuación:
Figura 7
GUIA PARA LA CREACIÓN DE GALERIA DE IMÁGENES. TYPO3
13. Seleccione la pestaña “General” y en la opción “Título de la página” coloque
“Galería de Imágenes” (o el nombre que Ud. considere apropiado).
14. Salve los cambios haciendo click sobre el ícono “Guardar”.
15. Seleccione la pestaña “Extended”.
Figura 8
GUIA PARA LA CREACIÓN DE GALERIA DE IMÁGENES. TYPO3
16. En la Opción “Título de la sección”, coloque el encabezado que desea que
aparezca en la página de su sitio web. Recomendamos colocar el siguiente título:
“Galería de Imágenes de <Nombre de la facultad/Dependencia>”.
17. Salve los cambios haciendo click en el ícono “Guardar” de su preferencia.
18. En el árbol de páginas haga click sobre el nombre (no sobre el icono) de la página
“Galería de Imágenes”.
19. Cree un elemento en esta página haciendo click sobre el ícono “Crear nuevo
elemento”. Aparecerá la siguiente pantalla:
GUIA PARA LA CREACIÓN DE GALERIA DE IMÁGENES. TYPO3
Figura 9
20. Seleccione la opción “Contenido Normal de página”. Aparecerá una pantalla
como la siguiente:
GUIA PARA LA CREACIÓN DE GALERIA DE IMÁGENES. TYPO3
Figura 10
21. En la pestaña “General” cambie el tipo de página seleccionando el valor “Insertar
Plugin” como se muestra en la siguiente figura:
GUIA PARA LA CREACIÓN DE GALERIA DE IMÁGENES. TYPO3
Figura 11
22. Aparecerá un combo de advertencia. De click en “Aceptar”.
23. Cambiarán las opciones de las pestañas como se muestra en la Figura 12.
Seleccione la pestaña “Plugin” y aparecerá la siguiente pantalla:
GUIA PARA LA CREACIÓN DE GALERIA DE IMÁGENES. TYPO3
Figura 12
24. En la opción “Plugin” seleccione el valor “Photogallery”. Este valor le dará la
opción de ver sus imágenes con el efecto de despliegue.
25. Al seleccionar el valor photogallery, se presentará una nueva opción llamada
“Opciones de plugin”.
GUIA PARA LA CREACIÓN DE GALERIA DE IMÁGENES. TYPO3
26. Seleccione la pestaña “Categories”. Allí deberá indicar todas las categorías que
previamente ha creado y que además desea que se vean en la página “Galería de
Imágenes” de su sitio web.
27. Guarde los cambios haciendo click en el ícono guardar de su preferencia.
Ahora ya puede visualizar su página “Galería de Imágenes”.
GUIA PARA LA CREACIÓN DE GALERIA DE IMÁGENES. TYPO3