Tratamiento de Imágenes - zaragoza.es · Actividades Cultura Juegos Mi Ciudad. Documento de...

Guía de Estilo www.zaragoza.es

yPortal Corporativo

Imágenes

Elaborado por: Revisado por: Aprobado por:

Web Municipal Marta Vilas Larré Mª Jesús Fernandez Ruiz

Fecha: 2000 Fecha:26/04/2010 Fecha:17/02/2009

http://www.zaragoza.es/

Documento de Soporte Código: DS-16

Edición: 04

Fecha: 16-05-2008

Página 2 de 25

Tratamiento de Imágenes

ÍndiceTipos de imágenes...........................................................................................................................................3

Destacados (Páginas índice de Red de Portales).......................................................................................3Sin enlace....................................................................................................................................................3Con enlace...................................................................................................................................................4Detalle de Centro.........................................................................................................................................5

Tamaños de imagen.........................................................................................................................................5Especiales........................................................................................................................................................7

Galería de imágenes que enlazan con Servicios Transversales.................................................................7Galería de Imágenes para Destacados / Avisos...............................................................................................8Iconos para Callejero (Idezar).........................................................................................................................11Incidencias......................................................................................................................................................12Plan de Emergencias......................................................................................................................................13Galería de imágenes para Formularios...........................................................................................................14Iconos Agenda (Nuevo diseño).......................................................................................................................18Iconos Kioscos................................................................................................................................................18

Imágenes Portal Participa..........................................................................................................................20Control de Cambios........................................................................................................................................21Anexos............................................................................................................................................................21


Edición: 04

Fecha: 16-05-2008

Página 3 de 25


Tipos de imágenesDestacados (Páginas índice de Red de Portales)Para las imágenes de las páginas de entrada a los portales en las que aparecen unas mas pequeñas en la parte de noticias y avisos se utilizará el tamaño: 50x63px.

Sin enlaceEn general las imágenes irán siempre a la derecha.


Edición: 04

Fecha: 16-05-2008

Página 4 de 25


Con enlacePero si las imágenes también son enlaces irán a la izquierda.


Edición: 04

Fecha: 16-05-2008

Página 5 de 25

Tratamiento de ImágenesDetalle de CentroEn el caso de los detalles, por ejemplo un centro:

Tamaños de imagenPara las diferentes imágenes de las páginas se fijan tamaños por anchura:

● 120px, 200px, 300px, (en general)

