FEBRERO 2013

TUTORIAL EDITOR DE IMÁGENES

EDITOR DE IMÁGENES

1. Introducción 22. ¿Cómo editar una imagen? 33. Las selecciones por módulo

4. Algunas consideraciones 5

4.1 Módulo Cartelera 6 4.2 Módulo Noticia 8 4.3 Módulo Publicación 10 4.4 Módulo Galería 13 4.5 Módulo Contenido 16 4.6 Módulo Sitio 18

TABLA DE CONTENIDOS

2TUTORIAL DE EDITOR DE IMÁGENES

EDITOR DE IMÁGENES

1. INTRODUCCIÓN

El editor de imágenes es una herramienta que está implementada en los módulos de: carteleras, noticias, publicaciones, galerías, contenidos y sitio del Portal DIBAM.

Permite subir una imagen y elegir lo que se mostrará en cada una de las secciones del sitio donde se replica la imagen elegida para acompañar el contenido ingresado.

Por lo tanto, ofrece la posibilidad de elegir un detalle o una parte de la imagen seleccionada.

Viene con las dimensiones por defecto, y éstas se pueden mover y/o agrandar según el efecto que se quiera lograr.

3TUTORIAL DE EDITOR DE IMÁGENES

2. ¿CÓMO EDITAR UNA IMAGEN?

Lo primero es seleccionar una imagen que tenga las siguientes medidas: 800x600 pix.;1024x78 pix. ó 1600x1200 pix. de no más de 4MB en 72 dpi para subirla a la plataforma.

Una vez guardada en el servidor, la imagen se previsualiza.

Al lado derecho de la imagen se ubican los links que, al abrirlos, permiten seleccionar qué parte de la fotografía se verá en el home, destacados, al interior de la nota o en el detalle de ésta.

En este caso se ejemplifica el módulo de noticias que cuenta con: Imagen Destacado Home, Imagen Listado y Slide e Imagen Detalle.

Al hacer click sobre los links se abre el editor de imágenes y es posible elegir la sección que se quiere mostrar.

4MANUAL DE NORMAS Y REDACCIÓN DEL PORTAL WEB

MÓDULO NOMBRE IMAGEN DE EJEMPLO

CARTELERA Resolución mínima: 800*600 px.Resolución normal: 1024*768 px.Alta resolución: 1600*1200 px.

NOTICIAS Resolución mínima: 800*600 px.Resolución normal: 1024*768 px.Alta resolución: 1600*1200 px.

Resolución mínima: 800*600 px.Resolución normal: 1024*768 px.Alta resolución: 1600*1200 px.

CONTENIDO Foto portada(primera foto)

Resolución: 704*334 px.

Fotos interiores: Resolución mínima: 800*600 px.Resolución normal: 1024*768 px.Alta resolución: 1600*1200 px.

GALERÍA DE IMÁGENES

Resolución normal: 1024*768 px.Alta resolución: 1600*1200 px.

SITIO Header 1000*290 pix.

Banner 228 pix. de ancho(el alto depende de la imagen a utilizar)

Contenido(cuadro de contenido principal en ícono)

80*80 pix.

E

El ejemplo que utilizaremos recoje la primera imagen de la lista de links, corresponde en este caso, a lo que se muestra en el Home de DESTACADO.

Por defecto mostrará una selección con las dimensiones requeridas (335x150 pix.). Esta selección se puede mover o ampliar, pero siempre mantendrá las mismas proporciones.

Una vez seleccionada se hace click sobre el boton RECORTAR. En caso de cancelar la operación se pincha el botón CANCELAR.

Si se ha optado por recortar, a continuación se muestra el resultado de la selección, luego de eso se clickea el botón OK y la selección queda registrada.

5MANUAL DE NORMAS Y REDACCIÓN DEL PORTAL WEB

Finalmente, se debe guardar todo para que los cambios se vean reflejados en la web.

El mismo procedimiento se debe ocupar para todas las imágenes listadas como links en el EDITOR DE IMÁGENES.

3. ALGUNAS CONSIDERACIONES

Por defecto al editar una imagen, el editor seleccionará la parte superior izquierda. Entonces, si la imagen no es editada por el Administrador Web, serán estas secciones las que se verán en la vistas públicas de su sitio.

6MANUAL DE NORMAS Y REDACCIÓN DEL PORTAL WEB

4. LAS SELECCIONES POR MÓDULO

