Manuale gestione siti

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



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



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



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.



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



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



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



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.



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



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



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.



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.



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



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.



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



Manuale gestione siti

Documents

Transcript of Manuale gestione siti