L'aggiunta di cartelle rappresenta la modalità base con la quale controllare l'organizzazione dei contenuti in un sito web realizzato con Plone.

Transcript

1 1 di 20 09/02/ AGGIUNGERE CONTENUTI Manuale base di gestione dei siti Plone per le radazioni di Mo-Net 1. Aggiungere cartelle L'aggiunta di cartelle rappresenta la modalità base con la quale controllare l'organizzazione dei contenuti in un sito web realizzato con Plone. Avrete sicuramente già creato cartelle (directory) all'interno del vostro computer. Bene, le cartelle in Plone funzionano sostanzialmente nello stesso modo, con la differenza che sono create nell'ambito di un sito web e hanno l'obiettivo è di organizzarne i contenuti. È possibile aggiungere nuove cartelle attraverso il menù Aggiungi un nuovo elemento (attenzione, dovete eseguire il log-in per poter vedere tale menù): Dopo un click su Cartella avrete accesso a quanto mostrato dalla seguente immagine: Riempite il campo Titolo, che è obbligatorio, come indicato dal quadratino rosso. Il campo Descrizione, invece, è opzionale: avete sempre la possibilità di riempirlo in un secondo momento, se necessario. Avrete anche notato, un po' più sopra, alcune voci: il pannello Default, per inserire Titolo e Descrizione della cartella, Categorizzazione, per specificare categorie da applicare alla cartella,

2 2 di 20 09/02/ Date, per definire per quanto tempo la cartella debba essere visibile agli utenti del sito, Possessore, per specificare l'utente creatore e/o i collaboratori che hanno contribuito alla realizzazione dei contenuti, Impostazioni, per permettere la pubblicazione di commenti sul contenuto della cartella e scegliere se esso debba comparire nel menù di navigazione del sito. Queste schede sono standard all'interno di Plone e dunque le ritroverete ogni volta che avrete a che fare con un contenuto. Rappresentano però una forma avanzata di gestione dei contenuti e di conseguenza possono essere ignorate. Assicurati sempre di cliccare su Conferma le modifiche, al fondo del pannello, quando hai terminato di lavorare sull'elemento 2. Aggiungere immagini Le istruzioni per inserire un'immagine nel sito. Ricordatevi di usare formati web-standard per tutte le immagini. I formati accettati comprendono: JPG, JPEG, GIF, and PNG. Non usate BMP o TIFF in quanto non sono completamente supportati dai browsers. Quando siete pronti a pubblicare un'immagine, utilizzate il menù Aggiungi un nuovo elemento all'interno della cartella (come sempre, vedrete il menù solo dopo il log-in): Dopo un click su Immagine avrete accesso al pannello Aggiungi immagine:

