MANUALE OPERATORE CMS ASMENET 2.0 Pag. 1 di 46
INDICE Termini e definizioni... pag. 3 Introduzione... pag. 4 Descrizione generale e accesso al back office... pag. 5 1 Gestione della pagina... pag. 6 1.1 Definizione dei blocchi... pag. 7 1.2 Inserimento foto e configurazione dei blocchi... pag. 7 1.2.1 Blocco Testo... pag. 8 1.2.2 Blocco Menu Automatico... pag. 15 1.2.3 Blocco Menu Utente... pag. 16 1.2.4 Blocco Path... pag. 17 1.2.5 Blocco Menu Libero... pag. 18 1.2.6 Blocco Feed Reader... pag. 20 1.2.7 Blocco Notiziario... pag. 21 1.2.8 Blocco IFrame... pag. 23 1.2.9 Blocco Ricerca nel sito... pag. 24 1.2.10 Blocco Galleria Fotografica... pag. 24 1.3 Spostamento dei blocchi... pag. 26 1.4 Eliminazione dei blocchi... pag. 27 2 Gestione della Barra dei Comandi... pag. 28 2.1 Comando Writers... pag. 29 2.2 Comando Pagine... pag. 29 2.3 Comando Oggetti... pag. 31 2.4 Comando Immagini... pag. 33 2.5 Comando Stili... pag. 33 2.6 Comando Struttura... pag. 35 2.7 Comando Utenti... pag. 36 2.8 Comando Impostazioni... pag. 43 2.9 Comando Info... pag. 43 2.10 Comando Logout... pag. 44 Pag. 2 di 46
TERMINI E DEFINIZIONI Termine CMS CSS URL RSS Definizione Content Management System Cascade Style Sheet Uniform Resource Locator RDF Site Summary ed anche Really Simple Syndication - formato per la distribuzione di contenuti Web Pag. 3 di 46
INTRODUZIONE Questo manuale è rivolto agli operatori degli Enti e presenta le più importanti funzionalità del CMS Asmenet 2.0. Il Content Management System è il sistema di gestione automatica dei contenuti, ovvero uno strumento che consente l aggiornamento dei nuovi siti internet comunali in maniera semplice e intuitiva, attraverso un interfaccia che ogni utente di Windows è in grado di utilizzare senza alcuna difficoltà. In questo modo, gestire il sito comunale per farne uno strumento di erogazione dei servizi, di trasparenza e partecipazione democratica non sarà vincolato a ulteriori carichi di lavoro per i dipendenti comunali. Il CMS Asmenet 2.0 è open-source e, quindi, è fornito con licenza d uso gratuita ai Comuni associati al CST Asmenet Campania. Il CMS è uno strumento estremamente flessibile, in grado di consentire la completa personalizzazione, grafica e di contenuti, da parte dell utente. Una delle sue caratteristiche più interessanti consiste nella possibilità di operare gli inserimenti e le modifiche del sito web direttamente sulla pagina che ci interessa. Ciò significa controllare le azioni che si stanno compiendo, avere l anteprima del risultato e pubblicare le modifiche in maniera sicura. Alla fine di questo documento troverete due pagine, lasciate intenzionalmente in bianco, dedicate alle segnalazioni che vorrete inviarci in modo che, insieme, possiamo contribuire a rendere questo manuale sempre più completo ed esaustivo. Per ogni ulteriore informazione o esigenze specifiche non predisposte, ma che la flessibilità del CMS può consentire, contattate il nostro staff ((N. Verde 800-180090, posta@asmenet.it). Buon lavoro a tutti! Pag. 4 di 46
DESCRIZIONE GENERALE E ACCESSO AL BACK OFFICE La gestione del sito si divide in due parti principali: la GESTIONE DELLA PAGINA, in cui sono presentate le funzioni che vi consentiranno di operare all interno delle pagine attraverso il corretto utilizzo dei blocchi; la GESTIONE DELLA BARRA DEI COMANDI, ovvero tutte le funzioni riguardanti l inserimento di bandi, materiali e pagine nel sito, nonché la scelta delle vesti grafiche e la configurazione degli operatori. Per operare sul sito è necessario accedere alla modalità di modifica del sito selezionando il tasto di funzione F2. Appare la maschera illustrata nella Figura 1 Figura 1 - Login Operatori A questo punto inserire user e password per accedere all Amministrazione. Quando si è in modalità di modifica (tasto funzionale F2) in alto apparirà la barra con i vari comandi disponibili: Figura 2 - Barra dei Comandi Inoltre in alto a sinistra di ogni colonna della struttura del sito apparirà l icona di una graffetta Pag. 5 di 46
GESTIONE DELLA PAGINA 1 GESTIONE DELLA PAGINA Il vostro sito internet è l insieme di parti diverse tra loro sia per quanto riguarda la grafica che le funzionalità. Nella parte superiore vi è l header (o testata), in cui troverete un elemento grafico con alcune immagini ed il nome del vostro comune. Nella parte sottostante vi sono invece le colonne, (generalmente tre o due), che sono a loro volta composte da blocchi. HEADER BLOCCHI COLONNA SX COLONNA CENTRALE COLONNA DX Figura 1 Il sito internet: header, colonne e blocchi In questa sezione scopriremo come gestire i blocchi per rendere il sito semplice e funzionale. Pag. 6 di 46
GESTIONE DELLA PAGINA 1.1 Definizione dei blocchi All interno delle colonne si possono inserire diversi tipi di blocchi a cui corrispondono i vari servizi che si vogliono offrire. I tipi di blocco disponibili sono i seguenti: Testo - Blocco semplice di testo Menu automatico - Crea un menu in base alla struttura del sito Menu utente - Menu che ogni utente può personalizzare Path (barra del percorso) - Visualizza la barra del percorso all interno del sito Menu libero - Questo strumento permette di inserire dei menu con link personalizzati Feed Reader - Permette di leggere un feed RSS Notiziario - Permette di gestire delle news personali IFrame - Permette di caricare all'interno di un blocco il contenuto di un link esterno al sito Elenco Bandi Permette di visualizzare l elenco dei bandi presenti in archivio Elenco Concorsi - Permette di visualizzare l elenco dei concorsi presenti in archivio Elenco Delibere - Permette di visualizzare l elenco delle delibere presenti in archivio Calcolo ICI Permette il calcolo ICI da parte dell utente Calcolo TARSU - Permette il calcolo TARSU da parte dell utente Calcolo TIA - Permette il calcolo TIA da parte dell utente 1.2 Inserimento e configurazione dei blocchi Cliccando sull icona della <graffetta> l opzione illustrata nella figura, posta in alto a sinistra di ogni colonna, apparirà Figura 2 - Aggiungi blocco Selezionare <aggiungi blocco>. Pag. 7 di 46
GESTIONE DELLA PAGINA Apparirà la seguente pagina in cui selezionare il tipo di blocco Figura 3 - Inserimento nuovo blocco Per inserire il blocco prescelto selezionare il blocco, cliccando sul bottone Questa operazione è valida per inserire qualsiasi tipo di blocco. posto sulla destra. 1.2.1 Tipo blocco Testo Selezionando il blocco Testo è possibile inserire tramite un editor un testo a piacere. La gestione del testo è molto simile a Word. Il testo può contenere immagini e link a URL o a file. Appena inserito, il blocco apparirà in fondo alla colonna in cui è stato inserito, e dovrà essere completato. Il blocco testo appare come di seguito illustrato: 1. Per modificare il titolo basta effettuare un doppio click sulla dicitura <Titolo>. Apparirà la seguente finestra: Qui è possibile inserire il titolo (che deve essere max di 50 caratteri). Pag. 8 di 46
GESTIONE DELLA PAGINA Per salvare il titolo inserito cliccare sul bottone <salva le modifiche>. Apparirà la finestra che evidenzia le modifiche effettuate Per rendere definitive le modifiche selezionare il bottone <salva modifiche> alto a sinistra. in Per vostra sicurezza, verrà richiesta un ulteriore conferma della pubblicazione Figura 3 Conferma di pubblicazione delle modifiche apportate 2. Per inserire il testo basta effettuare un doppio click sulla dicitura <Inserisci qui il testo>: a questo punto apparirà l editor di testo Figura 4 - Editor di testo Inserire il testo desiderato come se stesse usando Word. Una volta inserito il testo, cliccare sul bottone <salva le modifiche> in alto a sinistra della maschera dell editor. Apparirà la finestra che evidenzia le modifiche effettuate Pag. 9 di 46
GESTIONE DELLA PAGINA Per rendere definitive le modifiche selezionare il bottone <salva modifiche> in alto a sinistra. Verrà richiesta un ulteriore conferma della pubblicazione: Vediamo le principali funzioni messe a disposizione dall editor di testo: Massimizza l area dell editor: permette di ingrandire lo schermo Collegamenti: permettono la gestione dei collegamenti. Inserisci/modifica immagine: permette la gestione delle immagini Inserisci/modifica tabella: permette la gestione delle tabelle Gestione della formattazione: permette di gestire il font, lo stile, la dimensione, il colore, etc Figura 7 - Comandi dell editor Pag. 10 di 46
GESTIONE DELLA PAGINA Come inserire un immagine nel testo Per inserire un immagine nel testo selezionare il bottone Apparirà la seguente finestra: <inserisci/modica immagine>. Figura 8 - Inserimento immagine Qui è possibile inserire le proprietà dell immagine e un <Testo alternativo>, cioè un commento che spieghi il contenuto dell immagine. Quest ultimo è un contenuto obbligatorio in base alla recente normativa sull accessibilità. Per inserire l immagine selezionare il tasto <cerca sul server>. Apparirà la seguente finestra che mostra le immagini caricate sul server: Figura 9 - Immagini Pag. 11 di 46
GESTIONE DELLA PAGINA Se l immagine non è già presente sul server selezionare il file attraverso il bottone <carica file>, posto in alto a destra. Una volta selezionato, caricarlo attraverso il bottone <sfoglia> e successivamente scegliere <carica immagine> Inserire nel testo un collegamento a una Url o ad un file Per inserire un collegamento nel testo basta selezionare una parola (diventa di colore blu), una riga di testo oppure un immagine e poi selezionare il bottone <inserisci/modica collegamento>. Apparirà la seguente finestra: Figura 10 - Inserimento Url In questa finestra va inserito nella casella URL l indirizzo internet a cui si desidera collegare l elemento selezionato. Pag. 12 di 46
GESTIONE DELLA PAGINA E possibile anche fare un collegamento a un file precedentemente caricato nella struttura del sito. Cliccando sul bottone <cerca sul server>, dopo aver selezionato <altro> dal menù a tendina <Protocollo> come evidenziato nella figura sotto riportata: Figura 11 - Collegamento file Si aprirà a questo punto una finestra con la struttura del sito: Figura 12 Scelta del link Pag. 13 di 46
GESTIONE DELLA PAGINA Per scegliere l oggetto da linkare, è sufficiente cliccarci sopra. Si aprirà a questo punto di nuovo la finestra della Figura 11 e si clicca su OK. Se il file non è stato caricato sul server, l operazione da seguire è la seguente: dalla finestra ad albero come in Figura 12, posizionarsi sulla pagina o cartella in cui si vuole caricare il file e cliccare il tasto destro. Apparirà la seguente finestra: Figura 13 - Comandi dell albero Selezionare e scegliere dal proprio computer il file da caricare sul server mediante il bottone <sfoglia>. Nota Bene: L organizzazione dei file caricati sul sito può seguire due differenti logiche: tutti i file possono essere caricati in un unico punto ogni file viene caricato all interno della pagina del sito in cui viene visualizzata Impostazioni del Blocco di Testo Per modificare le impostazioni del blocco Testo basta, posizionandosi sul blocco, cliccare il tasto destro del mouse. Apparirà la finestra di gestione del blocco. Figura 14- Gestione del blocco Pag. 14 di 46
Selezionando Modifica impostazioni, apparirà la seguente finestra: GESTIONE DELLA PAGINA Figura 15 - Configurazione del blocco testo Le opzioni sono di seguito descritte: Mostra blocco permette di definire se il blocco deve essere visibile in tutto il sito in questa pagina e sottopagine dell albero di struttura solo in questa pagina Mostra titolo permette di definire se il titolo deve essere o meno visibile Mostra data permette di definire se deve essere o meno visibile la data di creazione Una volta definite le impostazioni salvare selezionando il bottone <Salva>. 1.2.2 Tipo blocco Menu automatico Il blocco menu automatico permette di visualizzare il menu che si desidera a partire da qualsiasi punto dell albero della struttura (nodo sorgente). Automaticamente il menu viene creato a partire dal punto dell albero in cui si crea lo stesso. Nelle impostazioni del blocco è poi possibile modificare il nodo sorgente. Una volta creato, è necessario configurare il blocco: 1. cliccare due volte sopra la dicitura <Titolo> per inserire, se si desidera un titolo. 2. cliccare il tasto destro del mouse posizionandosi sul Titolo e selezionare Modifica impostazioni. Appare la finestra di gestione delle impostazioni del blocco Figura 16 - Configurazione del blocco menù automatico Le opzioni sono di seguito descritte: Mostra blocco permette di definire se il blocco deve essere visibile in tutto il sito in questa pagina e sottopagine solo in questa pagina Pag. 15 di 46
GESTIONE DELLA PAGINA Mostra titolo permette di definire se il titolo deve essere o meno visibile Nodo sorgente permette di selezionare il nodo da cui deve partire il menu Livelli permette di definire quanti livelli dell albero devono essere visualizzati nel menu Disposizione permette di scegliere se disporre il menù in maniera verticale oppure orizzontale Stile permette di definire lo stile del menu (standard o a tendina) Ordina per permette di definire l ordinamento delle voci di menu (per data di creazione, per titolo o in ordine libero). Se si sceglie l ordine libero, quando si seleziona l opzione di modifica impostazioni appare anche la possibilità di ordinare i link. Figura 17 - Gestione del blocco Selezionando ordina links appare la finestra seguente in cui si può ordinare i links trascinandoli con il mouse. Figura 18 - Ordina links Testo voci permette di definire lo stile che devono avere i links (normale, tutto minuscolo, tutto maiuscolo, prima lettera maiuscola). 1.2.3 Tipo blocco Menu utente Il blocco menu utente permette di inserire all interno del sito una sezione in cui l utente finale può inserire dei link diretti alle sue pagine preferite. Una volta creato, è necessario configurare il blocco: 1. cliccare sopra la dicitura <Titolo> per inserire, se si desidera un titolo. 2. cliccare il tasto destro del mouse posizionandosi sul Titolo e selezionare Modifica impostazioni. Apparirà la finestra di gestione delle impostazioni del blocco: Pag. 16 di 46
GESTIONE DELLA PAGINA Figura 19 - Configurazione del blocco menù utente Le opzioni sono di seguito descritte: Mostra blocco: permette di definire se il blocco deve essere visibile in tutto il sito in questa pagina e sottopagine solo in questa pagina Mostra titolo: permette di definire se il titolo deve essere o meno visibile Numero massimo di link: permette di definire quanti link (da 1 a 9) l utente finale può inserire in questa sezione 1.2.4 Tipo blocco Path Il blocco Path permette di inserire all interno del sito la barra di navigazione. Una volta creato il blocco deve essere configurato: 1. cliccare sopra la dicitura <Titolo> per inserire, se si desidera un titolo. 2. cliccare il tasto destro del mouse posizionandosi sul Titolo e selezionare Modifica impostazioni. Apparirà la finestra di gestione delle impostazioni del blocco: Figura 20 - Configurazione del blocco Path Le opzioni sono di seguito descritte: Mostra blocco: permette di definire se il blocco deve essere visibile in tutto il sito in questa pagina e sottopagine solo in questa pagina Mostra titolo: permette di definire se il titolo deve essere o meno visibile Simbolo divisorio: permette di definire il simbolo divisorio tra le varie voci del percorso di navigazione Pag. 17 di 46
GESTIONE DELLA PAGINA 1.2.5 Tipo blocco Menu libero Il tipo blocco menu libero è un menu con link personalizzati, come nell esempio sotto riportato: Una volta creato, è necessario configurare il blocco: 1. cliccare sulla dicitura <Titolo> per inserire, se lo si desidera, un titolo 2. cliccare il tasto destro del mouse posizionandosi sul Titolo e selezionare Modifica impostazioni. Appare la finestra di gestione delle impostazioni del blocco come in Figura 22. Figura 21 Esempio di menù libero Figura 22 - Gestione del blocco Selezionando <Nuovo link>, apparirà la finestra di gestione del link Inserire: Figura 23- Nuovo link nel campo Nome, il nome che si vuole far apparire nel menù nel campo Url, l indirizzo completo del link oppure, se si desidera linkare a una pagina del portale, cliccare su e scegliere la pagina da linkare nell albero di struttura del sito nelle opzioni Apri in scegliere: Questa pagina, se si vuole che il link venga aperto nella stessa pagina Nuova pagina, se si vuole che il link venga aperto in una nuova pagina. Pag. 18 di 46
Questa ultima opzione è vivamente sconsigliata in quanto contrasta con la normativa sull accessibilità dei portali della P.A. Ripetere l operazione per ogni link che si vuole inserire nel menu. GESTIONE DELLA PAGINA Per eliminare dei link: Per eliminare un link selezionare nella finestra di gestione del blocco (v. Figura 26) l opzione <rimuovi link>, appare la seguente finestra Figura 24 - Rimuovi link selezionare il link che si vuole rimuovere e premere il bottone <rimuovi>, il link selezionato verrà eliminato. Per modificare dei link: Per modificare un link basta cliccare sul link e apparirà la seguente finestra: Apportare le modifiche desiderate e salvare. Figura 25 - Modifica link Per cambiare l ordine dei link: E inoltre possibile modificare l ordine dei link. Basta cliccare il tasto destro del mouse posizionandosi sulla dicitura <Titolo>. Apparsa la finestra di gestione del blocco, selezionare <Modifica impostazioni>. Apparirà la finestra di impostazione del blocco: Figura 26 - Configurazione del blocco menù libero Scegliendo in Ordina per: l opzione libero, sarà possibile definire l ordine dei link. Se si sceglie l ordinamento libero, sarà necessario ordinare i link. Pag. 19 di 46
GESTIONE DELLA PAGINA Figura 27 - Gestione del blocco Selezionando Ordina links appare una finestra in cui è possibile, trascinandoli con il mouse, spostare i links come si desidera. Figura 28 - Ordina links Una volta definito l ordine, cliccare su OK per salvare le modifiche. Nella configurazione del blocco, come negli altri tipi di blocchi visti, è possibile scegliere: Mostra blocco: permette di definire se il blocco deve essere visibile in tutto il sito in questa pagina e sottopagine solo in questa pagina Mostra titolo: permette di definire se il titolo deve essere o meno visibile 1.2.6 Tipo blocco Feed Reader Il blocco Feed Reader permette di creare un notiziario, aggiornato automaticamente acquisendo le notizie dai principali siti di informazione (ANSA, Repubblica, Corriere della Sera e tutte quelle testate giornalistiche che mettono a disposizione tale servizio). Appena inserito, il blocco Feed Reader appare vuoto. Per completarlo è necessario: 1. cliccare sulla dicitura <Titolo> per inserire, se si desidera, un titolo 2. cliccare il tasto destro del mouse posizionandosi sul blocco. Apparirà la finestra di gestione del blocco, selezionare <Modifica impostazioni> per visualizzare la finestra di gestione delle impostazioni del blocco: Pag. 20 di 46
GESTIONE DELLA PAGINA Figura 29 - Configurazione blocco Feed Reader Le opzioni sono di seguito descritte: Mostra blocco : permette di definire se il blocco deve essere visibile in tutto il sito in questa pagina e sottopagine solo in questa pagina Mostra titolo : permette di definire se il titolo deve essere o meno visibile Url notizie : permette di inserire l indirizzo del sito che fornisce le notizie. Ad esempio: http://www.ansa.it/site/notizie/awnplus/italia/synd/ansait_site_italia_synd_today_idx.x ml (tale indirizzo è fornito dalle testate giornalistiche) Visualizza data : permette di visualizzare a fianco di ogni notizia la data e l ora Visualizza descrizione : permette di visualizzare a fianco di ogni notizia una breve descrizione. Numero notizie : permette di definire il numero massimo di notizie da visualizzare. Aggiorna ogni : permette di definire il tempo di aggiornamento delle notizie. Le opzioni disponibili sono: ogni 15 minuti, 30 minuti, 60 minuti, 2 ore. Titolo automatico : se si seleziona l opzione si il titolo del blocco viene ripreso dal notiziario, ad esempio ANSA.it - Italia News, se si sceglie invece l opzione no si può definire il titolo che si desidera. 1.2.7 Tipo blocco Notiziario Il blocco Notiziario permette di creare una sezione, aggiornata dagli operatori per pubblicare notizie, eventi, comunicati stampa o quant altro, sul sito dell Ente. Appena inserito, il blocco Notiziario appare vuoto. Per completarlo basta: 1. cliccare sopra la dicitura <Titolo> per inserire, se si desidera un titolo al blocco. 2. cliccare il tasto destro del mouse posizionandosi sul blocco. Apparirà la finestra di gestione del blocco nella quale selezionare <Modifica impostazioni>. A questo punto apparirà la finestra di gestione delle impostazioni del blocco come in Figura 30. Pag. 21 di 46
GESTIONE DELLA PAGINA Figura 30 - Configurazione del blocco notiziario Le opzioni sono di seguito descritte: Mostra blocco: permette di definire se il blocco deve essere visibile in tutto il sito in questa pagina e sottopagine solo in questa pagina Mostra titolo: permette di definire se il titolo deve essere o meno visibile Notizia: si può scegliere se rendere visibile il titolo e/o la data di inserimento della notizia. Numero notizie: si deve inserire il numero max di notizie che si vogliono rendere visibili nel blocco contemporaneamente Link archivio notizie: l opzione permette di rendere visibile o meno un link all archivio delle notizie scadute. Definite le impostazioni, si procede all inserimento delle notizie. Cliccare il tasto destro del mouse posizionandosi sul blocco. Apparirà la finestra di gestione del blocco. Selezionare <nuova notizia> per visualizzare la seguente finestra, in cui inserire la notizia: I campi disponibili sono di seguito elencati: Titolo: è il titolo della notizia Figura 31 - Nuova notizia Pag. 22 di 46
GESTIONE DELLA PAGINA Pubblicata il: inserire la data di pubblicazione Scade il: inserire la data di scadenza, o meglio la data in cui si vuole che la notizia non sia più pubblicata nel blocco. Sommario: è una breve descrizione della notizia. E la parte che verrà resa visibile nel blocco. Testo: è il testo completo della notizia che viene visualizzato dagli utenti cliccando sul titolo della notizia Una volta completato l inserimento, cliccare sul bottone Aggiungi in basso a sinistra. Per modificare una notizia, cliccare su Archivio Notizie. Una volta entrati nell Archivio, cliccare sulla notizia che si desidera modificare e procedere con le modifiche nell editor di testo. 1.2.8 Tipo blocco IFrame Il tipo blocco IFrame permette di caricare all'interno del sito una pagina di un sito esterno. Appena viene creato il blocco IFrame appare vuoto, per completarlo si deve: 1. cliccare sulla dicitura <Titolo> per inserire, se si desidera un titolo 2. cliccare il tasto destro del mouse posizionandosi sulla dicitura <Titolo>. Apparirà la finestra di gestione del blocco. Selezionare <modifica impostazioni>per visualizzare la finestra di impostazione del blocco: Figura 32 - Configurazione del blocco IFrame Le opzioni sono di seguito descritte: Mostra blocco: permette di definire se il blocco deve essere visibile in tutto il sito in questa pagina e sottopagine solo in questa pagina Mostra titolo: permette di definire se il titolo deve essere o meno visibile Url da caricare: permette di inserire la URL del frame che si vuole inserire nel blocco Altezza frame (px): permette di definire l altezza (in pixel) che deve avere lo spazio dedicato al frame inserito Bordo: permette di definire se inserire o meno un bordo Barre laterali: permette di definire se inserire le barre laterali per spostarsi sul frame. Una volta definite le impostazioni salvare selezionando il bottone <Salva>. Pag. 23 di 46
GESTIONE DELLA PAGINA 1.2.9 Tipo blocco Ricerca nel sito Il blocco Ricerca nel sito permette di inserire un sistema di ricerca interno al sito. Una volta inserito, il blocco deve essere configurato: cliccando il tasto destro del mouse posizionandosi sul Titolo, selezionare Modifica impostazioni. Apparirà la finestra di gestione delle impostazioni del blocco: Le opzioni sono di seguito descritte: Mostra blocco: permette di definire se il blocco deve essere visibile in tutto il sito in questa pagina e sottopagine solo in questa pagina Mostra titolo: permette di definire se il titolo deve essere o meno visibile Figura 33 Configurazione blocco Ricerca Una volta definite le impostazioni salvare selezionando il bottone <Salva>. 1.2.10 Tipo blocco Galleria fotografica Il blocco Galleria Fotografica consente di inserire nel sito una galleria fotografica. Appena inserito, il blocco Galleria Fotografica appare vuoto. Ecco come completarlo: cliccare il tasto destro del mouse posizionandosi sulla dicitura <Galleria Fotografica >. Apparirà la finestra di gestione del blocco. Selezionare <modifica impostazioni>. Apparirà la finestra di impostazione del blocco: Figura 34 Configurazione blocco Galleria Fotografica Pag. 24 di 46
GESTIONE DELLA PAGINA Le opzioni sono di seguito descritte: Mostra blocco: permette di definire se il blocco deve essere visibile in tutto il sito in questa pagina e sottopagine solo in questa pagina Mostra titolo: permette di definire se il titolo deve essere o meno visibile Cartella foto: permette di inserire il nome della cartella in cui sono inserite le immagini che andranno a comporre la galleria fotografica Immagini per riga: permette di scegliere il numero di immagini che saranno visualizzate per ogni riga. Per <Cartella foto> s intende una cartella presente sul server nella quale sono inserite le immagini che andranno a comporre la galleria fotografica (come descritto nel paragrafo Comando Immagini nella seconda parte di questo manuale). Per creare la cartella e quindi inserirvi al suo interno le immagini, viene di seguito illustrata la procedura: cliccare sul bottone <Immagini> presente sulla barra dei comandi. Si aprirà la seguente finestra: Figura 35 Cartella Immagini Pag. 25 di 46
GESTIONE DELLA PAGINA selezionare il tasto <Nuova cartella> posto in alto a destra. Una volta selezionato, definire un nome per la cartella e selezionare il bottone <Crea cartella>. A questo punto la cartella creata sarà caricata sul server. Per caricare le immagini nella cartella creata, cliccare il tasto destro del mouse per selezionarla e quindi aprirla: Figura 36 Cartella appena creata La cartella appena creata apparirà ovviamente vuota: a questo punto è necessario selezionare i files attraverso il bottone <carica file>, posto in alto a destra. A questo punto, per scegliere le immagini da caricare sul proprio computer, cliccare su <sfoglia>, selezionare il file, e poi caricarlo con il tasto <carica immagine>: Figura 37 Scelta e caricamento dei files Dopo aver caricato tutti i files desiderati nella cartella, chiuderla facendo click su. A questo punto, nella finestra di impostazione del blocco Galleria Fotografica (v. Figura 34), si può inserire il nome della <Cartella foto> che abbiamo appena creato sul server e nella quale sono contenute le immagini che andranno a comporre la galleria fotografica. Una volta definite le impostazioni salvare selezionando il bottone <Salva>. 1.3 Spostamento dei blocchi I blocchi possono essere liberamente spostati all interno della pagina, da una colonna all altra o all interno della stessa colonna. Per spostare un blocco basta posizionare il cursore sul blocco e cliccare il tasto destro del mouse. Apparirà la finestra di gestione del blocco: Pag. 26 di 46
GESTIONE DELLA PAGINA Figura 38 - Gestione del blocco Selezionare e procedere allo spostamento trascinando il blocco con il mouse nella posizione desiderata. Effettuata questa operazione apparirà la finestra: Figura 39 - Salvataggio modifiche Cliccare il bottone per salvare i cambiamenti effettuati. 1.4 Eliminazione dei blocchi Per eliminare un blocco basta posizionare il cursore sul blocco e cliccare il tasto destro del mouse. Apparirà la finestra di gestione del blocco: Figura 40 - Gestione del blocco Selezionare. Effettuata questa operazione apparirà la finestra: Figura 41 - Salvataggio modifiche cliccare il bottone per salvare i cambiamenti effettuati. Pag. 27 di 46
LA GESTIONE DELLA BARRA DEI COMANDI 2 LA GESTIONE DELLA BARRA DEI COMANDI In questa sezione del manuale saranno presentate tutte le funzionalità della Barra dei Comandi. Troverete tutte le indicazioni per: la creazione di nuove pagine all interno del sito l inserimento di bandi, delibere, atti e modulistica la scelta della veste grafica la profilazione degli utenti che hanno accesso alle modifiche del sito Vi ricordiamo che la Barra dei Comandi appare nella parte superiore del sito dopo aver effettuato l accesso al back office (come descritto a pag. 5 di questo Manuale). Cliccando sui diversi tasti si accede alle diverse funzionalità del CMS. Figura 42 Barra dei Comandi Di seguito sono elencate le funzioni messe a disposizione dalla Barra dei comandi: Writers Pagine Oggetti Immagini Stili Struttura Utenti Impostazioni Info Logout N.B. Nelle pagine seguenti saranno presentate le funzionalità di ciascun comando seguendo lo stesso ordine utilizzato nella Barra. Pag. 28 di 46
LA GESTIONE DELLA BARRA DEI COMANDI 2.1 Comando Writers Questo comando fornisce le informazioni sull utente che sta operando al back office del sito. Sarà quindi possibile sapere quali utenti sono connessi al sito, da quanto tempo e quando ha effettuato l ultima modifica. Cliccando sul bottone <Writers> si aprirà la seguente finestra: Figura 43 - Writers 2.2 Comando Pagine Il sito è gestito tramite una struttura ad albero in cui vengono definite e organizzate le pagine, le cartelle e i files. Per accedere alla struttura del sito, una volta autenticati (tasto funzionale F2), basta cliccare sul bottone <Pagine> in alto a sinistra. Apparirà la seguente finestra: Figura 44 - La struttura del sito In questa finestra sono presenti tutte le pagine che compongono il sito, organizzate in cartelle come accade per il vostro computer. Pag. 29 di 46
LA GESTIONE DELLA BARRA DEI COMANDI Per apportare delle modifiche basta posizionare il cursore nel punto desiderato e cliccare il tasto destro del mouse. Apparirà la finestra con i comandi disponibili: Figura 45 - I comandi della struttura del sito permette di vedere le informazioni della pagina, della cartella o del file, quali il nome, la tipologia (pagina, cartella, tipologia file), la descrizione, l autore e la data di inserimento come riportato nella Figura seguente. Figura 46 - Info per le cartelle). permette di aprire la pagina o il file selezionato (ovviamente non è disponibile permette di bloccare una pagina, una cartella o un file (non rendendola visibile sul sito ma conservardone il contenuto). consente di rinominare una pagina, una cartella o un file. Figura 47 - Rinomina Pag. 30 di 46