Dott. Nicola Ciraulo www.nicolaciraulo.it [email protected] Panoramica Analisi generale del Pannello Amministrazione Gestione dei contenuti Inserimento Modifica Cancellazione Indice dei contenuti Pagina di gestione dei contenuti Analisi generale del Pannello di Amministrazione Barra degli indirizzi nel browser Barra di navigazione Informazioni Briciole di pane Visita il sito Notifiche Barra di navigazione secondaria, con breve descrizione Footer Pulsante di uscita Modifica Inserimento Cancellazione Contenuti Operazioni sui contenuti 1/2 Inserimento Consiste nell’aggiunta di nuovi contenuti al sito. Modifica Permette di modificare i contenuti già presenti nel sito. Cancellazione Consente di eliminare i contenuti già presenti nel sito. 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. Indice contenuti – Parte superiore Titolo sezione Link informazioni utili Barra dei comandi superiore Tabella indice dei contenuti Ind. Cont. – Parte inferiore Caselle di selezione dei contenuti Tabella indice dei contenuti Barra dei comandi inferiore Comandi su più contenuti 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) 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 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) 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 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”. 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. Tipologia di contenuto: “Contenuto” Un “Contenuto” è essenzialmente una pagina del nostro sito. Sono presenti 3 schede: Principale Contiene le informazioni principali legate ad una pagina. Opzioni Contiene le informazioni opzionali legate ad una pagina. Anteprima Permette 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. 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. 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. 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 Comandi di formattazione comuni 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 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) 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” Contenuto – Scheda Principale 3/4 Contenuto 4/4 Caratteri speciali Colore caratteri Colore di sfondo 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 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 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! 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 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”. 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. 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) 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 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. 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 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.