3 3 di 20 09/02/ I campi Titolo e Descrizione sono presenti così come accadeva per le cartelle, mentre nella parte inferiore del pannello è presente un campo per il caricamento (l'upload) dell'immagine. Passiamo a un'analisi individuale dei vari campi: Titolo - Utilizzate tutti i caratteri che volete, compresi spazi e punteggiatura (Plone gestisce automaticamente la generazione di indirizzi web ammissibili, come abbiamo visto nel capitolo precedente); Descrizione - È un campo opzionale, ma è sempre buona norma riempirlo; Immagine - È composto da un campo di testo e dal pulsante Sfoglia. Non dovete scrivere nulla nel campo di testo, vi basta fare click sul pulsante per poter sfogliare le cartelle del vostro computer alla ricerca dell'immagine da pubblicare. Per le immagini, dunque, dovete necessariamente specificare un titolo e indicare dove si trova, sul vostro computer, il file grafico da pubblicare; infine, fate click sul pulsante Conferma le modifiche per avviare l'upload del file. Dopo qualche secondo di attesa (dipendente dalla velocità della vostra connessione) Plone vi mostrerà l'immagine, a indicare il corretto completamento dell'operazione. Nel momento in cui pubblicate un'immagine in un sito Plone, ne vengono create automaticamente delle supplementari, più piccole copie (inclusa la più piccola di tutte, una miniatura). Queste versioni più piccole vengono utilizzate da Plone quando si visualizza la lista degli elementi che compone una cartella: tranquilli, l'immagine dalle dimensioni originarie esiste sempre. La regola da tenere a mente è che voi dovete unicamente ridimensionare l'immagine nelle dimensioni che desiderate, e poi pubblicarla sul sito. Plone si occuperà di generare le copie di dimensioni ridotte durante la fase di upload e in maniera assolutamente trasparente: verranno utilizzate dal sistema quando necessario. 3. Aggiungere pagine Istruzioni per creare le pagine web che compongono il sito. Per aggiungere una pagina, utilizzate il menù Aggiungi un nuovo elemento nell'ambito di una cartella:

4 4 di 20 09/02/ Selezionate la voce Pagina per accedere al pannello Aggiungi pagina, mostrato qui di seguito: I campi Titolo e Descrizione sono posizionati nella parte superiore del pannello. È presente, in basso, anche il

5 5 di 20 09/02/ campo Commento alle modifiche, da utilizzare per inserire appunti e descrizioni delle modifiche apportate al documento man mano che le realizzate: molto comodo se state creando il contenuto in collaborazione con altre persone. Al centro del pannello è posizionato il campo Testo del documento, in cui si inserisce il contenuto testuale principale della pagina. Il software utilizzato per creare il contenuto delle pagine è costituito da uno strumento che permette di scrivere del testo esattamente come farebbe un comune editor testuale (es: word, open office, etc.) Assumiamo di conoscere già come utilizzare un software di elaborazione di testi. Ci sono un paio di elementi specifici per il web nel menù di base, ma la maggior parte di essi sono immediatamente riconoscibili: Grassetto & Corsivo (Bold, Italics) Devi solo selezionare con il mouse il testo che intendi rendere grassetto o corsivo e cliccare la "B" per il grassetto o la "I" per il corsivo. Allineamento Per modificare l'allineamento, seleziona il testo che ti interessa e clicca l'apposita icona per l'allineamento a sinistra, centrato, a destra o giustificato. Puoi anche selezionare diversi paragrafi per applicare l'allineamento desiderato a parti più consistenti del tuo documento. Elenchi numerati e puntati Si può inserire un elenco puntato o numerato selezionando il paragrafo interessato e cliccando una delle due icone corrispondenti a questa funzione. All'interno dell'elenco puoi naturalmente applicare il grassetto o il corsivo a parti del testo, opzioni che verranno mantenute anche se le avevi inserite prima di creare l'elenco. Elenco definizioni (Definition Lists) Le liste di definizioni sono ideali quando si devono gestire elementi (parole o frasi) che si riferiscono a un paragrafo composto da gruppi di elementi caratterizzati da un titolo in grassetto e dalla relativa descrizione (con testo rientrante rispetto al titolo). Le fasi necessarie per creare una lista di definizioni sono: Posizionati in una riga vuota del tuo documento, nel punto in cui vuoi creare la lista. Clicca l'icona relativa alle liste di definizioni. Digita la prima parola o frase. Questa verrà automaticamente mostrata in grassetto e allineata a sinistra. Ora premi Invio per spostarti su una nuova riga. Componi la definizione. Noterai che il testo ora è normale, non in grassetto, ed è rientrato rispetto al titolo della definizione. Premi nuovamente Invio per spostarti su una nuova riga. Ripeti i passaggi da 3 a 6 per aggiungere nuove parole o frasi e le loro rispettive definizioni. Importante: Quando hai terminato la lista, devi premere il tasto Invio due volte per

6 6 di 20 09/02/ ritornare alla normale formattazione del paragrafo. Quotatura (Blockquotes) Le Blockquotes sono uno speciale stile per creare rientri e gerarchie in un paragrafo, facendo in modo che questo si distingua a prima vista dal normale testo del documento. Questa formattazione è utile per citazioni, riferimenti, ma può anche essere utile per altri contenuti. Per creare questo tipo di formattazione, spostati sul paragrafo interessato e clicca l'icona relativa a questa opzione. Puoi anche agire su diversi paragrafi alla volta. Per creare livelli di rientro più profondi basta cliccare più volte sull'icona. Ecco un esempio di come appare: rientro livello uno rientro livello due rientro livello due rientro livello due rientro livello uno rientro livello due rientro livello tre rientro livello tre rientro livello due rientro livello uno Immagini Il visual editor di Plone ti permette di inserire delle immagini nella pagina. Per far ciò, posiziona il cursore nel punto in cui vuoi aggiungere l'immagine e clicca l'icona Inserisci immagine. Comparirà il seguente pannello: Il pannello Inserisci immagine presenta alcuni link nella colonna di sinistra, che ti aiuteranno a trovare le immagini che sono già state caricate nel sito web Plone. Portale (Home) è la "base" di tutto il sito web. Current folder è la cartella in cui ti trovi, in cui stai aggiungendo la nuova pagina. My recent items e Recent items

7 7 di 20 09/02/ mostano le immagini che sono già state caricate sul sito, indipendentemente da dove sono inserite. Normalmente, si seleziona semplicemente Current folder per caricare l'immagine da inserire nella pagina. In questo caso, questo è ciò che apparirà: Compare il link Upload che ti serve per inserire l'immagine. Cliccandolo comparirà un box familiare in cui selezionare i file del tuo computer; ecco un esempio di un box su un Mac: Nell'esempio è stata selezionata la cartella "family" contenuta nella memoria del computer che si sta utilizzando. Si può selezionare qualsiasi immagine, questa verrà trasferita e caricata nel sito web Plone e mostrata poi nella pagina che si stava creando, automaticamente immagazzinata nella maniera corretta. Link interni

8 8 di 20 09/02/ Seleziona una parola o frase e clicca l'icona Internal link (link interno), apparirà il pannello Insert Link: Puoi usare le cartelle Home or Current folder per navigare all'interno del sito e cercare cartelle, pagine o immagini con le quali poi creare il link. Nell'esempio seguente è stata scelta la pagina "Long-tailed Skippers". Una volta chiuso questo pannello, sarà creato un link dalla parola o frase inizialmente selezionata a questa pagina. Link esterni Seleziona una parola o frase e clicca l'icona External link (link esterno), e comparirà il pannello External Link: Digita l'indirizzo internet del sito col quale vuoi creare il link, iniziando con Cliccando Anteprima (Preview) può controllare la pagina a cui corrisponde l'indirizzo che hai inserito. Se incolli l'indirizzo che ti interessa, stai attento a non inserire due volte all'inizio della riga. Infine clicca Ok. Il link esterno è stato creato. Ancore (Anchors)

9 9 di 20 09/02/ Le Ancore sono una sorta di sommario o indice basato su intestazioni, sottotitoli o altri stili all'interno di un documento. Per fare un esempio, in una pagina chiamata "Eastern Tiger Swallowtail" con i sottotitoli "Description", "Habitat", "Behavior", "Conservation Status" e "Literature" può essere facilmente creato un sistema di link da un elenco di questi sottotitoli alle posizioni in cui questi sono sviluppati, utilizzando le Anchors. Prima di tutto, crea il documento con i vari contenuti preceduti da un sottotitolo, e riscrivi poi solo i sottotitoli in una lista in cima alla pagina: Poi seleziona ad uno ad uno i sottotitoli dell'elenco iniziale e clicca l'icona

10 10 di 20 09/02/ simboleggiata da un'ancora: Comparirà un pannello in cui poter selezionare a quale sottotitolo collegare ciò che hai selezionato: Apparirà il tab (l'etichetta) Link to anchor. La parte a sinistra mostra una lista degli stili che possono essere applicati ai titoli del documento. Nell'esempio viene utilizzato lo stile Sottotitolo (Subheadings), il più comunemente usato. La parte a destra del pannello mostra i sottotitoli che sono stati creati nel documento. Nell'esempio era stata selezionata la prima voce, Description, e quindi è stato scelto nel pannello il sottotitolo Description, la parte del testo a cui verrà legato il link. Puoi essere creativo con questa opzione, tessendo una rete di link anche all'interno di un testo narrativo, impostando anchors con stili diversi, e inventando mix di link intelligenti e funzionali. Questa opzione è particolarmente importante e utile per documenti di grandi dimensioni.

