CMS Made Simple Gestione dei contenuti

1. CMS MadeSimpleGestione dei contenuti Dott. Nicola Ciraulo www.nicolaciraulo.it gmcola@gmail.com

2. Panoramica • Analisi generale del Pannello Amministrazione • Gestione dei contenuti

3. Analisi generale del Pannello di Amministrazione Barra degli indirizzi nel browser Informazioni Barra di navigazione Briciole di pane Visita il sito Notifiche Barra di navigazione secondaria, con breve descrizione Pulsante di uscita Footer

4. Gestione contenuti

5. Operazioni sui contenuti 1/2 • InserimentoConsiste nell’aggiunta di nuovi contenuti al sito. • ModificaPermette di modificare i contenuti già presenti nel sito. • CancellazioneConsente di eliminare i contenuti già presenti nel sito.

6. Operazioni sui contenuti 1/2 • Tali operazioni si possono effettuare attraverso i 2 seguenti strumenti: • Indice dei Contenuti • Permette di avere una visione d’insieme dei contenuti e delle informazioni principali che li riguardano. • Permette di spostare i contenuti, ovvero cambiarne l’ordine di visualizzazione, di copiarli e di cancellarli. • Permette di accedere alla pagina di gestione dei singoli contenuti. • Pagina di gestione dei singoli contenuti • Permette di inserire, visionare e modificare tutte le informazioni del singolo contenuto.

7. Indice dei contenuti

8. Indice contenuti – Parte superiore Titolo sezione Link informazioni utili Barra dei comandi superiore Tabella indice dei contenuti

9. Ind. Cont. – Parte inferiore Caselle di selezione dei contenuti Tabella indice dei contenuti Barra dei comandi inferiore Comandi su più contenuti

10. Elementi in dettaglio 1/4 • Link informazioni utili • Consente di ottenere aiuto e informazioni utili sulle funzionalità e sull’utilizzo dei componenti. • Barre dei comandi superiore ed inferiore • Contengono dei comandi importanti come: • Aggiungi nuovo contenuto • Espandere tutte le sezioni • Comprimere tutte le sezioni • Riordina pagine (modulo avanzato per ordinare le pagine, consigliabile se si devono spostare molte pagine)

11. Elementi in dettaglio 2/4 • Tabella indice dei contenuti • Questa tabella presenta una riga per ogni contenuto presente nel sito. • Per ognuno di essi vengono presentate le informazioni principali come: • Nome • Modello • Tipo • Proprietario

12. Elementi in dettaglio 3/4 • e i comandi generali come: • Espansione (e contrazione) dei sottocontenuti figli di un determinato contenuto genitore. • Attivazione e disattivazione contenuto. • Spostamento su e giù. • Mostra contenuto. • Copia contenuto. • Modifica contenuto. • Elimina contenuto. • Casella di selezione del contenuto (serve per effettuare delle operazioni su più contenuti)

13. Elementi in dettaglio 4/4 • Comandi su più contenuti • Tali comandi agiscono sui contenuti selezionati mediante le caselle di selezione presenti alla fine della riga di ogni contenuto. • I comandi sono selezionabili dal menù a tendina e sono i seguenti: • Elimina • Attivo • Non attivo • Memorizzabile in Cache • Non Memorizzabile in Cache • Mostra nel Menù • Nascondi nel Menù • Imposta Template

14. Pagina di gestione dei contenuti

15. Inserimento nuovi contenuti 1/2 • Verrà visualizzato un modulo in cui sono presenti dei campi di testo, dei menù a tendina, delle caselle di selezione, e qualsiasi altro elemento di un form. • Tutti questi elementi saranno vuoti, o impostati su un valore di default (predefinito). • Bisogna riempire tutti i campi obbligatori e cliccare sul pulsante “Invia”.

16. Inserimento nuovi contenuti 2/2 • Tipologie di contenuto • Collegamento a Pagina Interna • Separatore • Contenuto • Collegamenti esterni • Intestazione Sezione • Per la tipologia di contenuto: “Contenuto” appaiono 3 schede, per tutte le altre tipologie ne appare solo una.

17. Tipologia di contenuto:“Contenuto” • Un “Contenuto” è essenzialmente una pagina del nostro sito. • Sono presenti 3 schede: • PrincipaleContiene le informazioni principali legate ad una pagina. • OpzioniContiene le informazioni opzionali legate ad una pagina. • AnteprimaPermette di visualizzare l’anteprima della pagina, prima dell’inserimento vero e proprio. Tale scheda verrà assolutamente ignorata poiché spesso causa errori e non rappresenta la vera anteprima della pagina.

