typo 3 manuale utente

Dipartimento di Ingegneria Civile e Ambientale
TYPO 3
MANUALE UTENTE
Intranet DICA
Data Creazione 8 /05/2014
Sommario
1) Introduzione .................................................................................................................................................. 3
2) Come richiedere l’autorizzazione alla creazione di pagine personali ........................................................... 3
3) Frontend e Backend ...................................................................................................................................... 3
4) Come accedere al frontend ........................................................................................................................... 3
5) Come accedere al Backend............................................................................................................................ 4
6) Come creare contenuti (testo, elenchi puntati e tabelle) ............................................................................. 5
7) Come caricare file e immagini ....................................................................................................................... 8
8)Come inserire file e immagini in una pagina Web: ........................................................................................ 9
8 a) Modalità 1 (semplice ma limitata).......................................................................................................... 9
Inserimento immagine .............................................................................................................................. 9
Inserimento file ....................................................................................................................................... 10
8 b)Modalità 2 (permette maggiori impostazioni) ...................................................................................... 10
Inserimento testo e immagine ................................................................................................................ 10
Inserimento allegati ................................................................................................................................. 14
9)Come creare nuove pagine web................................................................................................................... 15
Nuova pagina ............................................................................................................................................... 15
10) Copiare, incollare e eliminare pagine e contenuti ................................................................................... 17
Copiare una pagina web compresi i suoi contenuti .................................................................................... 17
Copiare e incollare contenuti di pagina ....................................................................................................... 18
Intranet DICA
Data Creazione 8 /05/2014
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 [email protected].
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: http://intranet.dica.polimi.it/pagine-docenti/))
- backend, detto anche parte amministrativa, prevede un accesso mediante login e password dagli utenti
addetti alla gestione del sito e dei suoi contenuti (http://intranet.dica.polimi.it/typo3)
4) Come accedere al frontend
Si tratta della pagina intranet vera e propria, accessibile direttamente dall’indirizzo
http://intranet.dica.polimi.it/ o premendo nella zona del piede del sito di dipartimento
http://www.dica.polimi.it/ in basso a sinistra
Intranet DICA
Data Creazione 8 /05/2014
5) Come accedere al Backend
Per accedere alla zona di Backend del nostro sito intranet basterà digitare il seguente indirizzo
http://intranet.dica.polimi.it/typo3. 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
A - menù dei moduli
Intranet DICA
B
C
Quest’ultimo risulta diviso in 3 zone principali:
B - albero con la struttura del sito
C - area dedicata ai contenuti
Data Creazione 8 /05/2014
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
Intranet DICA
Data Creazione 8 /05/2014
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
Intranet DICA
Data Creazione 8 /05/2014
•
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
Intranet DICA
Data Creazione 8 /05/2014
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
Intranet DICA
Data Creazione 8 /05/2014
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).
Intranet DICA
Data Creazione 8 /05/2014
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
Intranet DICA
Data Creazione 8 /05/2014
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
Intranet DICA
Data Creazione 8 /05/2014
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
Intranet DICA
Data Creazione 8 /05/2014
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
Intranet DICA
Data Creazione 8 /05/2014
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
Intranet DICA
Data Creazione 8 /05/2014
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
Intranet DICA
Data Creazione 8 /05/2014
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.
2.
3.
4.
Standard (la classica pagnia con testo immagini e allegati)
Shorcut (una pagina che linka ad un’altra pagina)
Link a URL esterna (una pagina che rimanda ad una pagina esterna al sito)
Cartella (una pagina cartella che puo’ raggruppare altre pagine)
Intranet DICA
Data Creazione 8 /05/2014
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
Intranet DICA
Data Creazione 8 /05/2014
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
Intranet DICA
Data Creazione 8 /05/2014