MANUALE D USO Stazione editoriale MIR cms

Transcript

1 MANUALE D USO Stazione editoriale MIR cms

2 Come si accede: Per entrare alla parte amministrativa del sito è sufficiente digitare nella barra dell url l indirizzo del sito seguito da: /admin/ nome del sito aggiunta /admin/ Vi verrà richiesto di inserire username e password. Una volta inseriti i dati corretti avrete accesso alla stazione editoriale del vostro sito internet. menu area di lavoro In alto troverete il menu con tutte le opzioni riferite alle diverse sezioni o pagine dinamiche (che potete modificare a vostra discrezione) del sito. Nella zona sottostante comparirà, volta per volta, l area di lavoro grazie alla quale potete effettuare le modifiche.

3 Area di lavoro: L area di lavoro cambia in relazione al tipo di pagina o sezione per poter offrire in base alle esigenze gli strumenti più adatti. Nello specifico le possibilità sono: Foglio: Area di lavoro molto simile a quella di un normale editor di testo, una pagina bianca nella quale è possibile scrivere direttamente o incollare del testo (*NB ), creare tabelle, inserire immagini e creare link. NOTA BENE! Prima di incollare del testo all interno dell area di lavoro, per evitare problemi di errata codifica del testo, Vi invitiamo a seguire questa semplice procedura: 1_Selezionate il testo che desiderate inserire (sopratutto se è stato scritto in Word) e copiatelo in un file con estensione.txt. Per farlo è molto semplice basta aprire il programma Blocco Note (Start / Programmi / Accessori - in Windows) e incollare il testo.

4 Area di lavoro: Foglio: NOTA BENE! 2_Una volta aperto il programma si aprirà un foglio bianco dentro il quale incollate il testo: (Modifica / incolla), il testo vi coparirà privo di ogni forma di stile (grassetti, corsivi, colori...ecc) e con un carattere standard. Ogni forma di stile particolare del testo crea codice Html non conforme, quindi in questa fase è sempre meglio che non vi siano orpelli al testo che eventualmente potete aggiungere poi... 3_Ora potete selezionare l intero testo (Modifica / seleziona tutto) e successivamente copiarlo ( Modifica / copia) 4_Ora potete incollare il testo direttamente nell area di lavoro e successivamente lavorare per la personalizzazione