18. Contenuto – Scheda Principale 1/4 • Pulsanti di operazione • Invia • Annulla • Tipologia di contenuto(nota: le schede e i campi sottostanti dipendono dalla tipologia) • Collegamento a Pagina Interna • Separatore • Contenuto • Collegamenti esterni • Intestazione Sezione • Titolo • Titolo della pagina, verrà visualizzato all’inizio della pagina e nella barra del titolo del browser. • Testo menù • Testo che verrà visualizzato nella barra del menù principale o laterale.

19. Contenuto – Scheda Principale 2/4 • Genitore • Tramite il menù a tendina possiamo selezionare il genitore della pagina. • Ogni sito “ben strutturato” ha una struttura ad albero rovesciato. • Un albero si compone di due tipi di sottostrutture fondamentali: • il nodo, che contiene le informazioni • l'arco che stabilisce un collegamento gerarchico fra due nodi si parla allora di un nodo padre dal quale esce un arco orientato che lo collega ad un nodo figlio. • Le pagine che hanno lo stesso genitore sono logicamente correlate. • Il genitore “possiede” le pagine figlie, le quali gli appartengono. • Esempio alla lavagna. • Modello • Si può scegliere uno dei modelli presenti nel menù a tendina. • Un “modello” rappresenta una particolare organizzazione , formattazione e presentazione degli elementi nelle pagine del sito. • Sceglieremo sempre come modello quello predefinito denominato “pulito”, in modo che tutte le pagine abbiamo lo stesso aspetto. • Vedremo nella parte avanzata del corso come gestire i modelli.

20. Contenuto – Scheda Principale 3/4 • Contenuto 1/4 • E’ un’area di testo in cui possiamo inserire il contenuto vero e proprio della pagina come testo, link, immagini, ecc. • Comandi per copiare ed incollare • Comandi di formattazione comunisca • Tendina espandibile (permette di creare una sorta di tendina che si espande e si contrae cliccandovi sopra). • Link alle pagine del sito • Ancore (Creazione e modifica) (sono dei punti di ancoraggio all’interno della stessa pagina) • Nome ancora Comandi di formattazione comuni

