Dipartimento di Ingegneria Civile e Ambientale TYPO 3 MANUALE UTENTE

Transcript

1 Dipartimento di Ingegneria Civile e Ambientale TYPO 3 MANUALE UTENTE

2 Sommario 1) Introduzione ) Come richiedere l autorizzazione alla creazione di pagine personali ) Frontend e Backend ) Come accedere al frontend ) Come accedere al Backend ) Come creare contenuti (testo, elenchi puntati e tabelle) ) Come caricare file e immagini )Come inserire file e immagini in una pagina Web: a) Modalità 1 (semplice ma limitata)... 9 Inserimento immagine... 9 Inserimento file b)modalità 2 (permette maggiori impostazioni) Inserimento testo e immagine Inserimento allegati )Come creare nuove pagine web Nuova pagina ) Copiare, incollare e eliminare pagine e contenuti Copiare una pagina web compresi i suoi contenuti Copiare e incollare contenuti di pagina... 18

3 1) Introduzione In questa breve presentazione vi daremo delle linee guida generali per incominciare a utilizzare il CMS Typo3 caricato nella nostra intranet. 2) Come richiedere l autorizzazione alla creazione di pagine personali In una prima fase verrà chiesto l accesso attraverso una richiesta scritta all indirizzo ict.dica@polimi.it. Detto servizio provvederà ad autorizzare la persona e a fornire i documenti necessari per il servizio. 3) Frontend e Backend - frontend rappresenta la parte pubblica, ovvero il sito internet che viene visualizzato dall esterno attraverso il proprio browser (es: - backend, detto anche parte amministrativa, prevede un accesso mediante login e password dagli utenti addetti alla gestione del sito e dei suoi contenuti ( 4) Come accedere al frontend Si tratta della pagina intranet vera e propria, accessibile direttamente dall indirizzo o premendo nella zona del piede del sito di dipartimento in basso a sinistra

4 5) Come accedere al Backend Per accedere alla zona di Backend del nostro sito intranet basterà digitare il seguente indirizzo Automaticamente sarete reindirizzati alla pagina unica dell ateneo, nella quale inseriremo il nostro codice persona e la nostra Password Da qui saremo reindirizzati alla pagina backend del nostro CMS A B C Quest ultimo risulta diviso in 3 zone principali: A - menù dei moduli B - albero con la struttura del sito C - area dedicata ai contenuti

5 6) Come creare contenuti (testo, elenchi puntati e tabelle) C Posizionandoci nella zona C e premendo sul pulsante Crea nuovo elemento avremo la possibilità di creare un nuovo contenuto, nel nostro caso un contenuto di testo

6 A questo punto comparirà un interfaccia simile a Word che ci permetterà di creare contenuti di testo In ordine ecco le funzioni disponibili: Funzione Grassetto Funzione Italico Funzione Pedice Funzione Apice

7 Modalità Paragrafo per diversificare la dimensione del carattere dal più grande intestazione1 al più piccolo intestazione6 Elenco numerico Elenco alfabetico Rientro giustificato destro Inserisce Caratteri speciali Selezionando del testo è possibile trasformarlo in Ipertesto Inserimento immagini (precedentemente caricate) Inserimento tabella Cerca testo Visualizzazione codice sorgente html (funzione avanzata permette l inserimento di puro codice per poi tornare alla modalità testo) Pulisci formato (Funzione avanzata, permette la pulizia del testo da tabulazione, immagini, tag, ecc.) Al termine della creazione del contenuto sarà necessario salvarlo attraverso i pulsanti di chiusura posizionati in alto a sinistra della schermata Chiude senza salvare Salva il lavoro svolto Salva e visualizza Salva e chiude Salva e apre un nuovo contenuto Elimina tutto il contenuto Ripristina la versione precedente

8 7) Come caricare file e immagini Di seguito i passaggi per caricare sul sito immagini o file di qualunque tipo 1 si seleziona lista file 2 ci si posiziona in una cartella 3 serve a caricare un file 4 serve a creare una cartella Selezionando un file appare il menu contestuale, che consente di operare sul file le funzioni elencate

9 8)Come inserire file e immagini in una pagina Web: 8 a) Modalità 1 (semplice ma limitata) Inserimento immagine Tornando alla zona contenuto testo e premendo sul pulsante immagine visualizzazione di un immagine precedentemente caricata il sistema permette la Alla comparsa di questa finestra non ci resterà che scegliere l immagine desiderata, che verrà automaticamente convertita nel formato pronto per il web (640px X 480px max).

10 Inserimento file Tornando alla zona contenuto testo è possibile selezionare una parola trasformandola in ipertesto con l apposito pulsante Dalla sotto finestra file sceglieremo il nostro file Successivamente imposteremo il modo di apertura dell allegato: se nella stessa finestra o se in una nuova finestra 8 b)modalità 2 (permette maggiori impostazioni) Inserimento testo e immagine Scegliendo un nuovo contenuto nell area C scegliamo testo e immagini

11 Lavorando sulla sotto pagina immagine sarà possibile l inserimento di immagini precedentemente caricate (cap. 7). Premendo sull icona cartella si potranno scegliere le immagini dalla nostra cartella di lavoro Si sconsiglia di utilizzare il caricamento diretto del file per questioni tecniche di ordinamento file. Una volta premuta la cartella comparirà questa finestra di scelta, dalla quale potremo selezionare le immagini che ci interessano, eventualmente anche aggiungendone di nuove, a scelta completata si premerà su importa selezione

12 E possibile anche l inserimento di didascalie (una per ogni riga) e permettere l ingrandimento dell immagine se viene cliccata selezionando qui A questo punto considereremo l aspetto dell immagine rispetto al testo o alla tabulazione

13 Esiste al possibilità di dare una dimensione, un numero di colonne e un allineamento delle immagini rispetto al testo e alla posizione. Ed ecco un risultato di esempio, impaginazione centrale su 2 colonne dopo il testo

14 Inserimento allegati Scegliendo un nuovo contenuto nell area C premiamo su File Links E alla videata successiva non ci resta che scegliere i file precedentemente caricati premendo sull icona a cartella e, come per le immagini, scegliendo i file dando all occorrenza una descrizione

15 ottenendo in frontend questo risultato. 9)Come creare nuove pagine web Nuova pagina Per creare una nuova Pagina è sufficiente cliccare sulla voce Pagina, selezionare una pagina dall albero del sito, e poi sull'icona crea nuove pagine. Comparirà la videata sopra indicata nella quale si sceglierà il punto dove inserire la nostra nuova pagina Scegliamo il main template e mettiamo il nostro titolo di pagina

16 Al termine salviamo la pagina appena creata premendo sull apposito pulsante. Premendo con il tasto DX del mouse sulla pagina appena creata è possibile scegliere la sua disabilitazione temporanea o la sua modifica, mentre il sottomenù azioni pagina consente ulteriori funzioni: Nella funzione modifica la pagina può essere trasformata in 4 modi differenti: 1. Standard (la classica pagnia con testo immagini e allegati) 2. Shorcut (una pagina che linka ad un altra pagina) 3. Link a URL esterna (una pagina che rimanda ad una pagina esterna al sito) 4. Cartella (una pagina cartella che puo raggruppare altre pagine)

17 10) Copiare, incollare ed eliminare pagine e contenuti Sia le pagine Web che i loro contenuti sono copiabili e incollabili a piacimento. Copiare una pagina web compresi i suoi contenuti Premere con il tasto DX del mouse sulla pagina e scegliere dal sottomenù azioni di pagina il comando copiare Scegliere una zona di destinazione e sempre con il tasto DX del mouse all interno del sottomenù azioni pagina la funzione incolla dentro o incolla dopo Per eliminare la pagina selezionata premere su Elimina

18 Copiare e incollare contenuti di pagina Scegliendo il contenuto di interesse premere il tasto copia per la sua duplicazione Incollare nella zona di interesse con questa icona. La stessa procedura vale anche per pagine diverse