5 Area di lavoro: Foglio Le opzioni Annulla annnulla l ultima operazione effettuata Ripristina ripristina l ultima operazione annullata Elenco numerato crea un elenco ordinato numericamente Elenco puntato crea un elenco puntato (puntini) Collegamento ipertestuale crea un link a un altra pagina Rimuovi collegamento (selezionate la parola o le parole e cliccate l icona) Inserisci immagine inserisce all interno del foglio un immagine Proprietà immagine (selezionando l immagine già inserita nel foglio) CREARE UN LINK Per poter creare il link dovete selezionare la parola (o le parole) e cliccare l icona vi comparirà questa finestra: INSERIRE UN IMMAGINE Cliccando l icona vi comparirà questa finestra: PROPRIETÁ Cliccando l icona vi comparirà questa finestra: Tipo: tipologia di link: link (se il link è esterno alla pagina in cui state lavorando) Ancor (se il collegamento è interno alla pagina) url (indirizzo della pagina... deve essere sempre preceduto da: ) Target (ovvero dove si aprirà il collegamento: _self (si aprirà nella finistra) _blank (si aprirà in un altra finistra) Title (scritta che compare quando il mouse è sul link. Vi consigliamo di mettere sempre una parola o più per spiegare il link) Per poter caricare un immagine: 1_dovete premere scegli file e cercare l immagine all interno del vostro computer e cliccare Apri. 2_Accanto a scegli file comparirà così il nome dell immagine da voi scelta clicca Upload 3_il nome della vostra immagine (che deve essere composta SOLO ed ESCLUSIVAMENTE di numeri e lettere) ora comparirà nello spazio a sinistra in ordine sotto la cartella notes 4_selezionandola cliccate ok *nb: vi consigliamo sempre di inserire anche le proprietà dell immagine (prossima icona) per una maggiore indicizzazione File: indica il percorso (rimane invariato) Alt Tag: ovvero il testo al passaggio del mouse, vi consigliamo di metterlo sempre Title: ovvero il titolo dell immagine (può essere anche diverso da quello reale, serve per i non vedenti) larghezza e altezza: li inserisce automaticamente, ma se volete modificarle vi consigliamo di mantere constrain proportions (ovvero le proporzioni) class: normal allineamento: segue gli stessi principi dell allineamento del testo bordo: un bordo di contorno all immagine (la dimensione è espressa in pixel) spaziatura: spazio a margine dell immagine (la dimensione è espressa in pixel)

6 Area di lavoro: Foglio Le opzioni Flash permette di inserire file pdf, flash ecc. Barra orizzontale crea una barra orizzontale della lunghezza del foglio Pulizia codice HTML pulisce il codice html da stili (grassetto, corsivo..) lasciando pulito il codice Visualizza/Nascondi bordi INSERIRE FILE Cliccare l icona vi comparirà questa finestra: 1_Per caricare il file clicca... 2_Ti aprirà una finestra molto simile a quella per le immagini, funziona allo stesso modo 3_puoi anche inserire larghezza width e altezza height Puoi scegliere se vedere Flash Movies (swf formato Adobe Flash) Images (jpg, gif, png) Files (pdf, txt..) NB: assicurati che sia impostato su: tutti i file (*.*)

7 Area di lavoro: Foglio Le opzioni Grassetto Corsivo Sottolineato Barrato Sinistra Centrato Destra Giustificato Rientro a sinistra Rientro a destra (funziona solo se hai già creato un rientro e vuoi toglierlo) Colore carattere permette di cambiare colore al testo (dopo averlo selezionato clicca l icona) Colore carattere permette di applicare un colore di sfondo al testo (dopo averlo selezionato clicca l icona) Apice Pendice Permette di scrivere numeri o caratteri di dimensioni inferiori e con altezze diverse, utile quando si devono scrivere formule per es. Stile Applica un diverso stile al testo, che però vi sconsigliamo, in quanto generalmente quando viene creato un sito viene assegnato di defoult uno stile grafico che poi viene mantenuto per continuità e riconoscibilità all interno di tutte le pagine del sito. Paragrafo Permette di applica una diversa importanza a parti del testo. Tra le opzioni: _Paragrafo (impostato di defoult) _Normal (sconsigliato) _Heading 1 (titolo di maggiore importanza) _Heading 2 (titolo) _Heading 3 (titolo) _Heading 4 (titolo) _Heading 5 (titolo) _Heading 6 (titolo) _Preformatted (sconsigliato) _Address (per indirizzi o abbreviazioni) NB: a differenza di Stile tutte queste opzioni risposndono alle impostazioni grafiche.

8 Area di lavoro: Foglio Le opzioni: TABELLA Inserisci tabella Permette di inserire una tabella nel foglio Proprietà della tabella Permette di personalizzare la tabella (selezionando la tabella si attiva il bottone) Riapre la finestra di creazione della tabella Proprietà cella Permette di personalizzare la cella INSERIRE UNA TABELLA Cliccare l icona vi comparirà questa finestra: PROPRIETÁ Cliccando l icona vi comparirà questa finestra: Righe e colonne: puoi decidere il numero di righe e colonne della tabella Class CSS : normal Larghezza: puoi inserire un valore in pixel, una percentuale (in relazione allo spazio dedicato al testo, quindi 100% se deve occupare in larghezza tutto il foglio) oppure ometterlo (in questo caso si adatterà al contenuto) Altezza: puoi inserire un valore in pixel o una percentuale oppure ometterlo (in questo caso si adatterà al contenuto) Bordo: contorno esterno (valore in pixel) Bordatura celle: contorno dei rettangoli Spaziatura celle: spazio tra celle Colore bordo: colore del bordo (cliccando... si apre la palette colori) Immagine di sfondo: possibilità di inserire un immagine come sfondo della tabella. (cliccando... si apre la finestra per caricare l immagine) Class: Normal (rimane invariato) Allineamento orizzontale: segue gli stessi principi dell allineamento del testo Allineamento verticale: può essere in alto al centro in basso come cella vicina larghezza e altezza: puoi inserire un valore in pixel, una percentuale oppure ometterlo (in questo caso si adatterà al contenuto) No a capo automatico: il sistema in base alla larghezza della cella manda a capo il testo, disattivando questa opzione sei tu a scegliere quando andare a capo. Colore sfondo: colore dello sfondo (cliccando... si apre la palette colori) Immagine di sfondo: possibilità di inserire un immagine come sfondo della cella. (cliccando... si apre la finestra per caricare l immagine)

9 Area di lavoro: Foglio Le opzioni: TABELLA Inserisci riga Aggiunge una riga Inserisci colonna Aggiunge una colonna Elimina Riga Elimina colonna Unisci righe Selezionando più righe e cliccando l icona le righe selezionate vengono unite Unisci colonne Selezionando più colonne e cliccando l icona le colonne selezionate vengono unite Dividi la cella in orizzontale divide la cella creando nuove righe all interno della cella stessa Dividi la cella verticale divide la cella creando nuove colonne all interno della cella stessa

10 Area di lavoro: Elenco Semplice elenco delle diverse sezioni, sottosezioni, news, album fotografici ecc che sono stati creati e che compaiono nel sito internet. Per ogni vece viene specificato se è pubblicata (cotrasseganta da una S) e offre la possibilità di modifica o eliminazione, l aggiunta (presente solo nelle Sezioni) invece crea le sottosezioni. Sezione Sottosezione Modifica Apre la sezione per permettere le modifiche Elimina Elimina la sesione o sottosezione o album...ecc Aggiungi crea una sottosezione (è presente solo in sezioni)

11 News: Pagina di creazione e/o modifica Abstract Breve testo che compare come preview Testo Testo completo della news Link: Collegamento esterno al sito (**) Testo Link: Testo esplicativo del link contatto per la news In home: Vuoi pubblicare il preview in home? Immagine: Puoi inserire un immagine Pubblicata: Puoi decidere se pubblicare la news oppure no Posizione: posizione delle news Allegato: Puoi inserire un allegato (***) Descrizione allegato: Descrivi Posizione dell allegato (**) NOTA BENE: I link devono iniziare sempre con vi consigliamo quindi di copiare l indirizzo desiderato dalla barra dell url. (***) NOTA BENE: I nomi di IMMAGINI e FILE devono contenere SOLO ED ESCLUSIVAMENTE LETTERE E NUMERI! Apostrofi e altri caratteri non standard (più o meno ciò che è differente da lettere e numeri) vengono letti da diversi sistemi operativi in modo differente, col rischio di bloccare l Upload.

12 Calendario: Pagina di creazione e/o modifica Data: specifica il giorno in cui verrà segnalata la news o l evento Ordine: posizione Testo: Breve testo descrittivo Foto: Puoi inserire un immagine (***) Ordine: posizione Pubblicata: Puoi decidere se pubblicare la news oppure no Evento: i giorni sottolineati sono quelli in cui è stato inserito un evento Evento in home: se la data odierna corrisposnde a quella dell evento, questo viene segnalato in automatico in home page (***) NOTA BENE: I nomi di IMMAGINI e FILE devono contenere SOLO ED ESCLUSIVAMENTE LETTERE E NUMERI! Apostrofi e altri caratteri non standard (più o meno ciò che è differente da lettere e numeri) vengono letti da diversi sistemi operativi in modo differente, col rischio di bloccare l Upload.

13 Video: Pagina di creazione e/o modifica Testo: Breve testo descrittivo Link video: codice da incorporare in youtube Link Preview: immagine di preview del video Ordine: posizione Pubblicata: Puoi decidere se pubblicare la news oppure no

14 Statistiche: Cliccando dal menu il bottone statistiche potete visualizzare tutti i dati di navigazione relativi al vostro sito. Vi verrà richiesta username e password, una volta loggati vi apparirà una schermata simile a questa: Data: specifica a quale giorno e/o e/o settimana e/o mese e/o anno in cui si riferiscono i dati Menu Widget: finestre in cui compaiono i dati si possono facilemente trascinare per creare un interfaccia personalizzata Piwik vi permette di personalizzare l interfaccia per poter visualizzare solo i dati che maggiormente vi interessano. Menu: Dashbord Pagina iniziale in cui compaiono i widget prescelti Visitors In rollover compare il sottomenu: Offre un grafico delle visite degli ultimi 30 giorni e un riepilogo a elenco numerico Famiglia di browser Tipologia di browsers maggiormente usati Browser Versione del browser Plugins supportati Dice quali Plugins (ovvero dei programmi non autonomi che interagiscono con altri programmi per ampliarne le funzioni) sono maggiormente diffusi Configurazione Dichiara sistema operativo e risoluzione video presenti in % maggiore nei visitatori Sistema operativo classifica dei sistemi operativi Risoluzione video Tipo di monitor Offre un grafico globale delle visite, durata media della visita e il numero di pagine visitate in media Nazione, continente e provider delle visite,

15 Statistiche: Menu: Actions In rollover compare il sottomenu: Offre una tabella delle visite suddivisa per pagine Dice quali link (all interno del sito) che portano ad altri siti sono stati maggiormente cliccati Referers In rollover compare il sottomenu: Evoluzione sul periodo grafico dell evoluzione delle visite Tipo di referrer come un visitatore è arrivato al sito Motori di ricerca motori di ricerca usati Parole Chiave parole chiave della ricerca