TEXTO LIBRE: TextoLibreConLinea460. TextoLibreSoloTitulo460_P. TextoLibreConLinea701Completa

Transcripción

1

2 TEXTO LIBRE: Estructura que se utiliza en el 90% de las páginas y que se compone de texto, con posibilidad de agregar cualquier imagen. El administrador web puede decidir mostrar sólo el título, título y/o cuerpo, o sólo cuerpo de texto. TextoLibreConLinea460 TextoLibreSoloTitulo460_P TextoLibreConLinea701Completa

3 TextoLibreConLinea701 TituloSinLinea TextoLibreConLinea940_P

4 TextoLibreSinTitulo TextoLibreSoloTituloLinea940 TextoLibreSoloTitulo980_P TextoLibreSoloTitulo701 TextoSinLineaInterior

5 TextoLineaSinLinea TituloConLineaPunteada DestacadosVU

6 BANNER: Destacado colocado normalmente en la zona lateral derecha de la página de un sitio web que enlaza a la información que se quiere promocionar. Los banners se darán de alta siguiendo la estructura Banner. El contenido puede ser dado de alta en cualquier comunidad. Por ejemplo, si existe un banner que sólo se va a utilizar en la comunicad Máster Medicina, el contenido se dará de alta en la propia organización Máster Medicina. En cambio, si un banner se utilizará en distintas comunidades, dicho contenido banner se dará de alta en una comunidad denominada Global, y cuyo contenido puede ser compartido por todas las organizaciones/comunidades. Para la estructura banner existen varias plantillas. Según el diseño del banner que se desee mostrar en la web, se seleccionará una u otra plantilla: MODELO 1 (Banner_tipo_1_P) MODELO 2 (Banner_tipo_2_imagen_lateral)

7 MODELO 3 (Banner_tipo_2_imagen_fondo) MODELO 4 (Banner_tipo_3) MODELO 5 (Banner_tipo_4_general)

8 MODELO 6 (Banner_tipo_4descarga_documento) MODELO 7 (Banner_tipo_4_imagen_superior) MODELO 8 (Banner_tipo_5_imagen_fondo)

9 Otros tipos de banner con disposición horizontal: MODELO 9 (Banner tipo 5 texto imagen) MODELO 10 (Banner_tipo_5_fondo_gris)

10 CARRUSELES: Un carrusel permite al administrador web mostrar una cantidad de imágenes o vídeos que son controlados por el usuario final. Los carruseles se clasifican principalmente en 3 tipos: 1.Carrusel con Principal 2.Carrusel Banner 3.Carrusel sin Principal 4. Carrusel actividades A continuación se detallan cada una de las plantillas realizadas para cada tipo de carrusel. CARRUSEL CON PRINCIPAL Tipo de carrusel que muestra siempre una imagen o vídeo principal con su contenido, que varía en función de la selección que haga el usuario. MODELO 1 (Carruselconprincipal1)

11 MODELO 2 (Carruselconprincipal2) Puede combinarse con o sin botones:

12 MODELO 3 (Carruselconprincipal3)

13 MODELO 4 (Carruselconprincipal_p4) MODELO 5 (CarruselMisionVisionValores_P)

14 CARRUSEL BANNER Tipo de carrusel que permite destacar varias informaciones en un único formato, permitiendo al usuario final navegar por ellas. MODELO 1 (CarruselHorizontalMultiple1_P) MODELO 2 (CarruselHorizontalMultiple2_P) MODELO 3 (CarruselIndividual1_P)

15 MODELO 4 (CarruselIndividual2_P) MODELO 5 (CarruselIndividual3_P) MODELO 6 (CarruselIndividual4_P)

16 CARRUSEL SIN PRINCIPAL Tipo de carrusel que permite destacar varias imágenes, permitiendo al usuario final navegar por ellas y acceder a las diferentes informaciones. MODELO 1 (CarruselSinPrincipalYoutubeFlickr_P) MODELO 2 (CarruselSiPrincipalImagenes_P) MODELO 3 (CarruselIndividual4_P)

17 OTROS CARRUSELES: ESTRUCTURA CARRUSEL ACTIVIDADES: Carrusel destinado, sobre todo, para el uso en homes o reportajes espaciales. ESTRUCTURA CARRUSEL IMAGEN TEXTO: Carrusel destinado, sobre todo, para el uso en homes o reportajes espaciales.

18 ESTRUCTURA ESTANCIAS SAN JOSEMARIA: Carrusel de doble navegación, donde cada uno de los elementos reflejados sobre fondo negro consta de diferentes fotografías.

19 CONTENIDOS CON IMAGEN: Estructura compuesta principalmente de texto e imagen, con sus correspondientes enlaces asociados. MODELO 1 (Contenido_ConImagen_tipoFAQ) MODELO 2 (Contenido_ConImagen_TituloTextoYEnlaces) MODELO 3 (Contenido_ConImagen_Documentos_P)