11 11 di 20 09/02/ Tabelle Le tabelle sono comode per dati e liste. Per aggiungere una tabella, posizionati nel punto in cui vuoi inserirla e clicca l'icona Aggiungi Tabella. Comparirà il pannello corrispondente: Ti verrà chiesto di impostare il numero di righe e colonne desiderate. Se selezioni l'opzione Crea intestazioni si formerà automaticamente una cella in cui inserire un titolo per ogni colonna. Classe tabella ti permette invece di selezionare lo stile desiderato. Le scelte sono le seguenti: Semplice (plain): Ecco un esempio delle due scelte principali: Thoroughbred Champions Quarter Horse Champions Man O' War First Down Dash Secretariat Dashing Folly Citation Special Leader Kelso Gold Coast Express Count Fleet Easy Jet

12 12 di 20 09/02/ Lista (listing): thoroughbred champions quarter horse champions Man O' War First Down Dash Secretariat Dashing Folly Citation Special Leader Kelso Gold Coast Express Count Fleet Easy Jet Dopo aver creato la tabella, basta cliccare su una cella per far apparire le linee che permettono di cambiare le dimensioni e le icone per aggiungere/eliminare righe e colonne: Nella tabella mostrata sopra, il cursore è stato posizionato sulla cella "Special Leader", in modo da attivare i sottili riquadri attorno ai bordi che servono per ridimensionare l'intera tabella. Si attivano anche le icone aggiungi/elimina per la cella selezionata. Cliccando la piccola X nel cerchio si eliminerà l'intera righa o colonna che contiene quella cella. Cliccando invece la piccola icona a punta di freccia verrà aggiunta una riga sopra o sotto la cella selezionata, o una colonna a sinistra o a destra di questa. L'editor HTML L'editor HTML è un'opzione dedicata a chi vuole utilizzare il codice HyperText Markup Language, che i web browser usano per descrivere le pagine di un sito web. Conoscere i fondamenti del linguaggio HTML permette di compiere operazioni speciali, ma non è indispensabile per un utilizzo normale. Cliccando l'icona HTML comparirà un pannello con il codice, che puoi scrivere a piacimento, potendo sempre ritornare alla visualizzazione WYSIWYG, chiudendo il pannello. Zoom L'icona dello Zoom espande il pannello in cui si inserisce il testo, in modo da fargli occupare l'intero schermo. Basta cliccare nuovamente l'icona per ritornare alla modalità precedente. 4. Aggiungere file File di vario tipo possono essere aggiunti in upload ai siti web Plone, tra cui PDF, Documenti Word, database, file zippati, etc... Per aggiungere un file all'interno di una cartella, clicca su File nel menù Aggiungi un nuovo elemento:

