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 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: 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