4.1 Módulo Cartelera

En este módulo se encontrará con los siguientes items para editar la imagen según el lugar que ocupe en la plataforma:

Las imágenes corresponden a las siguientes vistas públicas:

4.1.1 Imagen Home: corresponde a la imagen que se destaca en el Home.

7MANUAL DE NORMAS Y REDACCIÓN DEL PORTAL WEB

4.1.2 Imagen Listado: corresponde a la imagen del listado que agrupa todas las carteleras por institución.

4.1.3 Imagen Detalle: corresponde a la imagen que se utiliza para ilustrar una cartelera de forma individual.

8MANUAL DE NORMAS Y REDACCIÓN DEL PORTAL WEB

4.2 Módulo Noticia

En este módulo se encontrará con los siguientes items para editar la imagen según el lugar que ocupe en la plataforma:

4.2.1 Imagen Destacado Home: corresponde a la imagen que está destacada en el home.

9MANUAL DE NORMAS Y REDACCIÓN DEL PORTAL WEB

4.2.2 Imagen Listado y Slide

· Listado: corresponde a la imagen del listado que agrupa todas las noticias por institución.

· Slide de Noticias: corresponde a la imagen del slide de noticias que sale en el home del sitio.

10MANUAL DE NORMAS Y REDACCIÓN DEL PORTAL WEB

4.2.3 Imagen Detalle: corresponde a la imagen de la noticia individual.

4.3 Módulo Publicación

En este módulo se encontrará con los siguientes items para editar la imagen según el lugar que ocupe en la plataforma:

El item Imagen Home no se encuentra disponible.

11MANUAL DE NORMAS Y REDACCIÓN DEL PORTAL WEB

4.3.1 Imagen Publicaciones: corresponde a la imagen que sale en la home, en la columna lateral izquierda, debajo del menú.

4.3.2 Imagen Publicaciones Listado y Detalle

· Listado: corresponde a la imagen del listado que agrupa todas las publicaciones por institución.

12MANUAL DE NORMAS Y REDACCIÓN DEL PORTAL WEB

· Detalle: corresponde a la imagen de la publicación individual.

13MANUAL DE NORMAS Y REDACCIÓN DEL PORTAL WEB

4.4 Módulo Galería

En este módulo se encontrará con los siguientes items para editar la imagen según el lugar que ocupe en la plataforma:

· Foto Portada de la Galería

4.4.1 Imagen Home: corresponde a la imagen que se muestra en la sección Destacados del home.

14MANUAL DE NORMAS Y REDACCIÓN DEL PORTAL WEB

4.4.2 Imagen Listado: corresponde a la imagen del listado que agrupa todas las galerías por institución.

· Fotos Interiores de Galería

En este módulo se encontrará con los siguientes items para editar la imagen según el lugar que ocupe en la plataforma:

15MANUAL DE NORMAS Y REDACCIÓN DEL PORTAL WEB

Imagen detalle: corresponde a la imágenes que se muestran el detalle de todas las fotos de cada galería.

16MANUAL DE NORMAS Y REDACCIÓN DEL PORTAL WEB

4.5 Módulo contenido

En este módulo se encontrará con los siguientes items para editar la imagen según el lugar que ocupe en la plataforma:

4.5.1 Imagen Home: corresponde a la imagen que se muestra en destacados en el home.

17MANUAL DE NORMAS Y REDACCIÓN DEL PORTAL WEB

4.5.2 Imagen contenidos: corresponde a la imagen del listado que agrupa todas los contenidos (colecciones digitales) por institución.

4.5.3 Imagen Contenido Detalle Principal: corresponde a la primera imagen que ilustra un contenido (patrimoniales e institucionales)

18MANUAL DE NORMAS Y REDACCIÓN DEL PORTAL WEB

4.5.4 Imagen Contenido Detalle Secundario: corresponde a la(s) imágene(s) que ilustran el interior de los contenidos (patrimoniales e institucionales)

4.6 Módulo sitio

En este módulo se encontrará con los siguientes items para editar la imagen según el lugar que ocupe en la plataforma:

4.6.1 Imagen del Encabezado: corresponde a la imagen que se sube como encabezado de los sitios. Se puede editar una vez subida.

19MANUAL DE NORMAS Y REDACCIÓN DEL PORTAL WEB

4.6.2 Imagen del Cuadro de Contenido Principal: corresponde al cuadro de contenido ubicado en la parte inferior del home.