Upload
dangnhan
View
218
Download
0
Embed Size (px)
Citation preview
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
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
Documento de Soporte Código: DS-16
Edición: 04
Fecha: 16-05-2008
Página 3 de 25
Tratamiento de Imágenes
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.
Documento de Soporte Código: DS-16
Edición: 04
Fecha: 16-05-2008
Página 4 de 25
Tratamiento de Imágenes
Con enlacePero si las imágenes también son enlaces irán a la izquierda.
Documento de Soporte Código: DS-16
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...
Documento de Soporte Código: DS-16
Edición: 04
Fecha: 16-05-2008
Página 6 de 25
Tratamiento de Imágenes
Documento de Soporte Código: DS-16
Edición: 04
Fecha: 16-05-2008
Página 7 de 25
Tratamiento de Imágenes
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
Documento de Soporte Código: DS-16
Edición: 04
Fecha: 16-05-2008
Página 8 de 25
Tratamiento de Imágenes
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
Documento de Soporte Código: DS-16
Edición: 04
Fecha: 16-05-2008
Página 9 de 25
Tratamiento de Imágenes
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.
Documento de Soporte Código: DS-16
Edición: 04
Fecha: 16-05-2008
Página 10 de 25
Tratamiento de Imágenes
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
Documento de Soporte Código: DS-16
Edición: 04
Fecha: 16-05-2008
Página 11 de 25
Tratamiento de Imágenes
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:
Documento de Soporte Código: DS-16
Edición: 04
Fecha: 16-05-2008
Página 12 de 25
Tratamiento de Imágenes
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
Documento de Soporte Código: DS-16
Edición: 04
Fecha: 16-05-2008
Página 13 de 25
Tratamiento de Imágenes
Documento de Soporte Código: DS-16
Edición: 04
Fecha: 16-05-2008
Página 14 de 25
Tratamiento de Imágenes
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)
Documento de Soporte Código: DS-16
Edición: 04
Fecha: 16-05-2008
Página 15 de 25
Tratamiento de Imágenes
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)
Documento de Soporte Código: DS-16
Edición: 04
Fecha: 16-05-2008
Página 16 de 25
Tratamiento de Imágenes
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)
Documento de Soporte Código: DS-16
Edición: 04
Fecha: 16-05-2008
Página 17 de 25
Tratamiento de Imágenes
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
Documento de Soporte Código: DS-16
Edición: 04
Fecha: 16-05-2008
Página 18 de 25
Tratamiento de Imágenes
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
Documento de Soporte Código: DS-16
Edición: 04
Fecha: 16-05-2008
Página 19 de 25
Tratamiento de Imágenes
También podemos ver este tipo de iconos sobre los kioscos
Documento de Soporte Código: DS-16
Edición: 04
Fecha: 16-05-2008
Página 20 de 25
Tratamiento de Imágenes
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.
Documento de Soporte Código: DS-16
Edición: 04
Fecha: 16-05-2008
Página 21 de 25
Tratamiento de Imágenes
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”
Documento de Soporte Código: DS-16
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
Documento de Soporte Código: DS-16
Edición: 04
Fecha: 16-05-2008
Página 23 de 25
Tratamiento de Imágenes
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.
Documento de Soporte Código: DS-16
Edición: 04
Fecha: 16-05-2008
Página 24 de 25
Tratamiento de Imágenes
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
Documento de Soporte Código: DS-16
Edición: 04
Fecha: 16-05-2008
Página 25 de 25
Tratamiento de Imágenes
Anexos