21. Contenuto – Scheda Principale 3/4 • Contenuto 2/4 • Link (Creazione, modifica e cancellazione) • Scheda “Generale” • URL collegamento (si può scrivere direttamente la risorsa da collegare o selezionare un file di qualsiasi tipo dalla finestra che appare cliccando sul pulsante a destra) • Ancore (se ce ne sono, permette di scegliere l’ancora cui puntare) • Target • Titolo • Classe • Scheda “Popup” • URL Popup(si può scrivere direttamente l’indirizzo completo della pagina da aprire nella finestra popup (es: http://www.nomesito.it), oppure selezionare una pagina web dalla finestra che appare cliccando sul pulsante a destra) • Nome finestra (serve per accedere alla finestra con dei script, lo inseriremo ma non lo visualizzeremo da nessuna parte) • Dimensioni • Posizione (se si lasciano vuoi i campi la finestra appare in alto a sinistra, per centrare la finestra inserire c/c, altrimenti inserire la posizione desiderata) • Opzioni (permette di selezionare le barre da aggiungere alla finestra che viene aperta come: navigazione, menù, strumenti, stato, ecc. e delle opzioni)

22. Contenuto – Scheda Principale 3/4 • Contenuto 3/4 • Immagini • Scheda “Generale” • ULR immagine (apre una finestra che permette di selezionare l’immagine da inserire, oppure si può inserire l’indirizzo di una immagine sul web) • Descrizione • Titolo (appare quando ci sei ferma per qualche instante sulla foto) • Scheda “Aspetto” • Allineamento • Dimensioni • Spaziatura verticale ed orizzontale • Bordo • Scheda “Avanzate” • Spuntare “immagine alternativa” • Scegliere le immagini “quando mouse sopra” e “quando mouse fuori”

23. Contenuto – Scheda Principale 3/4 • Contenuto 4/4 • Caratteri speciali • Colore caratteri • Colore di sfondo

24. Contenuto – Scheda Principale 4/4 • Scambia WYSIWYG on/off • Permette di cambiare la modalità di visualizzazione del contenuto da effettiva a codice • Pulsanti di operazione • Invia • Annulla

25. Contenuto – Scheda Opzioni 1/2 • Attivo • Mostra nel menù (menù a tendina) • Descrizione (serve in parte per la ricerca) • Alias della pagina • Casella “Questa pagina è ricercabile?” • Data e Utente che ha effettuato l’ultima modifica

26. Contenuto – Scheda Opzioni 2/2 • “Dice mamma Rocca: si guarda ma non si tocca!” • Non fate come i bambini!!! • Dovete assolutamente ignorare e non toccare i campi non illustrati, non servono o addirittura possono essere dannosi!!! • Questa indicazione vale per tutto il resto del corso!

27. Modifica dei contenuti 1/2 • Verrà visualizzato lo stesso modulo utilizzato per l’inserimento. • Questa volta però, i campi (testo, menù, caselle, ecc) presenteranno i valori precedentemente inseriti o modificati. • Alcuni dei campi lasciati vuoti o col valore predefinito resteranno tali. • Altri invece, conterranno un valore inserito in automatico dal sistema: • Testo menù • Alias della pagina

28. Modifica dei contenuti 2/2 • Si possono modificare a piacimento i campi e salvare le modifiche cliccando su: • “Invia” – Le modifiche vengono salvate e si ritorna alla pagina indice. • “Applica” – Le modifiche vengono salvate ma si rimane nella pagina di modifica. Ovviamente, bisogna sempre riempire tutti i campi obbligatori. • Si possono annullare le modifiche cliccando su “Annulla”.

29. Cancellazione dei contenuti • Basta cliccare sul pulsante col cestino presente nell’indice dei contenuti e confermare l’azione nella finestra pop-up che appare subito dopo.

30. Esercitazioni • Ogni corsista dovrà creare una pagina il cui titolo è dato dal proprio Nome e Cognome, come figlia della pagina “Esercitazioni Inclusito”. • Tale pagina dovrà contenere una breve presentazione del corsista. • Esercitazione 1 (vedi file word: Esercitazione 1.doc) • Esercitazione 2 (vedi file word: Esercitazione 2.doc)

31. Tipologia di contenuto:Collegamento a Pagina Interna • Pulsanti di operazione • Tipologia di contenuto • Titolo • Testo menù • Testo che verrà visualizzato nella barra del menù principale o laterale. • Genitore • Pagina destinazione • Rappresenta la pagina interna cui si desidera far puntare il collegamento • Attivo • Mostra nel menù • Alias della pagina • Descrizione

32. Tipologia di contenuto:Separatore • Un “separatore” è rappresentato da delle linee che permettono di separare visivamente i contenuti appartenenti allo stesso genitore cui appartiene il separatore. • Pulsanti di operazione • Tipologia di contenuto • Genitore • Attivo • Mostra nel menù • Dopo l’inserimento il separatore è l’ultimo elemento del genitore cui appartiene. Ovviamente dovrà essere spostato nella posizione desiderata.

33. Tipologia di contenuto:Collegamenti Esterni • Pulsanti di operazione • Tipologia di contenuto • Titolo • Testo menù • Testo che verrà visualizzato nella barra del menù principale o laterale. • Genitore • Indirizzo URL • Rappresenta l’indirizzo della risorsa esterna cui si desidera far puntare il collegamento • Attenzione: per ora non funziona! • Collega a File (Invece di URL) • Permette di far puntare il collegamento ad uno qualsiasi dei file presenti nella cartella “uploads” ed in tutte le sue sottocartelle • Parametro target • Permette di far aprire il collegamento nella finestra corrente o in una nuova • Attivo • Mostra nel menù • Descrizione

34. Tipologia di contenuto:Intestazione di sezione • Un “Intestazione di sezione” è rappresentato da un testo che permette di separare visivamente i contenuti appartenenti allo stesso genitore cui appartiene l’intestazione di sezione. • Pulsanti di operazione • Tipologia di contenuto • Titolo • Testo menù • Testo che verrà visualizzato nella barra del menù principale o laterale. • Genitore • Attivo • Mostra nel menù • Dopo l’inserimento l’intestazione di sezione è l’ultimo elemento del genitore cui appartiene. Ovviamente dovrà essere spostata nella posizione desiderata.