Post on 14-Mar-2016
description
Ma
nu
ale
d’u
so
Sis
tem
a s
ito
we
b a
ge
nz
ia –
cod.
MW
A re
v.0
del 1
3.07
.201
0
Manuale d’uso
Sistema di gestione
SITO WEB Agenzia di Viaggi
Indice
1 Le AREE e gli ELEMENTI del sito web________________________________________________________2
2 Il pannello di controllo___________________________________________________________________5
3 Modifica del sito web____________________________________________________________________5
4 Creazione e gestione delle pagine del sito___________________________________________________8
4.1 Creazione di una pagina________________________________________________________________9
4.2 Inserimento immagini nella pagina______________________________________________________12
4.3 Inserimento allegati nella pagina________________________________________________________13
4.4 Creazione di un banner che colleghi ad una pagina interna del sito____________________________14
4.5 Creazione di un banner o un pulsante che colleghi ad una pagina esterna al proprio sito____________15
Un progetto Pag. 1 di 16
Vietata la riproduzione, anche parziale, senza autorizzazione scritta di ISQ
Ma
nu
ale
d’u
so
Sis
tem
a s
ito
we
b a
ge
nz
ia –
cod.
MW
A re
v.0
del 1
3.07
.201
0
1 Le AREE e gli ELEMENTI del sito web
Fig. 1 – esempio di homepage
Un progetto Pag. 2 di 16
Vietata la riproduzione, anche parziale, senza autorizzazione scritta di ISQ
Ma
nu
ale
d’u
so
Sis
tem
a s
ito
we
b a
ge
nz
ia –
cod.
MW
A re
v.0
del 1
3.07
.201
0
Fig. 2 – Elementi del sito
INTESTAZIONE
AREA PULSANTI (menù di sinistra)
AREA IMMAGINI A ROTAZIONE
CORNICE DESTRA
CORNICE BASSA
PIE’ DI PAGINA
SFONDO
Un progetto Pag. 3 di 16
Vietata la riproduzione, anche parziale, senza autorizzazione scritta di ISQ
Ma
nu
ale
d’u
so
Sis
tem
a s
ito
we
b a
ge
nz
ia –
cod.
MW
A re
v.0
del 1
3.07
.201
0
LOGO
IMMAGINE INTESTAZIONE
LOGO NETWORK
PULSANTE
PULSANTE / BANNER PER LINK ESTERNO
PULSANTE LISTE NOZZE
BANNER PER LINK A PAGINA INTERNA
IMMAGINI A ROTAZIONE
TITOLO CORNICE DESTRA
TESTO CORNICE DESTRA
IMMAGINE CORNICE DESTRA
TITOLO CORNICE BASSA
IMMAGINE PAGINA CORNICE BASSA
TITOLO PAGINA CORNICE BASSA
DESCRIZIONE BREVE PAGINA CORNICE BASSA
DATI AGENZIA
REGISTRAZIONE NEWSLETTER
PULSANTE FACEBOOK
Un progetto Pag. 4 di 16
Vietata la riproduzione, anche parziale, senza autorizzazione scritta di ISQ
1
2
3
6
7
8
9
5
4
10
11
12
13
14
15
16
17
18
Ma
nu
ale
d’u
so
Sis
tem
a s
ito
we
b a
ge
nz
ia –
cod.
MW
A re
v.0
del 1
3.07
.201
0
2 Il pannello di controllo
Nella maschera di accesso digitare il nome utente e la password precedentemente forniti.Si apre la seguente schermata di apertura.
Fig. 3 – schermata di apertura del pannello di controllo
3 Modifica del sito webCliccando sul pulsante “modifica” si apre la schermata “Aggiorna sito”.Da questo pannello è possibile modificare:- Colore dello sfondo (vedi in fig.1 l’area in arancio). Per modificare il colore è
possibile impostare direttamente il codice del colore composto da 6 caratteri alfanumerici, oppure utilizzare la “tavolozza” che si apre automaticamente cliccando sulla casella del colore (vedi fig.5)
- Lo spessore del bordo che contorna lo sfondo (area arancione in fig.1). Impostando valore “0” non viene creato il bordo
- Colore del bordo- Attivazione del pulsante “facebook”- Indirizzo del proprio account facebook- Titolo cornice a destra- Testo cornice a destra- L’indirizzo di una pagina web per il link (collegamento) da aprirsi cliccando
sull’immagine nella cornice destra- Il titolo della cornice in basso (non superare la lunghezza di 32 caratteri)- Il numero di righe per inserire contenuti nella cornice in basso- Il numero di colonne per inserire contenuti nella cornice in basso (selezionabile il
valore 2 o 3 per motivi di ottimizzazione grafica)- Il colore del titolo che compare sotto le immagini nella cornice in basso- L’immagine della cornice destra (l’inserimento funziona come per gli allegati della
posta elettronica, andando a selezionare il file immagine all’interno di una cartella del proprio computer). L’immagine verrà ridimensionata automaticamente con una larghezza di 160 pixels.
Un progetto Pag. 5 di 16
Vietata la riproduzione, anche parziale, senza autorizzazione scritta di ISQ
Ma
nu
ale
d’u
so
Sis
tem
a s
ito
we
b a
ge
nz
ia –
cod.
MW
A re
v.0
del 1
3.07
.201
0
Una volta reimpostati i valori desiderati, cliccare sul pulsante “modifica” in basso per rendere effettive le modifiche.
Se non si vogliono effettuare modifiche, cliccare sul pulsante “annulla” in basso, oppure sulla X bianca in sfondo verde in alto a destra per chiudere la schermata.
Fig.4 – pagina modifica elementi generali del sito web
Un progetto Pag. 6 di 16
Vietata la riproduzione, anche parziale, senza autorizzazione scritta di ISQ
Ma
nu
ale
d’u
so
Sis
tem
a s
ito
we
b a
ge
nz
ia –
cod.
MW
A re
v.0
del 1
3.07
.201
0
Fig.5 – dettaglio tavolozza colori
Un progetto Pag. 7 di 16
Vietata la riproduzione, anche parziale, senza autorizzazione scritta di ISQ
Ma
nu
ale
d’u
so
Sis
tem
a s
ito
we
b a
ge
nz
ia –
cod.
MW
A re
v.0
del 1
3.07
.201
0
4 Creazione e gestione delle pagine del sito
Fig.6 – esempio di pagina del sito web
Un progetto Pag. 8 di 16
Vietata la riproduzione, anche parziale, senza autorizzazione scritta di ISQ
Ma
nu
ale
d’u
so
Sis
tem
a s
ito
we
b a
ge
nz
ia –
cod.
MW
A re
v.0
del 1
3.07
.201
0
4.1 Creazione di una paginaPer generare una nuova pagina del proprio sito web:
1- cliccare sul numero delle pagine attive nella colonna “Pagine” (per esempio in fig.3 il numero “8”)
2- si apre la schermata “Pagine per nome sito” come in fig.7.3- cliccare sul pulsante “Nuovo” in alto a destra della schermata “Pagine”4- Nella schermata che si apre (vedi fig.8) inserire:
a. il titolob. la descrizione brevec. indicare nella casella “visibile nel menu di sinistra”se la pagina dovrà essere
raggiungibile attraverso un pulsante nell’area menù di sinistra (sezione B). In questo caso il Sistema genera automaticamente un pulsante contrassegnato dal titolo della pagina (vedi precedente punto a)
d. indicazione dell’ordine del pulsante relativo alla pagina nell’area pulsanti (sezione B)
e. indicazione nella casella “visibile nella cornice in basso” se la pagina dovrà essere raggiungibile attraverso un collegamento dalla cornice in basso (sezione E)
f. inserimento dei contenuti di testo. È possibile copiare e incollare dei contenuti di testo da altri software (per esempio Microsoft Word) o scrivere direttamente i contenuti desiderati. I contenuti verranno automaticamente posizionati nella pagina come in fig.6
g. inserimento dell’immagine principale della pagina. L’immagine si posizionerà in alto al centro della pagina. In caso di pagina visibile nella cornice in basso, la stessa immagine si ridimensiona in automatico per posizionarsi nella cornice in basso e fungere da pulsante per raggiungere la pagina. Solo nel caso in cui la pagina sia visibile solo nel menù di sinistra, si può omettere di inserire l’immagine principale.
Cliccare sul pulsante in basso a sinistra per rendere effettiva la creazione della pagina.
NOTA BENE: è possibile creare una pagina che sia raggiungibile sia dal menù di sinistra che dalla cornice in basso.
Un progetto Pag. 9 di 16
Vietata la riproduzione, anche parziale, senza autorizzazione scritta di ISQ
Ma
nu
ale
d’u
so
Sis
tem
a s
ito
we
b a
ge
nz
ia –
cod.
MW
A re
v.0
del 1
3.07
.201
0
Fig.7 – schermata gestione pagine del sito web
Un progetto Pag. 10 di 16
Vietata la riproduzione, anche parziale, senza autorizzazione scritta di ISQ
Ma
nu
ale
d’u
so
Sis
tem
a s
ito
we
b a
ge
nz
ia –
cod.
MW
A re
v.0
del 1
3.07
.201
0
Fig.8 – Schermata creazione pagina del sito
Un progetto Pag. 11 di 16
Vietata la riproduzione, anche parziale, senza autorizzazione scritta di ISQ
Ma
nu
ale
d’u
so
Sis
tem
a s
ito
we
b a
ge
nz
ia –
cod.
MW
A re
v.0
del 1
3.07
.201
0
4.2 Inserimento immagini nella paginaÈ possibile inserire 6 foto per pagina.
Fig.9 – schermata inserimento immagini nella pagina del sito
Per inserire le immagini:1- Aprire il menù pagine cliccando sul numero sotto alla voce “pagine”2- cliccare sul numero (inizialmente 0) che si trova sotto la voce “altre foto” nella riga
della pagina in cui inserire immagini3- cliccare sulla voce “nuovo”4- inserire un nome per l’immagine5- selezionare un’immagine tra quelle all’interno del proprio computer6- nel menù “Foto per nomepagina” compare l’immagine inserita
per modificare o eliminare un’immagine cliccare a fianco dell’immagine prescelta il pulsante “modifica” o “elimina”.Le foto si posizioneranno nella pagina a 2 a 2 tra le 3 zone di testo.Se non vengono inserite immagini la pagina si imposta comunque in modo da non lasciare spazi bianchi.L’ordine delle foto nella pagina segue l’ordine cronologico in cui vengono inserite.È possibile inserire più di 6 immagini; nella pagina ne saranno inserite comunque 6.
Un progetto Pag. 12 di 16
Vietata la riproduzione, anche parziale, senza autorizzazione scritta di ISQ
Ma
nu
ale
d’u
so
Sis
tem
a s
ito
we
b a
ge
nz
ia –
cod.
MW
A re
v.0
del 1
3.07
.201
0
4.3 Inserimento allegati nella paginaGli allegati nella pagina possono essere utilizzati per dare la possibilità ai propri utenti/clienti di scaricare tramite il sito: locandine, listini, moduli iscrizione, ecc.È possibile inserire un numero illimitato di allegati per pagina.
Fig.10 – Schermata inserimento allegati alla pagina del sito
Per inserire i documenti allegati:1- Aprire il menù pagine cliccando sul numero sotto alla voce “pagine”2- cliccare sul numero (inizialmente 0) che si trova sotto la voce “allegati” nella riga
della pagina in cui inserire allegati3- cliccare sulla voce “nuovo”4- inserire un nome descrittivo per l’allegato (verrà visualizzato nella pagina a fianco
dell’icona allegato)5- selezionare un documento tra quelli all’interno del proprio computer. Gli allegati
possono essere:a. PDFb. Wordc. Exceld. ZIPe. Immagini di vari formati
A seconda del tipo di file allegato il Sistema inserisce in corrispondenza del pulsante per aprire il file, un’icona che rappresenta il tipo di file.6- nel menù “Foto per nomepagina” compare il documento inserito
Per modificare o eliminare un allegato cliccare a fianco dell’allegato prescelto il pulsante “modifica” o “elimina”.I pulsanti per aprire gli allegati saranno posizionati sul fondo della pagina.L’ordine degli allegati nella pagina segue l’ordine cronologico in cui vengono inseriti.
Un progetto Pag. 13 di 16
Vietata la riproduzione, anche parziale, senza autorizzazione scritta di ISQ
Ma
nu
ale
d’u
so
Sis
tem
a s
ito
we
b a
ge
nz
ia –
cod.
MW
A re
v.0
del 1
3.07
.201
0
Fig.11 – dettaglio allegati di una pagina del sito
4.4 Creazione di un banner che colleghi ad una pagina interna del sito
Fig.12 – esempio di inserimento di banner collegato a pagina interna
Un progetto Pag. 14 di 16
Vietata la riproduzione, anche parziale, senza autorizzazione scritta di ISQ
Ma
nu
ale
d’u
so
Sis
tem
a s
ito
we
b a
ge
nz
ia –
cod.
MW
A re
v.0
del 1
3.07
.201
0
Il Sistema permette di creare nella Area Pulsanti (Area B) dei banner che, se cliccati, aprono una pagina interna del sito.Per la creazione occorre inserire una nuova pagina come da capitolo 4.1. Nella schermata “crea pagine” inserire:
il titolo della pagina la descrizione definire che sia visibile dal menù di sinistra l’ordine di posizionamento del banner rispetto agli altri pulsanti in “tipo collegamento” selezionare “pagina interna” in “formato collegamento pagina” selezionare “immagine” inserire l’immagine del banner selezionandola tra i contenuti del proprio computer procedere all’inserimento dei contenuti della pagina (testi, foto e allegati) come
precedentemente illustrato
4.5 Creazione di un banner o un pulsante che colleghi ad una pagina esterna al proprio sito
Per creare un banner che apra una pagina esterna al proprio sito (elemento 5), è possibile eseguire la procedura sopra riportata e quindi:
in “tipo collegamento pagina” selezionare “collegamento esterno” in “formato collegamento pagina” selezionare “immagine” in “collegamento esterno” inserire l’indirizzo della pagina web che si vuole far aprire
cliccando sul banner
Se invece si volesse creare un pulsante che indirizzi ad un collegamento esterno (vedi fig.13), occorre:
in “tipo collegamento” selezionare “collegamento esterno” in “formato collegamento pagina” selezionare “pulsante” in “collegamento esterno” inserire l’indirizzo della pagina web che si vuole far aprire
cliccando sul banner
Per tutti e due i formati di collegamento esterno è quindi possibile inserire l’ordine nel menù di sinistra.
Attenzione! In entrambi i casi non occorre inserire contenuti nella pagina.
Un progetto Pag. 15 di 16
Vietata la riproduzione, anche parziale, senza autorizzazione scritta di ISQ
Ma
nu
ale
d’u
so
Sis
tem
a s
ito
we
b a
ge
nz
ia –
cod.
MW
A re
v.0
del 1
3.07
.201
0
Fig.13 – esempio di inserimento collegamento a sito esterno
Un progetto Pag. 16 di 16
Vietata la riproduzione, anche parziale, senza autorizzazione scritta di ISQ