VADEMECUM SITO INTERNET POGGIO TORRIANA INDICE: 1 HOMEPAGE 1.1 Struttura dell'homepage 1.2 Caricamento news/comunicati stampa in homepage 1.3 Caricare/pubblicare immagini 1.4 Caricare i banner 1.5 Banner e piè di pagina 1.6 Google analytics 2 GESTIONE NEWS 3 GESTIONE EVENTI 4 GESTIONE LINK 5 BOTTONI IN HOMEPAGE 6 PRIMO PIANO 7 SERVIZI ON LINE 8 DIFENSORE CIVICO 9 PRESENTAZIONE URP 10 SLIDER 10.1 Misure dei banner 10.2 Creazione del banner 10.3 Individuare il numero del banner 10.4 Banner in homepage 10.5 Banner nel primo piano 10.6 Banner in manifestazioni ed eventi 10.7 Banner nella colonna delle brevi 10.8 Caricare un video 11 STATISTICHE 12 ARGOMENTI 13 GESTIONE MENÙ 14 IL COMUNE 15 LE PERSONE 16 I GRUPPI 17 LA GIUNTA 18 IL CONSIGLIO 19 LE COMMISSIONI 1
20 RUOLI 21 DIPENDENTI 22 SETTORI/AREE 23 SERVIZI 24 UFFICI 25 SCHEDE SERVIZI 26 COMUNICATI STAMPA 27 BASE DOCUMENTALE 2
1. HOMEPAGE 1.1 Struttura dell'homepage Parametri 1 tabella esterna (contiene la tabella delle news e delle brevi): Parametri tabella delle news: 1 Per vedere i parametri selezionare la tabella e, con il tasto destro, cliccare su Proprietà tabella (table properties). Il numero di righe nella tabella delle news e delle brevi è variabile. 3
Parametri tabella delle brevi: 1.2 Caricamento news/comunicati stampa in homepage La procedura per il caricamento nella sezione news della homepage è simile a quella del vecchio sito: 1. Posizionarsi sulla riga bianca sotto quella di intestazione ( NEWS ) inserire 2 righe nella tabella (insert row after/before); 2. Nella riga subito sopra la precedente news inserire la linea orizzontale (penultimo tasto, seconda riga dei bottoni dell'editor). Apparirà una finestra nella quale basta cliccare su insert, e la linea prenderà in automatico le misure della riga. 3. Scrivere il titolo e il sottotitolo della news e inserire, selezionando il titolo, il link al comunicato stampa 2 cliccando l'icona dell'editor 4. Formattare titolo e sottotitolo: il titolo sarà verdana, grassetto, 1.2em mentre il sottotitolo sarà verdana, 1.0em. Allineare tutto il testo a sinistra. La procedura del caricamento nella sezione brevi è la stessa del vecchio sito, l'unica differenza sta nel fatto che è necessario specificare l'allineamento del testo, altrimenti si allinea automaticamente a destra (anziché a sinistra). Con la nuova funzione insert row before (inserisci riga prima di quella selezionata) è possibile inserire una riga nuova subito sotto all'intestazione BREVI già uguale a quelle precedenti (non c'è più bisogno di andare a modificare il colore dello sfondo della riga, che con questa funzione, prende quello già corretto della riga sotto). 2 IMPORTANTE: per il rispetto delle nuove norme sull'accessibilità è necessario, nella finestra in cui si inserisce l'url, anche il titolo. Ad esempio in questo caso si scrive vai al comunicato stampa o vai alla news o vai alla notizia. 4
sito: Caricamento nuova riga con insert row after (cliccando dalla riga BREVI ) come il vecchio Caricamento nuova riga con insert row before (cliccando sulla riga della news): 1.3 Caricare/pubblicare immagini Per pubblicare le immagini cliccare sull'icona dell'editor con l'albero e cliccare sull'icona di image url. Si aprirà una finestra con tutte le immagini già caricate, e classificate in cartelle e sottocartelle, fra le quali si potrà selezionare quella desiderata. Si può caricare una nuova immagine nel server attraverso i comandi in alto 3. Per caricare l'immagine in una determinata cartella del server è necessario, prima entrare nella cartella e poi caricare l'immagine utilizzano i comandi in alto alla finestra. Una volta selezionata l'immagine occorre compilare il campo image description (descrizione dell'immagine) per le regole di accessibilità: si può ad esempio scrivere foto del Mulino Sapignoli. Sempre all'interno della finestra di pubblicazione dell'immagine, cliccando in alto sulla cartella appearence, è necessario indicare la dimensione (di norma dai 100 ai 120 pixel), la distanza dal testo e il bordo (verticale 2, orizzontale 2, bordo 0) e l'allineamento (di norma a destra o a sinistra). Cliccando insert l'immagine viene pubblicata. Nota: L'immagine prende in automatico il link del titolo. Per problemi di compatibilità, alcuni browser visualizzano l'immagine linkata con un bordo. Per questo occorre, una volta inserita, togliere il link all'immagine selezionandola e cliccando l'icona elimina link. 1.4 Caricare i banner Vai alla sezione dei banner (SLIDER). Anche le immagini della testata si caricano dalla sezione banner. 3 Le immagini caricate sul sito non devono essere pesanti. Di solito devono essere ridotte ad una dimensione di 300-400 pixel. Per ridurre l'immagine basta aprirla con photofiltre o altri programmi di editor immagini e modificare le dimensioni manualmente. Per la tabella delle brevi le immagini dovrebbero essere ancora più piccole (150-200 pixel). 5
1.5 Banner e piè di pagina Il footer del sito (sede, telefono, mail, ecc.) è modificabile ed editabile come un semplice campo di testo. Il banner indicato fa riferimento a quello della testata. Per maggiori informazioni vai al paragrafo 10 (SLIDER). 1.6 Google analytics È predisposto il servizio di analisi delle visite al sito offerto da Google.?????????????? 2. GESTIONE NEWS Per caricare una news cliccare gestione news, quindi su aggiungi news. Nella scheda dettaglio news che si aprirà è necessario inserire la data (cliccando sull'icona del calendario), il titolo e il testo, formattato sempre in verdana 1em. 3. GESTIONE EVENTI Per caricare un evento (che sarà inserito nella sezione Manifestazioni ed eventi ) cliccare su gestione eventi, quindi su aggiungi un evento. Nella scheda dettaglio evento è possibile inserire l'evento compilando i campi (quelli relativi alle date devono essere compilati sempre cliccando sull'icona del calendario). All'interno della sezione eventi è possibile anche caricare un banner (la cui posizione, nella parte pubblica, è a sinistra dell'elenco degli eventi) inserendo il numero di banner. Per individuare il numero di banner vai alla paragrafo dedicato ai banner (10. SLIDER). Anche in questo caso è possibile ordinare gli eventi, ma è sconsigliato perché il sistema li ordina già cronologicamente. 4. GESTIONE LINK La gestione link riguarda la sezione della homepage link istituzionali. Per caricare un link è necessario accedere alla sezione gestione link e cliccare su aggiungi un link. Nella finestra dettaglio link si deve indicare l'ente a cui il sito fa riferimento (es. Agenzia delle Entrate), inserire l'url del sito e specificare il titolo del link per le regole di accessibilità (ad esempio: vai al sito 6
dell'agenzia delle entrate). I link istituzionali si possono anche ordinare a piacimento inserendo il numero nella casella ordine della finestra dettaglio link 4. Diversamente i link saranno ordinati alfabeticamente (situazione di norma preferita). Nella gestione link è inoltre possibile cancellare i link o modificarli (cliccando le icone rispettivamente a destra e sinistra del nome del link). È inoltre possibile togliere il link dall'homepage senza cancellarlo, togliendo la spunta nella casella homepage all'interno del dettaglio del singolo link (a cui si accede cliccando sull'icona modifica). 5. BOTTONI IN HOMEPAGE I bottoni in homepage sono i link nella prima colonna a sinistra (sotto la guida ai servizi e al bottone dello Spun). Per caricare i bottoni accedere alla sezione bottoni in homepage e cliccare su aggiungi pulsante. Compilare i campi etichetta (titolo del link, es: biblioteca comunale), url (inserire il link), e titolo (per le norme sull'accessibilità, es: vai al sito/pagina della biblioteca comunale). Anche in questo caso è possibile ordinare i bottoni (assegnando il numero 0 il bottone sarà posizionato per primo, ecc.). È infine possibile cambiare il colore di sfondo e testo dei bottoni cliccando rispettivamente sulla prima e la seconda icona in fondo alla scheda ( ). Per togliere il bottone il homepage senza cancellarlo basta entrare nella scheda del bottone (cliccando l'icona a fianco del titolo) e togliere la spunta ala voce homepage. 6. PRIMO PIANO Nella sezione primo piano sono caricate immagini e link a schede/siti turistici e culturali. Per caricare un nuovo link cliccare su primo piano e su aggiungi. Quindi compilare i campi etichetta (nome), URL, titolo (es: vai al sito del Castello di Montebello) e caricare un'immagine. L'immagine deve essere di 90 pixel. Nella sezione primo piano è inoltre possibile caricare un banner (larghezza: 140 pixel). Per individuare il numero di banner vai alla paragrafo dedicato ai banner (SLIDER). 7. SERVIZI ON LINE È una semplice scheda di testo con l'editor. 4 Se si mette il numero 0 il link sarà in prima posizione, con il numero 1 il link sarà in seconda posizione e così via. Per creare un ordine diverso da quello alfabetico è necessario quindi assegnare un numero a ciascun link. 7
8. DIFENSORE CIVICO È una semplice scheda di testo con l'editor. 9. PRESENTAZIONE URP È una semplice scheda di testo con l'editor. È necessario inserire le funzioni, i riferimenti, gli orari e il personale dell'urp. 10. SLIDER Il bottone slider permette di accedere alla sezione dedicata ai banner. 10.1 Misure dei banner Posizione Banner Larghezza (width) Altezza (height) Colonna delle brevi 260 pixel A scelta/proporzione Homepage/testata 800 pixel 100 pixel Manifestazioni ed eventi 260 pixel 100 pixel 5 Primo piano 195 pixel A scelta/proporzione 10.2 Creazione del banner Per creare un nuovo banner accedere alla sezione slider e cliccare su crea un nuovo banner: si aprirà una finestra di avviso che segnala l'avvenuta creazione del nuovo banner. Cliccare quindi alla voce nuovo banner nell'elenco a sinistra e compilare i campi richiesti: titolo, larghezza, altezza, e (dove presente) spuntare la voce link e inserire l'url. Procedere poi al caricamento delle immagini cliccando su scegli fine, quindi su carica. Una volta terminato il banner è possibile pubblicarlo nelle diverse sezioni: il banner in homepage, nelle sezioni primo piano e manifestazioni ed eventi richiedono l'inserimento del numero di banner (vedi paragrafo 10.3) mentre i banner nella colonna delle brevi richiedono il codice flash che si ottiene, sempre dalla sezione banner, cliccando sul banner che si vuole creare, quindi su visualizza codice flash. 5 Se il banner che si vuole fare è di altezza minore, è necessario inserire una banda bianca sotto le immagini fino a raggiungere l'altezza di 100 pixel. Es: se le immagini sono alte 80 pixel si deve inserire sotto ciascuna uno spazio bianco di 20 pixel. 8
10.3 Individuare il numero del banner Per individuare il numero di banner è necessario accedere alla sezione slider, cliccare sul banner che si vuole utilizzare. Nell'url del banner (la stringa con l'indirizzo http in alto alla pagina), l'ultima informazione è il numero di banner, ad esempio: Se l'url è http://poggiotorriana.adhoc.net/admin/slider/modban.aspx?id=6, il numero del banner è 6. 10.4 Banner in homepage Per inserire i banner in homepage è necessario indicare il numero di banner (paragrafo 10.3) nella parte dedicata a banner e piè di pagina (in fondo alla homepage). 10.5 Banner nel primo piano Per inserire il banner nel primo piano andare nella sezione primo piano e cliccare sul bottone aggiungi. Compilare il campo etichetta e titolo 6, quindi spuntare la casella banner e inserire il numero di banner desiderato (paragrafo 10.3) e salvare. Con la numerazione alla casella ordine, è inoltre possibile inserire il banner nella posizione desiderata. 10.6 Banner in manifestazioni ed eventi Per inserire il banner nella sezione manifestazioni ed eventi (si visualizzerà a sinistra dell'elenco eventi) cliccare su gestione eventi, spuntare la casella banner, inserire il numero di banner desiderato(paragrafo 10.3) e salvare. 6 Il campo URL deve essere compilato solo nel caso in cui non sia stato indicato alcun url durante la creazione del banner nella sezioni slider. É comunque consigliabile inserire l'url durante la fase di creazione del banner, in modo tale che esso risulti già completo di tutti gli elementi. 9
10.7 Banner nella colonna delle brevi Per inserire un banner nella colonna delle brevi, creare una riga vuota, posizionarsi all'interno della riga e cliccare sull'icona media. Nella finestra che si apre cliccare sulla scheda source e incollare il codice flash del banner (che si ottiene nella sezione slider, cliccando su visualizza codice flash come descritto al paragrafo 10.2). Cliccare infine su insert. 10.8 Caricare un video Attraverso l'icona media contenuta in tutti gli editor di testo del sito è possibile anche pubblicare un video. Alla finestra che appare è necessario cliccare l'icona browse a destra della casella file/url. Quindi è possibile selezionare un video già presente sul server o caricarne uno nuovo cliccando su sfoglia. 11. STATISTICHE 12. ARGOMENTI Sono gli argomenti della guida ai servizi, per aggiungere, cancellare o modificare basta cliccare le relative icone. 13. GESTIONE MENÙ È la sezione dedicata al menù a tendina subito sotto la testata. 14. IL COMUNE 15. LE PERSONE 16. I GRUPPI 17. LA GIUNTA 18. IL CONSIGLIO 19. LE COMMISSIONI 20. RUOLI 21. DIPENDENTI 22. SETTORI/AREE 23. SERVIZI 24. UFFICI 25. SCHEDE SERVIZI 26. COMUNICATI STAMPA 27. BASE DOCUMENTALE 10