Disseny plantilla EPSEVG v1.0 29/04/2019

2019

ELEMENTS MODIFICATS I NOUS WWW.EPSEVG.UPC.EDU SERVEIS TIC CAMPUS UPC VILANOVA

1

Aquest document compte un recull d’elements modificats de la plantilla “Clean theme” del Genweb, així com nous elements afegits amb el CSS EPSEVG.

En general, s'ha realitzat una feina d'adaptació a un estil més proper al disseny UPC.EDU.

Per regla general s'ha modificat el tipus de font, color, mida i interlineat:

• Tipus de lletra: "Roboto" • Interlineat: 1.45em • Color: #636363 • Mida de lletra: 16px

Hem incorporat nous elements de plantilla al Genweb de l’EPSEVG:

Podeu veure exemples d’aquests estils a la pàgina web

https://www.epsevg.upc.edu/ca/escola/estils-genweb-epsevg

2

Aixó ens permet fer un ús i gestió es més àgil i fàcil, per tots els usuaris gestors del Genweb.

A continuació presentem els elements nous i modificats de la plantilla EPSEVG, acompanyats d’una URL per una millor contextualització

1 - ELEMENTS MODIFICATS PLANTILLA CLEAN THEME 1.1 - Imatge amb títol i descripció

url: https://www.epsevg.upc.edu/ca

3

1.2 – Paràgraf amb títol

url: https://www.epsevg.upc.edu/ca/escola/qualitat/bustia-de-suggeriments

1.3 – Thumbnail amb títol i descripció

url: https://www.epsevg.upc.edu/ca/escola

4

1.4 - Finestra modal

url: https://www.epsevg.upc.edu/ca/escola/vida-universitaria

1.5 – Acordió

Elements modificats <div> i <a>. Afegit element gràfic a l’inici de l’opció

url: https://www.epsevg.upc.edu/ca/estudis/grau-en-enginyeria-informatica

5

1.6 – Frase destacada

url: https://www.epsevg.upc.edu/ca

1.7 – Llistat

6

1.8 – Llistat amb subllista d’opcions

url: https://www.epsevg.upc.edu/ca/empresa-i-recerca/practiques-externes-estudiants

1.9 – Imatge amb llistat d’opcions

url: https://www.epsevg.upc.edu/ca/internacional

7

1.10 – Formulari

url: https://www.epsevg.upc.edu/ca/estudis/grau-en-enginyeria-informatica

8

2 - NOUS ELEMENTS PLANTILLA EPSEVG 2.1 – Botons (estil UPC)

url: https://www.epsevg.upc.edu/ca/curs-actual

url: https://www.epsevg.upc.edu/ca/empresa-i-recerca

2.2 – Banners de text (estil UPC)

url: https://www.epsevg.upc.edu/ca/curs-actual

url: https://www.epsevg.upc.edu/ca/actes/acte-de-graduacio/inscripcio

9

2.3 – Dades numèriques (estil UPC)

url: https://www.epsevg.upc.edu/ca/estudis

2.4 – Caixa amb llista (estil UPC)

url: https://www.epsevg.upc.edu/ca/futurs-estudiants/com-pots-coneixer-el-campus/

2.5 – Graella imatges

url: https://www.epsevg.upc.edu/ca/face2face

2.6 – Contacta amb nosaltres

10

Element que publiquem abaix de cada pàgina amb el servei / àrea responsable

url: https://www.epsevg.upc.edu/ca/curs-actual

2.7 – Llistat Opcions amb lletres (estil UPC)

url: https://www.epsevg.upc.edu/ca/curs-actual

2.8 – Informació destacada amb imatge o vídeo (estil UPC)

11

url: https://www.epsevg.upc.edu/ca/empresa-i-recerca

12

2.9 – Botons inferiors en vista mòbil

Visitar la web des de dispositiu mòbil

url: https://www.epsevg.upc.edu/ca (Inscripció portes obertes)

url: https://www.epsevg.upc.edu/ca/estudis/grau-en-enginyeria-informatica (info estudis de graus)