● 400, 500px (recomendadas para las ampliaciones de galería...


Edición: 04

Fecha: 16-05-2008

Página 6 de 25



Edición: 04

Fecha: 16-05-2008

Página 7 de 25


EspecialesEn el apartado de imágenes tenemos que hablar también de las imágenes que tenemos especiales, o que se utilizan por defecto cuando no hay imagen descriptiva.

Galería de imágenes que enlazan con Servicios TransversalesImágenes que se utilizan para Localización, Galería de imágenes y Autobuses, en la ubicación de cualquier Centro o Servicio. Se utilizan como enlaces.

LocalizaciónAutobuses

Galería de imágenes

Fotografías Escuchar


Edición: 04

Fecha: 16-05-2008

Página 8 de 25


Galería de Imágenes para Destacados / AvisosAquí mostramos las imágenes que utilizamos para los destacados.

Verano Ciudad Móvil Sin Barreras TDT

Expo Medioambiente Urbanismo Arte Público

Subvenciones Bibliotecas Deporte Documentos y Normativa

Educación Obras Prevención y Salud Solicitud de Matrículas

Protección Animal Trámites en línea Buscador Semántico Verano

Semana Santa Campamentos Premios y concursos Zaragalla


Edición: 04

Fecha: 16-05-2008

Página 9 de 25


Educa WebAyudas y Subvenciones Participación Ciudadana Agua

IMSP Blog Ciudadano Calendario Escuelas infantiles

Mujer Polen Cursos Mayores

Culturas Jóvenes Participación Ciudadana Tu Ruta

Tu Ruta (Ábaco) Trámites Ciudadanos Trámites con Empresas Noticias

Bomberos(Día a Día) Administración Electrónica

Ayuntamiento La Ciudad Para la Gente Turismo

Icono por defecto

si no elegimos ninguno.


Edición: 04

Fecha: 16-05-2008

Página 10 de 25


Boletines Oficiales Documentos y Normativa Bomberos Inspección edificios

Formación

Medios de comunicación Hacienda y Economía Personal Ayuntamiento

La Ciudad Para la Gente Turismo

Cincomarzada Carnaval El Pilar Navidad

San Jorge San Valero Semana Santa Wiki??

Actividades Cultura Juegos Mi Ciudad


Edición: 04

Fecha: 16-05-2008

Página 11 de 25


Galería de imágenes para Callejero (Idezar)

Aquí podemos encontrar, todos lo iconos que se utilizan para el callejero de idezar.

Últimos iconos para callejero:


Edición: 04

Fecha: 16-05-2008

Página 12 de 25


Iconos para el callejero con relación a la EXPO 2008

Alrrededores Espacios Escénicos Otros Pabellones

Pabellones Temáticos Parque Metropolitano Plazas Puertas

IncidenciasAfecciones importantes Cortes de Agua Cortes de Tráfico

Cámaras de Tráfico

Galería de imágenes:Plan de Emergencias


Edición: 04

Fecha: 16-05-2008

Página 13 de 25



Edición: 04

Fecha: 16-05-2008

Página 14 de 25


Galería de imágenes para Formularios

Descripción Pequeño Grande Positivo NegativoEditar (Rojo)

Editar (Negro)

Borrar (Rojo)

Borrar (Negro)

Ocultar (Rojo)

Ocultar (Negro)

Calendario (Rojo)

Calendario (Negro)

URL (Rojo)

URL (Negro)

Publicar (Rojo)

Publicar (Negro)


Edición: 04

Fecha: 16-05-2008

Página 15 de 25


Publicar1 (Rojo)

Publicar1 (Negro)

Buscar (Rojo)

Buscar (Negro)

Información (Rojo)

Información (Negro)

Advertencia (Rojo)

Advertencia (Negro)

Mensaje de error (Rojo)

Mensaje de error (Negro)

Ayuda (Rojo)

Ayuda (Negro)

Mapa (Rojo)

Mapa (Negro)


Edición: 04

Fecha: 16-05-2008

Página 16 de 25


Recargar (Rojo)

Recargar (Negro)

Impresora (Rojo)

Impresora (Negro)

Correo (Rojo)

Correo (Negro)

Ir (Rojo)

Ir (Negro)

Login1 (Rojo)

Login1 (Negro)

Login2 (Rojo)

Login2 (Negro)

Salir (Rojo)

Salir (Negro)


Edición: 04

Fecha: 16-05-2008

Página 17 de 25


Subir Nivel (Rojo)

Subir Nivel (Negro)

PaginaciónFlecha Simple Adelante Activada

Flecha Simple Adelante Inactiva

Flecha Doble Adelante Activada

Flecha Doble Adelante Inactiva

Flecha Simple Atrás Activada

Flecha Simple Atrás Inactiva

Flecha Doble Atrás Activada

Flecha Doble Atrás Inactiva


Edición: 04

Fecha: 16-05-2008

Página 18 de 25


Galería de imágenes Agenda (Nuevo diseño 2010)Estas imágenes las utilizamos sólo en el portal Agenda, en un lugar concreto que es en el menú de la izquierda. No se van a utilizar en otros apartados de la Web.

Galería de imágenes para los Kioscos

Buscador inteligente Carpeta Ciudadana Cita Previa Nuestra Ciudad

Padrón Participa Quejas y Sugerencias Registro

Tarjeta Ciudadana Trámites

Imagen del pie


Edición: 04

Fecha: 16-05-2008

Página 19 de 25


También podemos ver este tipo de iconos sobre los kioscos


Edición: 04

Fecha: 16-05-2008

Página 20 de 25


Galería de imágenes Portal Participa...Se han utilizado para el Portal / Servicio Participa...

Que como se ve en la imagen anterior es tiene un diseño especial los siguiente iconos:

Que parte en tres grandes bloques este nuevo servicio. Lleva asociados para esto los siguientes estilos:

.columnas3-izda11{width: 25%; float: left; padding: 2px 2px 2px 10px;}

.columnas3-centro11{ width: 22%; float: left; padding: 2px 2px 2px 10px;}

.columnas3-dcha11{ width: 45%; float: left; padding: 2px 2px 2px 10px;}

Que hace que el contenido se divida en tres columnas teniendo en cuenta que la última es mas grande que las otras dos.


Edición: 04

Fecha: 16-05-2008

Página 21 de 25


Galería de imágenes para las CabeceraVariará dependiendo si estamos en la parte de intranet o en la parte de internet.

Si estamos en internet tendremos muchas posibilidades, se adjuntan imágenes de todas ellas:

Existen varias cabeceras especiales definidas para los Cinco Portales Indice, con sus correspondientes variedades.*G.

INTERNET

a) Servicio de TransacciónEjemplos: Quejas y Sugerencias, Formularios de tramitación en línea...

