15 · gable, el bloque 2 contiene noticias específi-cas del eje presentado. bloque 1 bloque 2. 22...

16

Upload: leminh

Post on 18-Aug-2019

220 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 15 · gable, el Bloque 2 contiene noticias específi-cas del eje presentado. Bloque 1 Bloque 2. 22 Compendio de Manuales de Estilo - Dirección de Comunicaciones y Medios Audiovisuales
Page 2: 15 · gable, el Bloque 2 contiene noticias específi-cas del eje presentado. Bloque 1 Bloque 2. 22 Compendio de Manuales de Estilo - Dirección de Comunicaciones y Medios Audiovisuales
Page 3: 15 · gable, el Bloque 2 contiene noticias específi-cas del eje presentado. Bloque 1 Bloque 2. 22 Compendio de Manuales de Estilo - Dirección de Comunicaciones y Medios Audiovisuales

15

Área Digital

Este manual se tendrá en cuenta en los casos de los servicios web de la UNSE que publiquen en el portal institucional (no así las webs de las Unidades Académicas que pueden tomar diseños independientes).

Página principal

Page 4: 15 · gable, el Bloque 2 contiene noticias específi-cas del eje presentado. Bloque 1 Bloque 2. 22 Compendio de Manuales de Estilo - Dirección de Comunicaciones y Medios Audiovisuales

16

Compendio de Manuales de Estilo - Dirección de Comunicaciones y Medios Audiovisuales

La página principal del portal UNSE (inicio) deberá tener un encabezado de: • Largo: 208 px

• Ancho: 845 px

• Fondo: Degradado (combinación de blanco con arena) - #ffffff y #cdc6bc

• Tipografía: Familia: Arial Tamaño:12px Color: Negro, Gris o Bordo

que contendrá la marca (tamaño en pixels) aprobada por la institución a la izquierda de la misma, pudiendo compartir dicho espacio con una cabecera variable que se utilizará de

Submenú

Menú superior

Menú principal

Encabezado

Page 5: 15 · gable, el Bloque 2 contiene noticias específi-cas del eje presentado. Bloque 1 Bloque 2. 22 Compendio de Manuales de Estilo - Dirección de Comunicaciones y Medios Audiovisuales

17

Área Digital

acuerdo a eventos/ productos (a definir por la autoridad) en el extremo derecho.

Se considerará la utilización de un Submenú superior auxiliar, destinado a Convocatorias de Becas y enlace a Emprendedores.

En el menú superior (Tipografía: Arial, 10px, blanco), se tendrá acceso a servicios inme-diatos, tales como webmail, bibliotecas, información de contacto.

Para este diseño se ha distribuido el conte-nido por ejes de actuación, los mismos se distribuyen en el menú principal de ejes. En el breadcrumb (guía de navegación central) se situarán dos bloques a saber: Bloque 1: dedicado a noticias generales de

Bloque 1

Page 6: 15 · gable, el Bloque 2 contiene noticias específi-cas del eje presentado. Bloque 1 Bloque 2. 22 Compendio de Manuales de Estilo - Dirección de Comunicaciones y Medios Audiovisuales

18

Compendio de Manuales de Estilo - Dirección de Comunicaciones y Medios Audiovisuales

la Universidad, en el Bloque 2: enlaces a las webs de las Unidades Académicas

El pie de página será donde se sitúan enla-ces a los servicios de comunicaciones de la Institución: Radio, Televisión, Servicio red, redes sociales.

• Largo: 845px

• Ancho: 35px

• Color de fondo: Bordo

• Tipografía: Familia: Arial Tamaño:12px Color: Negro, Gris o Bordo

Bloque 2

Pie de página

Page 7: 15 · gable, el Bloque 2 contiene noticias específi-cas del eje presentado. Bloque 1 Bloque 2. 22 Compendio de Manuales de Estilo - Dirección de Comunicaciones y Medios Audiovisuales

19

Área Digital

Micrositios por ejes El portal institucional da acceso por medio del Menú principal (por ejes) a micrositios de cada eje de actuación de la Universidad:

Institucional

Académica

Investigación

Extensión

Bienestar

Existe un esquema a seguir en cada microsi-tio de eje:

Page 8: 15 · gable, el Bloque 2 contiene noticias específi-cas del eje presentado. Bloque 1 Bloque 2. 22 Compendio de Manuales de Estilo - Dirección de Comunicaciones y Medios Audiovisuales

