TYPO 3
MANUALE UTENTE
Dipartimento di Ingegneria Civile e Ambientale
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
Quest’ultimo risulta diviso in 3 zone principali: A - menù dei moduli B - albero con la struttura del sito C - area dedicata ai contenuti
A
B
C
Intranet DICA Data Creazione 8 /05/2014
6) Come creare contenuti (testo, elenchi puntati e tabelle)
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
C
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 il sistema permette la visualizzazione di un’immagine precedentemente caricata
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. 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)
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