20 MODELO 4 (Contenido_ConImagen_BotonInferior) MODELO 5 (Contenido_ConImagen_IndividualListado3) MODELO 6 (Contenido_ConImagen_IndividualListado5)

21 MODELO 7 (Contenido_ConImagen_ImagenLateral) MODELO 8 (Contenido_ConImagen_IndividualListado1) MODELO 9 (Contenido_ConImagen_IndividualListado2)

22 MODELO 10 (Contenido_ConImagen_ImagenInvidiual2sinBorde) MODELO 11 (Contenido_ConImagen_ImagenLateral2) MODELO 12 (FondosPersonales)

23 MODELO 13 (Contenido_ConImagen_IndividualListado4) MODELO 14 (Contenido_ConImagen_BioSanJoseMaria)

24 CONTENIDOS SIN IMAGEN: Estructura compuesta principalmente de texto, con sus correspondientes enlaces asociados. MODELO 1 (Contenido_SinImagen_Mundo) MODELO 2 (Contenido_SinImagen_BotonesEnlaces_SinTitulo_P) MODELO 3 (Contenido_SinImagen_BotonesEnlaces_P)

25 MODELO 4 (Contenido_SinImagen_BotonesEnlaces_botonDerecha) MODELO 5 (Contenido_SinImagen_TextoEnlacesDocumentos_P) MODELO 6 (Contenido_SinImagen_DocumentosBotonesEnlaces_P)

26 BOTONES: Estructura que sirve para destacar el acceso a otros elementos de una forma más llamativa que un enlace meramente textual. MODELO 1 (Botones_ConFondo_P) MODELO 2 (Botones_SinFondo_P)

27 ENLACES: Estructura que sirve para destacar el acceso a elementos de otras páginas. MODELO 1 (Enlaces_PorColumnas_P_icono) MODELO 2 (EnlacesListadoCompuestoSinFondo_P) MODELO 3 (Enlaces_ListadoTituloYFondo_P) MODELO 4 (Enlaces_Departamentos_P) MODELO 5 (Enlaces_PorColumnas_P)

28 ENLACES REPETIBLES: Estructura que sirve para destacar el acceso a elementos de otras páginas con la posibilidad de agruparlos en diferentes bloques.

29 CONTACTO: Estructura que muestra datos de contacto para facilitar la interacción del usuario Contacto_ConFotografía_P ContactoVertical_Boton_P Contacto_Horizontal_BotonP

30 Contacto_SinEncabezado_P

31 CIFRAS: Estructura que sirve para mostrar la información de forma numérica PorcentajeYTexto_P CifraYTexto_P CifraYTextoSolo_P

32 EXPERIENCIA CAMPUS: Estructura que permite, mediante un desplegable, destacar una información de forma gráfica (imagen o vídeo) y mostrar algunos datos relacionados

33 HISTORIA: Estructura que actúa como una línea de tiempo temporal

34 PLATAFORMA SOCIAL: Estructura que permite la inserción de diferentes códigos para mostrar widget sociales en la web (Twitter, Youtube ) Twitter Google Maps

35 ISSU Linkedln

36 Instagram Flickr

37 Youtube Facebook

38 VÍDEOS: Estructura utilizada para mostrar un vídeo de forma independiente en página. Puede mostrar vídeos de Youtube o Vimeo, y cualquiera que se haya subido a la plataforma. Video_P SoloVideo_P

39 SÍGUENOS: Estructura que sirve para destacar el acceso a las redes sociales de cualquier organización. enlacessiguenos enlacessiguenospagina_p

40 LISTADOS DE PRESENTACIÓN MEDIANTE PUBLICADORES DE CONTENIDO Para mostrar listados (véanse listados de FAQ, contenidos en pestañas, listados de personas y, en general, todo tipo de listados de contenidos) el administrador web deberá hacerlo a través de lo que se denominan publicadores de contenidos. Estos publicadores permiten agrupar diferentes contenidos creados a partir de una estructura y mostrarlos, todos ellos, según una única vista de presentación. Creados a partir de la estructura FAQ LISTADO DE PRESENTACIÓN FAQ: EN PESTAÑAS: SIN PESTAÑAS:

41 LISTADO DE PRESENTACIÓN FAQ DESPLEGADO:

42 Creados a partir de la estructura Persona LISTADO DE PRESENTACIÓN PERSONA:

43 Creados a partir de la estructura texto libre, contenido con imagen LISTADO DE PRESENTACIÓN CONTENIDO-UNAV:

44 Creados a partir de la estructura actividades LISTADO ACTIVIDADES Y LISTADO REUNIONES: