Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Aquí puedes ver ejemplos de páginas utilizando diferentes plantillas y elementos gráficos que permite el editor de Liferay para que te sirvan a la hora de crear tus páginas y secciones de contenido.

Plantilla Menú Navegación transparente

URL: Datos abiertos. Aragón Open Data

  • Menú superior creado con Plantilla Menú Navegación transparente.

  • Usamos las anclas para navegar dentro del contenido (para crearlas clicar en “Generar anclas” en el editor).

  • En el cuerpo, párrafos con fondo gris (Párrafo destacado gris).

URL: https://www.aragon.es/-/talleres-tic

  • Menú superior creado con Plantilla Menú Navegación transparente.

URL: Comunicación corporativa

  • Menú superior creado con Plantilla Menú Navegación transparente.

  • Uso del campo Imagen destacada para poner logotipo personalizado e identificar el conjunto de páginas que conforman esa sección de “Comunicación corporativa”.

  • Uso de la Imagen principal en cada una de las páginas para acompañar al texto y reforzar su comprensión.

Plantilla Contenido final

URL: https://www.aragon.es/-/oficinas-comarcales-agroambientales-ocas-y-areas-medioambientales-amas-

  • Generación de anclas para la navegación por las secciones (encabezados) de la página.

  • Imagen de un mapa con códigos numéricos insertada como “Imagen principal”.

  • En el cuerpo, los códigos llevan asociados enlaces que llevan a más información sobre las Oficinas.

URL.: https://www.aragon.es/-/concentracion-parcelaria

  • En el cuerpo:

    • Tablas accesibles insertadas con el editor y con diseño predefinido.

    • Al final de la página:

    • Galería de contenidoscon enlaces a otras páginas.

image-20240126-093203.png

URL: https://www.aragon.es/-/mujeres-rurales

  • Menú superior creado con Plantilla Menú Navegación transparente.

  • Uso del campo Imagen destacada para poner logotipo personalizado e identificar el conjunto de páginas que conforman esa sección de “Mujeres rurales”.

  • Uso de la Imagen principal.

  • En el cuerpo (en el editor uso de estilos Tarjetas).

Plantilla Contenido final (Agregadora)

URL: https://www.aragon.es/-/catastro-minero-de-aragon

  • En el cuerpo, las imágenes de los recuadros pertenecen a IDEAARAGÓN y shutterstock.

  • Los recuadros de las imágenes tienen enlaces que van a visor de IDEAARAGÓN con la capa que necesitemos activada.

URL: https://www.aragon.es/-/certificados-transporte-1

  • En el cuerpo, las imágenes de los recuadros pertenecen banco de imágenes shutterstock.

  • Los enlaces van a otras subpáginas.

Image Removed

URL: https://www.aragon.es/-/ebro2030

  • En el cuerpo:

    • Las imágenes de los recuadros pertenecen banco de imágenes shutterstock.

    • Los recuadros de las imágenes tienen enlaces a otras subpáginas.

    • Inserción de vídeo en Youtube.

URL: https://www.aragon.es/-/escolarizacion-en-centros-educativos-de-aragon

  • Las Imágenes de los recuadros pertenecen banco de imágenes shutterstock.

  • Los recuadros de las imágenes tienen enlaces que van a otras subpáginas.

  • Explicación del proceso de escolarización después de los destacados de imágenes.

URL: https://www.aragon.es/-/europe-direct-aragon

  • En el cuerpo, las Imágenes de los recuadros pertenecen banco de imágenes shutterstock y fotografía realizada por Europe Direct de sus instalaciones.

  • Los recuadros de las imágenes tienen enlaces y van a otras subpáginas.

URL: https://www.aragon.es/-/informacion-de-la-situacion-de-la-economia-de-aragon

  • En el cuerpo, las Imágenes de los recuadros pertenecen banco de imágenes shutterstock.

  • Los recuadros de las imágenes tienen enlaces que van a otras subpáginas.

  • Como se puede ver en esta página se pueden poner tantos recuadros como se deseen.

URL: https://www.aragon.es/-/informacion-publica-2

  • En el cuerpo, las Imágenes de los recuadros pertenecen banco de imágenes shutterstock

  • Los enlaces muestran resultados del buscador avanzado con diferentes filtros con temas, palabras en títulos (canteras, minas, abiertos / cerrados, provincias, etc.)

URL: https://www.aragon.es/-/informe-socioeconomico-de-aragon

  • En el cuerpo, párrafo y viñetas preceden a los tres destacados de imágenes.

  • Las Imágenes de los recuadros pertenecen banco de imágenes shutterstock.

  • Los recuadros de las imágenes llevan enlaces a otras subpáginas.

Image Removed

URL: https://www.aragon.es/-/laboratorio-agroambiental-unidades

Menú superior creado conPlantilla Navegación Contenidos.
  • Uso de imagen pequeña con el logotipo junto al título de la página.

  • Las imágenes de los recuadros pertenecen al laboratorio.

  • URL: https://www.aragon.es/-/ayudas-directas-a-autonomos-y-empresas

    • En el cuerpo, en vez de fotografías de Shutterstock, usa iconos con el color corporativo (rojo y amarillo) y tipografía también corporativa (Signika)

    • Uso de los párrafos destacados recuadro naranja y amarillo.

    Plantilla Contenido final (Preguntas y respuestas)

    Image Removed

    URL: Objetivos de Desarrollo Sostenible en Aragón. 1. Fin de la pobreza

  • En el cuerpo, las preguntas se pliegan y despliegan una a una. Si se abre uno, se cierra otra que previamente hayas abierto.

  • Menú inferior usando la “Galería de contenidos” (para volver a la página de inicio anterior, donde están los 1.

    URL: https://www.aragon.es/-/admision-y-matricula.-educacion-infantil-y-primaria

    • En el cuerpo, las preguntas se pliegan y despliegan una a una. Si se abre uno, se cierra otra que previamente hayas abierto.

    • Esta es una subpágina de la página Agregadora mencionada anteriormente “Escolarización…”. Cada fotografía de la página, llevan a una página similar a esta las cuales están estructuradas con unos apartados similares.