20

Compendio de Manuales de Estilo - Dirección de Comunicaciones y Medios Audiovisuales

En el mismo se replica el encabezado, menú superior, menú principal de ejes. Se modi-fica la página principal (breadcrumbs) por ejes que contendrá bloques consecutivos a la derecha y un menú secundario por eje a la izquierda del mismo.

Encabezado

Menú Superior

Page 9: 15 · gable, el Bloque 2 contiene noticias específi-cas del eje presentado. Bloque 1 Bloque 2. 22 Compendio de Manuales de Estilo - Dirección de Comunicaciones y Medios Audiovisuales

21

Área Digital

El Bloque 1 puede estar destinado a un muestreo de información de manera desple-gable, el Bloque 2 contiene noticias específi-cas del eje presentado.

Bloque 1

Bloque 2

Page 10: 15 · gable, el Bloque 2 contiene noticias específi-cas del eje presentado. Bloque 1 Bloque 2. 22 Compendio de Manuales de Estilo - Dirección de Comunicaciones y Medios Audiovisuales

22

Compendio de Manuales de Estilo - Dirección de Comunicaciones y Medios Audiovisuales

Menú secundario por eje

Page 11: 15 · gable, el Bloque 2 contiene noticias específi-cas del eje presentado. Bloque 1 Bloque 2. 22 Compendio de Manuales de Estilo - Dirección de Comunicaciones y Medios Audiovisuales

23

Área Digital

Cada ítem del menú secundario por eje, ac-túa como enlace a un artículo de referencia.

Page 12: 15 · gable, el Bloque 2 contiene noticias específi-cas del eje presentado. Bloque 1 Bloque 2. 22 Compendio de Manuales de Estilo - Dirección de Comunicaciones y Medios Audiovisuales

24

Compendio de Manuales de Estilo - Dirección de Comunicaciones y Medios Audiovisuales

Micrositios dependientes Los micrositios que se soliciten dentro de las dependencias de la Universidad deberán cumplir con los estándares definidos tanto para el diseño, como para la gestión de con-tenidos de los mismos.

BOUNSE

Page 13: 15 · gable, el Bloque 2 contiene noticias específi-cas del eje presentado. Bloque 1 Bloque 2. 22 Compendio de Manuales de Estilo - Dirección de Comunicaciones y Medios Audiovisuales

25

Área Digital

EDUNSE

Cumbre de Rectores

Page 14: 15 · gable, el Bloque 2 contiene noticias específi-cas del eje presentado. Bloque 1 Bloque 2. 22 Compendio de Manuales de Estilo - Dirección de Comunicaciones y Medios Audiovisuales

26

Compendio de Manuales de Estilo - Dirección de Comunicaciones y Medios Audiovisuales

Cada eje tiene un área responsable de la car-ga de contenidos del mismo, para ellos se deberá otorgar los permisos necesarios para la gestión, usuario / contraseña, los mismos se corresponden a un perfil determinado en el sistema de gestión de contenidos. El usuario y contraseña se otorga con firma de autoridad competente.

Los ejes ejecutan de manera independiente una pantalla de carga que les permite sec-torizar los contenidos a colocar en la web, pudiendo los mismos dar de alta, modificar o dar de baja a una unidad de contenidos (artículo).

Carga de contenidos

Page 15: 15 · gable, el Bloque 2 contiene noticias específi-cas del eje presentado. Bloque 1 Bloque 2. 22 Compendio de Manuales de Estilo - Dirección de Comunicaciones y Medios Audiovisuales

27

Área Digital

Se utiliza un gestor de contenidos para el portal institucional en producción de la institución, el mismo tiene como unidad de contenidos el artículo, cada noticia y/o información contenida en el portal se ingre-sa desde una pantalla de carga donde se permite ingresar texto con las características siguientes:

• Tipografía: Arial

• Tamaño: 10 px

• Color: Negro , Gris

• Imágenes : Tamaño: 251px (ancho) x 151px (alto) Tipo: jpg, gif, png Resolución: 80

Unidades de contenidos (artículos)

Page 16: 15 · gable, el Bloque 2 contiene noticias específi-cas del eje presentado. Bloque 1 Bloque 2. 22 Compendio de Manuales de Estilo - Dirección de Comunicaciones y Medios Audiovisuales