b) Servicios de Búsqueda

Cabeceras Generales:En función del Portal temático que nos encontremos se utilizarán las siguientes

Cabecera para la red de portales de “AYUNTAMIENTO”

Cabecera para la red de portales de “CIUDAD”

Cabecera para la red de portales de “PARA LA GENTE”

Cabecera para la red de portales de “CULTURA”


Edición: 04

Fecha: 16-05-2008

Página 22 de 25

Tratamiento de ImágenesCabecera para la red de portales de“TURISMO”

Cabeceras Específicas

Tenemos portales, en los que la cabecera cambia con respecto a las genéricas de cada uno de los bloques.Por ejemplo en el Bloque El Ayuntamiento, tenemos dos tipos de cabeceras específicas en los soiguientes Portales: Policía y Bomberos que es la siguiente:

Y la de Ayuntamiento en Casa que es:

En el Bloque La Ciudad, tenemos los portales Ciudad del Conocimiento, Cifras, Vistas de la Ciudad, Consumo y Zaragoza Internacional asociados a la cabecera:

Para el portal de Deporte tenemos:

Para los portales de Educación y Educación y Bibliotecas está utilizándose la siguiente cabecera:

Para el Portal de Medio Ambiente utilizamos:

*G


Edición: 04

Fecha: 16-05-2008

Página 23 de 25


Para Museos y Exposiciones:

Y por último, Salud Pública:

Para el Bloque Cultura tenemos sólo una variante para el portal Zaragoza Cultural que es:

Para el Bloque Para la Gente tenemos sólo una variante en el portal Participación Ciudadana que es:

INTRANET: Portal Corporativo

En el caso del Portal Corporativo, sólo tenemos una posibilidad para la cabecera que es la que se muestra en la siguiente imagen.


Edición: 04

Fecha: 16-05-2008

Página 24 de 25


En el caso de que se esté desarrollando una Herramienta de Gestión se utilizará:

Si la herramienta se integra en el Gestor de la Sede Electrónica.

Control de CambiosFecha de

ActualizaciónEdición Descripción del cambio

16-05-2008 2 Actualización

20-01-2009 3 Actualización

11/05/10 4 Actualización


Edición: 04

Fecha: 16-05-2008

Página 25 de 25


Anexos

Tratamiento de Imágenes - zaragoza.es · Actividades Cultura Juegos Mi Ciudad. Documento de...

Documents

Transcript of Tratamiento de Imágenes - zaragoza.es · Actividades Cultura Juegos Mi Ciudad. Documento de...