13 13 di 20 09/02/ Comparirà il pannello Aggiungi file: Clicca sul pulsante Sfoglia per navigare fino al file che vuoi caricare dal tuo computer locale. Scegli un titolo (se vuoi puoi usare lo stesso nome del file usato sul tuo computer). Inserisci anche la descrizione se lo desideri. Quando clicchi il pulsante Conferma le modifiche il file sarà aggiunto alla cartella. I tipi di file che possono essere caricati nel tuo sito possono includere PDF, Documenti Word, database, file zippati praticamente qualunque cosa. I file in un sito web Plone sono considerati solo come file e sono inseriti nelle liste di contenuti delle cartelle, ma non ci sarà nessun tipo di visualizzazione particolare. Appariranno con il loro nome e saranno disponibili per il download cliccandoci sopra. 5. Aggiungere collegamento Oltre ai link esterni ed interni che si possono aggiungere nei contenuti, i collegamenti possono essere creati come piccoli elementi di contenuto. In aggiunta ai collegamenti che si creano tra le pagine, i collegamenti (link) possono essere creati come piccoli elementi di contenuto. Disporre di collegamenti come piccoli elementi fa in modo che si possano eseguire operazioni come organizzarli in cartelle o impostare parole chiave per facilitarne il raggruppamento

14 14 di 20 09/02/ in cartelle e la ricerca dei risultati. Aggiungi un Collegamento cliccando sul menu Aggiungi un nuovo elemento: Comparirà il pannello Aggiungi Collegamento: Per i collegamenti è importante avere dei buoni titoli, perché saranno visualizzati in liste, inoltre ci può essere un numero piuttosto grande di link elencati in una cartella. Incolla l'indirizzo web nel campo URL oppure scrivilo al suo interno. In questa sezione non c'è la possibilità di anteprima, quindi sarebbe meglio incollare direttamente l'indirizzo web dalla finestra browser in cui stai visualizzando il target per il link. 6. Aggiungere eventi I siti Plone hanno un sistema al loro interno per gestire e visualizzare gli eventi presenti in calendario. Usa il menù Aggiungi un nuovo elemento per aggiungere un evento:

15 15 di 20 09/02/ Apparirà il pannello Aggiungi evento:

16 16 di 20 09/02/

17 17 di 20 09/02/ Partendo dall'alto, sono presenti i seguenti campi: Titolo- OBBLIGATORIO Descrizione Luogo dell'evento Inizio evento - OBBLIGATORIO Termine evento - OBBLIGATORIO Testo dell'annuncio (pannello di editor visuale) Partecipanti Tipo di evento URL dell'evento Nome contatto Indirizzo per contatti Telefono contatto Commento alle modifiche Notare che solo tre campi -- Titolo, Inizio e Termine evento -- sono obbligatori. Quindi nonostante questo sia un pannello di input piuttosto vasto, se hai fretta inserisci solo il titolo, i tempi di inizio e fine e salva. Ovviamente sarebbe meglio inserire anche le altre informazioni. Una parte del pannello ha bisogno di un minimo di spiegazione in più: i tempi di inizio e fine dell'appuntamento. L'anno, il mese, il giorno e altri campi sono semplici menù a scorrimento. Ma per il giorno, spesso non lo si ricorda con esattezza e c'è bisogno di consultare un calendario. C'è un calendario pop-up manuale che offre un modo alternativo per selezionare il giorno. Se clicchi su una delle piccole icone calendario adiacenti al menù di scorrimento del giorno: Basta cliccare sul giorno e sarà impostato. Compila i campi dei quali hai qualche informazione e salva l'appuntamento, ma ricorda: IMPORTANTE: l'appuntamento non verrà visualizzato sul calendario principale del sito web finché non sarà pubblicato. 7. Aggiungere notizie Istruzioni su come pubblicare notizie e articoli sul sito. Usa il menù Aggiungi un nuovo elemento per aggiungere una notizia:

18 18 di 20 09/02/ Apparirà il pannello Aggiungi Notizia:

19 19 di 20 09/02/

20 20 di 20 09/02/ I campi standard che si trovano all'interno del pannello sono Titolo, Descrizione e Commento alle modifiche, assieme ad un'area di editor visuale per il testo del documento e i campi Immagine e Didascalia immagine. Puoi essere creativo quanto vuoi nell'area Testo del documento e puoi usare la funzione di inserimento immagine per aggiungere tutte le illustrazioni che desideri compaiano nel tuo articolo. Le immagini saranno ridimensionate e caricate automaticamente, e aggiunte nella cartella in cui si sta creando la notizia. Il campo Didascalia immagine permette di inserire una breve descrizione del soggetto dell'immagine, utile per coloro che accedono ai siti utilizzando dispositivi di sola lettura del testo (come nel caso dei non vedenti) ed è quindi obbligatoria la sua compilazione. IMPORTANTE: Le notizie non appariranno sul sito principale nella sezione notizie o sul portale delle notizie finché non saranno pubblicate.