Istruzioni per la modifica del template di profilo personale

Transcript

1 Istruzioni per la modifica del template di profilo personale per qualsiasi informazione: Breve presentazione del progetto Il template fornito per la nuova proposta di profilo personale utilizza i linguaggi HTML5 e Javascript (Jquery), uniti ai fogli di stile CSS, in modo da ottenere la separazione dei contenuti dalla loro presentazione grafica. Al momento della consegna del template, i relativi codici sono tutti validati secondo gli standard del World Wide Web Consortium (W3C) e garantiscono il rispetto di alcuni dei fondamentali principi in campo di usabilità ed accessibilità web. Il template è concepito in ottica di design responsivo, capace cioè di adattarsi alla fruizione su differenti dispositivi. Avviso importante! Al fine del raggiungimento di una certa conformità e coerenza nell immagine coordinata relativa ai profili afferenti al dipartimento di informatica, si consiglia caldamente di non modificare la struttura e il look & feel delle pagine. Le voci di menu presenti e i contenuti sono invece liberamente modificabili.

2 Istruzioni per la modifica della lingua del sito Al fine di ottenere una migliore conformità nella validazione dei codici ed un corretto posizionamento delle pagine sui motori di ricerca, si consiglia di modificare la sigla della lingua utilizzata per i contenuti del proprio profilo. Di default, il template è impostato in previsione di pagine scritte in lingua inglese. Questa scelta è modificabile sostituendo la proprietà en dell attributo lang nelle prime quattro righe di codice di ogni pagina con la più corretta proprietà it. Di conseguenza, anche le frasi e i contenuti ora in italiano (necessari al fine di comprendere la tipologia di informazioni richieste in ogni pagina) saranno da tradurre. Istruzioni per la modifica delle singole sezioni Homepage: Informazioni personali presenti nell intestazione (la decisione di quali mostrare o meno è libera, il template suggerisce quelle che si presumono più utili/diffuse) Fotografia (possibilmente 170 x 220 px, da salvare nella cartella img formati consigliati.jpg e.png) Breve biografia Predisposizione di una versione del CV in PDF (italiano/inglese o in entrambe le lingue)

3 Teaching: Il numero e la natura delle TAB che costituiscono la pagina sono liberamente configurabili. Si consiglia di lasciare come prima voce aperta quella dei corsi attivi nell Anno Accademico in corso e di utilizzare le altre voci nell eventualità di fornire alcune informazioni aggiuntive e di dettaglio su singoli corsi. Research: Modificare, se necessario, il codice del settore scientifico disciplinare di attività Fornire una descrizione (breve o più dettagliata) del proprio ambito di ricerca, dei propri interessi scientifici ecc Inserire il nome dei progetti a cui si partecipa fornendo per ognuno, se possibile, il collegamento alla pagina della descrizione del progetto stesso presente sul sito di dipartimento Publications: Il numero e la natura delle TAB che costituiscono la pagina sono liberamente configurabili. Collaborations: Sezione completamente modificabile, salva l indicazione dei parametri di base indicati (posizione periodo nome organizzazione), al fine di pubblicizzare la propria attività lavorativa/di ricerca al di fuori dell ambito accademico.

4 News: Sezione completamente modificabile, salva l indicazione dei parametri di base indicati (gg/mm/aaaa testo della notizia), al fine di sponsorizzare eventuali avvisi, notizie o eventi particolari. Sitemap: Adeguamento della Mappa del sito alle voci di menu di navigazione e dei contenuti interni utilizzati (nomi associati alle singole TAB) Modifica dei collegamenti interni per la navigazione fra le pagine Accessibilità: Modifica della Accesskey [1] con il proprio N. Cognome Modifica delle Accesskey (dalla 4 in avanti) in caso di modifica delle voci di menu principali. Istruzioni per la modifica delle informazioni presenti nel footer Dati personali: Per la modifica di Nome, Cognome e numero di Telefono presenti nel piè di pagina: 1. Aprire il file js/scripts.js 2. Nella sezione // inclusione dati footer, inserire i propri dati aggiornati 3. Salvare il file scripts.js 4. Accertarsi che nelle pagine sia stata applicata le modifica desiderata

5 Indirizzo mail: La generazione dell indirizzo (presente nell intestazione dell Homepage e nel footer di ogni pagina) è sottoposta ad un semplice meccanismo di cifratura in maniera da evitare la ricezione di spam. Per inserire il proprio indirizzo in maniera automatica: 1. Aprire il file js/scripts.js 2. Collegarsi al sito: 3. Inserire nell area di testo il proprio indirizzo 4. Cliccare su Cypher 5. Copiare il codice generato ed incollarlo all interno del file scripts.js, tra le virgolette dell apposita sezione di codice cifratura mail ROT13 6. Salvare il file scripts.js 7. Accertarsi che nelle pagine sia stato applicato l aggiornamento Istruzioni per la modifica delle voci di menu e dei metatag Ai fini di una migliore indicizzazione sui motori di ricerca, sono stati previsti dei tag utili a tale scopo. Le informazioni da modificare sono: <title> con il proprio Nome e Cognome <meta name= description > con il proprio Nome, Cognome e Ruolo <meta name= keywords > con il proprio Nome e Cognome N. Cognome nella prima voce di menu di navigazione di ogni pagina e relativo title del link Homepage di Nome Cognome Altre voci di menu (secondo necessità)

6 Nel caso si verificassero problemi di layout della barra dei menu al momento dell inserimento del proprio N. Cognome o di voci di menu diverse da quelle già fornite, potete contattare direttamente elisa.pecoraro@di.unito.it per le istruzioni su come agire sul foglio di stile style_personal.css o modificarlo autonomamente agendo sulle proprietà padding (indicante lo spazio tra le voci di menu). Come si può constatare aprendo il file style_personal.css, sono presenti 4 differenti punti di modifica: questo perché, essendo il template progettato per adattarsi a differenti dispositivi di fruizione, anche la barra di navigazione deve potersi adeguare allo spazio di schermo disponibile. In linea di massima, più saranno le voci di menu utilizzate, minore dovrà essere il valore del padding. Consiglio: si suggerisce comunque di non eccedere nel numero delle voci di navigazione e di utilizzare per esse delle etichette appropriate allo scopo del contenuto cui punteranno. Per avere un idea della resa grafica della barra dei menu alle diverse risoluzioni basterà ridimensionare la finestra del proprio browser.