Revisione 1.0
2 di 108
Indice generale
Inizia a creare il tuo sito con vadoinrete.it........................................................................ 5
Passo 1: scelta del tipo di sito che si desidera creare......................................................... 6
Passo 2: definire dell'aspetto grafico del sito..................................................................... 7
Selezionare il modello grafico da applicare al sito.......................................................... 8
Selezionare lo schema dei colori.................................................................................. 9
Selezionare l'intestazione......................................................................................... 10
Selezionare lo stile del menu.................................................................................... 11
Personalizzare il logo............................................................................................... 12
Specificare Titolo, Sottotitolo e Copyright................................................................... 13
Passo 3: creare la struttura del sito............................................................................... 14
Tipi di pagine.......................................................................................................... 16
Aggiungere pagine nella struttura del sito................................................................... 17
Cambiare la posizione delle pagine all'interno della struttura del sito.............................. 18
Rinominare le pagine............................................................................................... 19
Rimuovere pagine dalla struttura del sito.................................................................... 20
Scegliere la lingua, la valuta, il formato dei numeri e di data e ora del sito...................... 21
Passo 4: popolare il sito con i contenuti.......................................................................... 22
Configurare la mappa del sito................................................................................... 24
Lavorare con i testi.................................................................................................. 25
Applicare stili, font e colori al testo........................................................................ 26
Formattare i paragrafi.......................................................................................... 27
Copiare e tagliare il testo...................................................................................... 27
Cercare e sostituire parti di testo........................................................................... 28
Effettuare il controllo ortografico sulla pagina.......................................................... 29
Annullare e ripetere le operazioni.......................................................................... 29
Inserire collegamenti........................................................................................... 30
Inserire collegamenti esterni............................................................................. 30
Inserire collegamenti interni.............................................................................. 34
Inserire àncore................................................................................................ 35
Inserire collegamenti ad indirizzi di posta elettronica............................................ 37
Lavorare con le immagini......................................................................................... 39
Inserire un'immagine........................................................................................... 39
Modificare un'immagine........................................................................................ 41
Rimuovere un'immagine....................................................................................... 45
Lavorare con le tabelle............................................................................................. 45
Inserire tabelle................................................................................................... 45
Modificare le proprietà di una tabella...................................................................... 47
© 2008 INK Open Solutions
3 di 108
Aggiungere o rimuovere righe, colonne e celle......................................................... 48
Modificare le proprietà di una cella......................................................................... 49
Unire delle celle.................................................................................................. 50
Dividere una cella................................................................................................ 51
Inserire contenuti ad una tabella........................................................................... 52
Rimuovere tabelle............................................................................................... 52
Lavorare con i moduli.............................................................................................. 52
Inserire un modulo Blog....................................................................................... 54
Gestire gli argomenti del Blog........................................................................... 56
Gestire i commenti riguardanti gli argomenti del Blog........................................... 58
Gestire le categorie di argomenti del Blog........................................................... 60
Configurare l'aspetto del Blog............................................................................ 61
Inserire un modulo Galleria Immagini..................................................................... 62
Gestire le immagini della Galleria....................................................................... 63
Gestire le categorie di immagini della Galleria...................................................... 67
Configurare l'aspetto della Galleria..................................................................... 69
Inserire un modulo Negozio Online........................................................................ 70
Gestire i prodotti del Negozio............................................................................ 70
Associare i prodotti del Negozio alle rispettive categorie........................................ 70
Configurare l'aspetto del Negozio....................................................................... 70
Configurare i metodi di pagamento da utilizzare all'interno del Negozio................... 70
Specificare le Condizioni di Utilizzo per clienti del Negozio..................................... 70
Anteprima del Negozio..................................................................................... 71
Configurare la notifica d'ordine per i clienti del Negozio......................................... 71
Fare in modo che il tuo Negozio sia ricercato da Google........................................ 71
Dotare il catalogo di prodotti del Negozio di un Feed RSS...................................... 71
Gestire gli ordini dei clienti del Negozio............................................................... 71
Inserire un modulo Scarica File............................................................................. 71
Inserire un modulo Introduzione Flash.................................................................... 72
Inserire un modulo Forum.................................................................................... 74
Gestire gli argomenti del Forum......................................................................... 74
Gestire le repliche agli argomenti trattati sul Forum.............................................. 75
Gestire le categorie di argomenti trattati sul Forum.............................................. 75
Configurare l'aspetto del Forum......................................................................... 75
Inserire un modulo Libro degli Ospiti...................................................................... 75
Gestire i messaggi del Libro degli Ospiti.............................................................. 75
Configurare l'aspetto del Libro degli Ospiti.......................................................... 75
Inserire un modulo Registrazione Visitatori............................................................. 75
Configurazione generale del modulo................................................................... 76
Configurare le risposte automatiche................................................................... 76
© 2008 INK Open Solutions
4 di 108
Gestire la registrazione dei visitatori del sito........................................................ 76
Inserire un modulo Mappa dell'area....................................................................... 76
Configurazione del servizio Google Maps API....................................................... 76
Configurazione del Servizio Web Microsoft MapPoint............................................. 79
Inserire un modulo Commenti............................................................................... 81
Inserire un modulo Lettore RSS............................................................................. 84
Inserire un modulo Script..................................................................................... 86
Inserire un modulo Votazione................................................................................ 87
Inserire un modulo Indicatore dello Stato Online...................................................... 89
Inserire un modulo SitePal.................................................................................... 91
Passo 5: Pubblicare il sito............................................................................................. 96
Pubblicazione di un sito da parte un utente non registrato............................................. 96
Pubblicazione di un sito da parte di utente registrato.................................................... 97
© 2008 INK Open Solutions
5 di 108
Inizia a creare il tuo sito con vadoinrete.it
La pagina d'ingresso al percorso guidato di vadoinrete descrive brevemente i cinque passi che devono
essere eseguiti per creare il proprio sito.
1. Avvio: in questo passo è possibile scegliere che tipologia di sito si desidera creare (sito web, blog
o galleria fotografica)
2. Grafica: in questo passo è possibile scegliere che modello grafico applicare al sito, lo schema dei
colori, lo stile del menu, il logo, l'intestazione e specificare il titolo, il sottotitolo e le informazioni di
copyright del sito.
3. Pagine: in questo passo è possibile definire la struttura del sito
4. Modifica: in questo passo è possibile personalizzare i contenuti di ogni pagina del sito
5. Pubblica: in questo passo è possibile visualizzare l'anteprima del sito di prova ed effettuare la
pubblicazione del sito definitivo
Per iniziare il percorso guidato premere sul pulsante
“Avvio”.
Illustrazione 1: pagina d'ingresso al percorso guidato di vadoinrete.it
© 2008 INK Open Solutions
6 di 108
Passo 1: scelta del tipo di sito che si desidera creare
Il primo passo del percorso guidato di vadoinrete permette di scegliere la tipologia di sito che si desidera
creare. E' possibile scegliere tra sito web, galleria fotografica e blog. Una volta effettuata la scelta occorre
premere sul pulsante
“Avanti”.
Illustrazione 2: passo 1 – scelta del tipo di sito
© 2008 INK Open Solutions
7 di 108
Passo 2: definire dell'aspetto grafico del sito
Il secondo passo del percorso guidato di vadoinrete permette di definire l'aspetto grafico del sito
combinando gli elementi predefiniti messi a disposizione con quelli personalizzabili dall'utente.
Vadoinrete mette a disposizione oltre 300 modelli grafici suddivisi in differenti categorie, schemi di colori,
intestazioni e stili da applicare al menu e permette di personalizzare uteriormente l'aspetto grafico del sito
dando la possibilità agli utenti di caricare la propria intestazione ed il proprio logo. Vadoinrete da inoltre
la possibilità di specificare le informazioni relative al titolo, al sottotitolo ed al copyright del sito.
Illustrazione 3: passo 2 – definire dell'aspetto grafico del sito
L'area di lavoro è suddivisa nel modo seguente:
1. Area di selezione del modello grafico. Permette di scegliere quale modello grafico utilizzare per
il sito. Quando si sceglie la voce “Tutte le Categorie” dal menu a tendina “Categorie”, in questa
area vengono visualizzati tutti i modelli grafici messi a disposizione da vadoinrete.
2. Finestra di anteprima del modello grafico. All'interno di questa finestra viene visualizzato il
modello grafico selezionato. Cliccando su essa viene visualizzato il modello grafico nelle sue
© 2008 INK Open Solutions
8 di 108
dimensioni reali.
3. Area degli schemi dei colori. Permette di scegliere che schema di colori da utilizzare per il sito.
4. Area delle intestazioni. Permette di selezionare o caricare l'intestazione del il sito.
5. Area stili menu. Permette di scegliere che stile applicare al menu del sito.
6. Area del logo. Permette di caricare il logo del sito.
7. Area informazioni sito. Permette di inserire le informazioni riguardo il titolo, il sottotitolo ed il
copyright del sito.
8. Area di navigazione dei modelli grafici.
Selezionare il modello grafico da applicare al sito
I modelli grafici messi a disposizione da vadoinrete sono raggruppati per categorie che corrispondono ai
più frequenti tipi di sito utilizzati. Per selezionare un modello grafico da applicare al proprio sito occorre
eseguire le istruzioni seguenti:
1. Selezionare una categoria dal menu a tendina “Categoria” oppure inserire il codice identificativo
del modello grafico nella casella di testo “Cerca” e premere sul pulsante “Vai!”
2. Cliccare sul modello grafico prescelto per selezionarlo. Il modello grafico selezionato comparirà
nella finestra di anteprima mentre nelle rispettive aree dedicate compariranno gli schemi dei colori,
le intestazioni e gli stili del menu ad esso associati.
Illustrazione 4: Selezionare il modello grafico
© 2008 INK Open Solutions
9 di 108
Selezionare lo schema dei colori
Per ogni modello grafico sono disponibili 3 schemi di colori. Non è possibile caricare schemi di colori
personalizzati. Per applicare al proprio sito lo schema di colori desiderato, cliccare sulla miniatura
corrispondente. Lo schema di colori scelto sarà applicato al modello grafico selezionato ed il risultato sarà
visualizzato nella finestra di anteprima.
Illustrazione 5: Selezionare uno schema di colori
Selezionare l'intestazione
L'intestazione di un sito costruito in vadoinrete è una grande immagine rettangolare che funge da
elemento centrale nel layout del modello grafico prescelto. Ogni modello grafico offre differenti
intestazioni. E' possibile tuttavia personalizzare ulteriormente il modello grafico applicato al sito caricando
un'intestazione personalizzata. Prima di caricare un'intestazione si consiglia di controllare le dimensioni
delle intestazioni originali messe a disposizione dal modello grafico prescelto in modo che abbiano la
stessa altezza e larghezza. Per controllare le dimensioni, fare click con il tasto destro del mouse
sull'anteprima dell'intestazione e scegliere la voce “Proprietà” dal menù contestuale. E' consentito
caricare intestazioni personalizzate aventi dimensioni massime di 1024x350 pixel nei formati *.bmp,
*.gif, *.jpg, *.png.
Come selezionare un'intestazione da applicare al sito
1. Nell'area delle intestazioni premere sulla freccia che apre il menu a tendina delle intestazioni
disponibili.
© 2008 INK Open Solutions
10 di 108
2. Selezionare l'intestazione che si desidera applicare al sito.
L'intestazione scelta sarà visualizzata nella finestra di anteprima del modello grafico.
Come caricare un'intestazione personalizzata
1. Nell'area delle intestazioni premere sul pulsante “Sfoglia...”
2. Selezionare l'intestazione dal proprio computer.
3. Cliccare sul pulsante “Caricamento”.
Alcuni modelli grafici applicano alcune restrizioni sulle intestazioni personalizzate. In caso di messaggi
di errore dopo il caricamento, cercare di correggere l'intestazione sulla base del tipo di errore
notificato.
Nota Bene: Alcuni modelli grafici non supportano il caricamento di intestazioni personalizzate. Per
questi modelli il pulsante “Sfoglia...” e “Carica” presenti nell'area intestazioni sono disabilitati.
Illustrazione 6: Selezionare o caricare un'intestazione
Selezionare lo stile del menu
Lo stile del menu definisce il modo in cui vengono visualizzate le voci di menu all'interno del sito. Per
selezionare uno stile di menu, scegliere lo stile desiderato dall'area stili menu. Per ogni modello grafico,
sono disponibili vari stili di menu.
© 2008 INK Open Solutions
11 di 108
Illustrazione 7: Selezionare lo stile del menu
Personalizzare il logo
Il logo di un sito costruito in vadoinrete è una piccola immagine visualizzata in cima ad ogni singola
pagina all'interno dell'intestazione. E' possibile caricare loghi aventi dimensione massima di 320x320
pixel nei formati *.bmp, *.gif, *.jpg, *.png. Per caricare un logo personalizzato occorre eseguire le
istruzioni seguenti:
1. Nell'area del logo premere sul pulsante “Sfoglia...”
2. Selezionare il logo dal proprio computer.
3. Cliccare sul pulsante “Caricamento”
Per ogni modello grafico viene fornito un logo di default. Per ripristinarlo premere il pulsante “Ripristina
Predefinito”. Per eliminare il logo dalla grafica applicata al sito premere il pulsante “Cancellare”.
© 2008 INK Open Solutions
12 di 108
Illustrazione 8: Caricare un logo
Specificare Titolo, Sottotitolo e Copyright
Il titolo, il sottotitolo ed il copyright sono elementi di testo che appaiono nello sfondo del sito: il titolo ed il
sottotitolo sono visualizzati all'interno dell'intestazione, il copyright è visualizzato in fondo ad ogni pagina
del sito. Per personalizzare tali elementi di testo occorre eseguire le istruzioni seguenti:
1. Inserire il titolo nel campo “Titolo del sito” (massimo 255 caratteri). Nei siti appartenenti alla
categoria business corrisponde abitualmente al nome dell'azienda
2. Inserire il sottotitolo nel campo “Sottotitolo”. Questa frase riflette abitualmente il concetto
fondamentale che si desidera comunicare attraverso il sito e verrà visualizzata sotto il titolo con un
carattere più picolo. Nei siti appartenenti alla categoria business corrisponde abitualmente allo
slogan aziendale.
3. Inserire il copyright nel campo “Messaggio del piè di pagina”.
E' possibile distribuire ogni elemento di testo su più righe inserendo il tag <br> nel punto in cui si
desidera che il testo vada a capo. Ad esempio: prima riga<br>seconda riga<br>terza riga...Se si lasciano
vuote i campi “Titolo del sito”, “Sottotitolo” e “Messaggio del piè di pagina” saranno visualizzati dei
messaggi di testo di default.
Nota Bene: Alcuni modelli grafici permettono la personalizzazione del solo titolo del sito. Per tali
modelli le caselle di testo “Sottotitolo” e “Messaggio del piè di pagina” sono disabilitate.
© 2008 INK Open Solutions
13 di 108
Illustrazione 9: Specificare titolo, sottotitolo e copyright
© 2008 INK Open Solutions
14 di 108
Passo 3: creare la struttura del sito
Un sito è composto da un certo numero di pagine collegate tra di loro in un determinato ordine.
Utilizzando vadoinrete è possibile organizzare le pagine di un sito in due livelli gerarchici: pagine di
primo livello e pagine di secondo livello. Per facilitare agli utenti la creazione dei propri siti, vadoinrete
mette a disposizione un certo numero di set di pagine predefinite che possono essere utilizzate come
modello. Il set di pagine che viene visualizzato di default dipende dal tipo di sito che viene scelto nel
passo uno del percorso guidato. All'interno terzo passo del percorso guidato è possibile costruire la
struttura del sito come desiderato semplicemente aggiungendo le pagine ed organizzandole nel modo più
opportuno. Gli utenti possono disporre delle seguenti funzionalità:
Illustrazione 10: passo 3 - creare la struttura del sito
L'area di lavoro è strutturata nel modo seguente:
1. Area Set di pagine. Permette di scegliere il set di pagine da utilizzare per il sito. Il set di pagine
selezionato viene visualizzato nel riquadro rosso.
2. Area Pagine standard. Visualizza la struttura del set di pagine selezionato.
© 2008 INK Open Solutions
15 di 108
3. Area La struttura del tuo sito. Visualizza la struttura finale del sito.
4. I pulsanti
e
permettono di aggiungere o rimuovere pagine dalla struttura del
sito.
5. Area Posizione della pagina. Permette di organizzare la gerarchia delle pagine nella mappa del
sito e rinominare le pagine.
6. Area Opzioni internazionali e della lingua del sito. Permette di impostare il linguaggio del sito
ed i formati da utilizzare per numeri, data e ora.
7. Area Pagine speciali. Visualizza tutti i tipi di pagina che possono essere inserite nella struttura
del sito: una pagina comune e tutti i moduli di pagina.
Tipi di pagine
In vadoinrete ci sono 2 tipi di pagine:
•
Pagine Standard. Sono le normali pagine HTML utilizzate per visualizzare i testi.
•
Pagine Speciali. Sono i moduli messi a disposizione da vadoinrete per arricchire le funzionalità
del sito. Ogni modulo è progettato per ottenere certi risultati ed è identificato da una specifica
icona. I moduli disponibili sono i seguenti:
•
Modulo Blog. Supporta le funzionalità standard di un blog: post, commenti, catalogazione
di contenuti, ecc. L'utilizzo di tale tipo di modulo risulta molto utile per organizzare News,
Eventi e pagine simili all'interno del sito.
•
Modulo Galleria Fotografica. Permette di condividere immagini e fotografie direttamente
sul sito. Supporta il caricamento in background delle immagini con funzioni di raggruppamento,
organizza le immagini o le fotografie in album, ecc.
•
Modulo Negozio Online. Permette di creare e gestire tutte le funzionalità di carrello
elettronico, gestisce più valute, classifica i cataloghi prodotti, mette a disposizione il supporto
per gestire l'inventario dei prodotti, i costi di trasporto e gli ordini. Si integra inoltre con diversi
sistemi di pagamento online come PayPal, Authorize.Net ed altri.
•
Modulo Scarica File. Permette ai visitatori del sito di scariare i file messi a disposizione.
Nota Bene: Ogni Modulo Scarica File permette di scaricare un solo file per volta. Se si
desidera mettere a disposizione dei visitatori più files sarà necessario inserire nella stuttura del
sito più moduli (uno per ogni file).
•
Modulo Introduzione Flash. Mette a disposizione un'introduzione flash da inserire nel sito.
E' possibile personalizzare l'introduzione scegliendo tra diversi temi ed inserendo al suo interno
del testo.
© 2008 INK Open Solutions
16 di 108
Nota Bene: Il Modulo Introduzione Flash è l'unico modulo che non richiede PHP (linguaggio
di script) nel luogo di pubblicazione e che quindi può essere incluso in un sito statico.
Modulo Forum. Permette di configurare un forum in cui i visitatori possono mandare
•
messaggi e partecipare a gruppi di discussione.
Modulo Libro degli Ospiti. Permette di inserire all'interno del sito un libro degli ospiti
•
ovvero un'area del sito in cui i visitatori possono lasciare il loro nome, indirizzo o messaggi
personali.
Modulo Registrazione Visitatori. Permette di gestire l'accesso al sito dei visitatori che
•
desiderano registrarsi. Dopo che i visitatori scelgono questa opzione, i dati da loro inseriti in
fase di registrazione sono automaticamene caricati in tutti i form a cui accedono nel sito, come
ad esempio, quando propongono un argomento nel forum o quando acquistano un prodotto dal
negozion online. E' possibile decidere di sospendere l'account di un visitatore in modo da
impedire che effettui l'accesso alle aree del sito in cui è necesario effettuare il login.
Nota Bene: La lista dei moduli disponibili è determinata dal tipo di pacchetto acquistato su
vadoinrete. E' possibile inserire diversi moduli dello stesso tipo all'interno del sito ad eccezione
del Modulo Introduzione Flash e del Modulo Registrazione che possono essere inseriti una
sola volta.
Aggiungere pagine nella struttura del sito
Per aggiungere pagine alla struttura del sito occorre seguire le istruzioni seguenti:
1. Selezionare le pagine necessarie nell'area Pagine Standard o nell'area Pagine Speciali.
Nota Bene: I titoli dei moduli nei set di pagine possono differire dai nomi originali. Per esempio,
una
Galleria fotografica corrisponde al modulo
Galleria della Immagini. E' comunque
sempre possibile identificare un modulo dalla sua icona.
2. Premere il pulsante
o trascinare le pagine nell'area La struttura del tuo sito. E'
possibile inserire nel sito più moduli dello stesso tipo ad eccezione del Modulo Introduzione Flash e
del Modulo Registrazione che possono essere inseriti una sola volta.
© 2008 INK Open Solutions
17 di 108
Illustrazione 11: Aggiungere pagine
Cambiare la posizione delle pagine all'interno della struttura del sito
Per cambiare la posizione delle pagine all'interno della struttura del sito seguire le istruzioni seguenti:
1. Selezionare la pagina per la quale si desidera cambiare posizione
2. Utilizzare uno dei pulsanti dell'area Posizione Pagine
•
Per muovere una pagina dal secondo livello al primo livello della struttura, premere il pulsante
“Sinistra”
•
Per muovere una pagina dal primo livello al secondo livello della struttura, premere il pulsante
“Margine Destro”
•
Per muovere una pagina in alto, nello stesso livello, premere sul pulsante “Su”
•
Per muovere una pagina in basso, nello stesso livello, premere sul pulsante “Giù”
Nota Bene: I moduli aggiunti al sito possono stare solo al primo livello della struttura e non
possono avere pagine dipendenti di secondo livello. L'unica eccezione è il Modulo Scarica, che
può essere inserito anche in un secondo livello.
© 2008 INK Open Solutions
18 di 108
Illustrazione 12: Cambiare la posizione delle pagine all'interno della struttura del sito
Rinominare le pagine
Per rinominare una pagina all'interno della struttura del sito seguire le istruzioni seguenti:
1. Selezionare la pagina che si desidera rinominare dall'area La struttura del tuo sito
2. Inserire il nuovo nome
3. Premere INVIO
E' possibile inotre rinominare le pagine del sito anche nel quarto passo del percorso guidato utilizzando il
campo “Titolo della pagina” situato nell'area Mappa del Sito.
© 2008 INK Open Solutions
19 di 108
Illustrazione 13: Rinominare una pagina
Rimuovere pagine dalla struttura del sito
Per rimuove una pagina dalla struttura del sito, selezionarla dall'area La struttura del tuo sito e
premere il pulsante
.
Nota Bene: Non è possibile rimuovere tutte le pagine dall'area La struttura del tuo sito. Deve
rimanerne almento una. Nel caso sia necessario ricostruire totalmente la struttura del sito dovrà
rimanere una pagina che poi sarà in seguito modificata secondo i nuovi contenuti da inserire.
© 2008 INK Open Solutions
20 di 108
Illustrazione 14: Rimuovere delle pagine
Scegliere la lingua, la valuta, il formato dei numeri e di data e ora del sito
Vadoinrete permette di creare siti in una lingua differente da quella utilizzata nel percorso guidato. E'
possibile selezionare la lingua desiderata dal menu a tendina che si trova nell'area Opzioni
internazionali e lingua del sito. La scelta della lingua determina il formato dei numeri, della valuta, dei
prezzi e anche della data e dell'ora.
Nota Bene: Il formato di valuta e prezzi selezionati saranno applicati automaticamente all'eventuale
modulo Negozio Online inserito nel sito. Esiste la possibilità di modificare tali impostazioni solamente per
il negozio online durante la fase di configurazione dello stesso.
© 2008 INK Open Solutions
21 di 108
Illustrazione 15: Scegliere la lingua, la valuta e il formato per numeri, data e ora
© 2008 INK Open Solutions
22 di 108
Passo 4: popolare il sito con i contenuti
Creare il contenuto del sito significa creare i contenuti di ogni pagina HTML e configurare i moduli che
costituiscono il sito. All'interno del quarto passo della procedura guidata di vadoinrete è possibile fare
tutto questo. L'editor di messo a disposizione da vadoinrete è organizzato in modo tale che le
informazioni che vengono digitate all'interno delle pagine e l'aspetto grafico delle stesse siano
indipendenti. Per questo motivo è possibile modificare l'aspetto grafico di una pagina anche dopo averne
digitato i testi senza doverli reinserire.
Illustrazione 16: passo 4 - popolare il sito con i contenuti
L'area di lavoro è strutturata nel modo seguente:
1. Area Mappa del sito. Visualizza la struttura creata durante il terzo passo del percorso guidato.
Selezionando una pagina dalla mappa, questa si apre nell'area di lavoro in modo da permettere la
modifica dei contenuti. All'interno di quest'area è inoltre possibile adattare i parametri generali
della pagina.
2. Area di Lavoro. L'area di lavoro permette di accedere a diverse funzionalità che variano a
seconda del tipo di pagina che si desidera modificare:
•
Per le normali pagine di testo, l'area di lavoro permette l'inserimento di contenuti in formato
© 2008 INK Open Solutions
23 di 108
testo e di immagini con l'ausilio di editor WYSIWYG molto simile ai programmi Microsoft Word o
OpenOffice Writer.
•
Per le pagine speciali, contenenti moduli, l'area di lavoro permette di configurare i paramentri
del modulo e, a seconda dei casi, di popolare il modulo con i necessari contenuti (ad esempio
inserendo i prodotti nel catalogo del negozio online)
3. Area Moduli. Quest'area permette di includere particolari moduli nelle pagine di testo. Per inserire
un modulo all'interno dell'area di lavoro occorre selezionarlo dall'area moduli e trascinarlo nell'area
di lavoro.
Configurare la mappa del sito
All'interno dell'area Mappa del sito è possibile eseguire le seguenti operazioni:
•
Utilizzare il campo “Titolo della pagina” per rinominare la pagina selezionata.
•
Utilizzare il campo “Nome del file della pagina” per specificare il nome del file collegato alla
pagina selezionata all'interno della directory del sito.
•
Utilizzare la spunta “Mostra questa pagina nella mappa del sito” per nascondere la pagina
selezionata dalla navigazione del sito finale.
•
Utilizzare il campo “Parole chiave della pagina” per specificare le parole chiave che i motori di
ricerca devono utilizzare per trovare le pagine del sito in Internet.
•
Utilizzare il campo “Descrizione della pagina” per specificare la descrizione che deve essere
visualizzata dai motori di ricerca che trovano la pagina del sito in Internet. Quando un motore di
ricerca trova la pagina selezionata nella mappa del sito, visualizza il suo titolo, il suo URL ed un
breve testo descrittivo. Per questo motivo è molto importante che il testo utilizzato per la
descrizione della pagina dia istantaneamente all'utente Internet un'idea ben precisa degli
argomenti trattati all'interno di essa.
© 2008 INK Open Solutions
24 di 108
Illustrazione 17: mappa del sito
Lavorare con i testi
Grazie ad un potente editor WYSIWYG molto simile ai programmi Microsoft Word o OpenOffice Writer,
vadoinrete permette di visualizzare i contenuti delle pagine esattamente come appaiono su Internet.
Questa sezione descrive come gestire i contenuti di testo all'interno delle pagine web e nello specifico
come formattare i caratteri ed i paragrafi, come copiare ed incollare i testi, come inserire immagini e link
e così via.
© 2008 INK Open Solutions
25 di 108
Illustrazione 18: Barra degli strumenti dell'editor WYSIWYG
Applicare stili, font e colori al testo
Come formattare un testo:
1. Selezionare la pagina del sito che si intende modificare.
2. Selezionare la porzione di testo che si desidera modificare. Se si desidera modificare l'intero testo,
cliccare su
Seleziona tutto.
3. Applicare le opzioni di formattazione desiderate al testo selezionato:
•
Selezionare il Font dal relativo menu a tendina.
•
Selezionare la Dimensione dal relativo menu a tendina.
•
Cliccare sull'icona
Colore testo e selezionare un colore.
•
Cliccare sull'icona
Colore sfondo e selezionare un colore.
•
Cliccare sulle icone
Grassetto,
Corsivo,
Sottolineato,
Barrato per rendere
il testo rispettivamente in grassetto, corsivo, sottolineato e barrato.
•
Cliccare sulle icone
Pedice e
Apice per rendere il testo, rispettivamente, pedice o
apice.
4. Per inserire un simbolo, posizionare il cursore del mouse nel punto della pagina dove si vuole
inserire il simbolo e cliccare sull'icona
Inserisci carattere speciale per scegliere il simbolo.
© 2008 INK Open Solutions
26 di 108
5. Per annullare l'ultima formattazione effettuata, cliccare sull'icona
sull'icona
Elimina formattazione o
Annulla.
Formattare i paragrafi
Come formattare un paragrafo:
1. Selezionare la pagina del sito che si intende modificare.
2. Posizionare il cursore in qualunque punto del paragrafo che si desidera formattare.
3. Applicare la formattazione desiderata:
•
Selezionare lo stile di testo desiderato dal menu a tendina Formato.
•
Utilizzare le icone
Allinea a sinistra,
Centra,
Allinea a destra e
Giustifica
per allineare il testo.
•
Per modificare il rientro del testo, cliccare sull'icona
Riduci rientro o sull'icona
Aumenta rientro.
4. Per inserire una riga orizzontale fra due paragrafi, posizionare il cursore alla fine del primo
paragrafo e cliccare su
Inserisci riga orizzontale.
5. Per dividere un paragrafo inserendo un'interruzione di pagina, cliccare sul pulsante
Inserisci
interruzione di pagina.
Copiare e tagliare il testo
Come copiare o spostare un testo:
1. Selezionare la pagina del sito che si intende modificare.
2. Selezionare un frammento di testo. Per selezionare l'intero testo, cliccate sull'icona
Seleziona
tutto.
3. Cliccare sulle icone
Taglia se si desidera spostare il testo e sull'icona
Copia se si desidera
copiarlo.
4. Incollare il testo sulla pagina utilizzando una delle seguenti procedure:
•
Per incollare il testo dalla pagina corrente o da altre pagine del sito, posizionare il cursore del
© 2008 INK Open Solutions
27 di 108
mouse nel punto della pagina dove si desidera incollare il testo e cliccare sull'icona
Incolla.
•
Per incollare il testo da MS Word mantenendone la formattazione, cliccare sull'icona
Incolla da Word, incollare il testo nella finestra che apparirà e cliccate Ok.
•
Per incollare il testo eliminandone la formattazione originaria, cliccare su
Incolla come
testo semplice, incollare il testo nella finestra che apparirà e cliccare OK.
Cercare e sostituire parti di testo
Come trovare del testo all'interno di una pagina:
1. Selezionare la pagina del sito che si intende modificare.
2. Cliccare sull'icona
Trova.
3. Nel campo Trova, inserire il testo che si desidera ricercare.
4. Selezionare la spunta Maiuscole/Minuscole per trovare solamente il testo che corrisponde
esattamente nella formattazione dei caratteri maiuscoli e minuscoli a quello inserito.
5. Cliccare sul pulsante Trova per iniziare la ricerca.
Come trovare e sostituire del testo all'interno di una pagina:
1. Cliccare sull'icona
Sostituisci.
2. Nel campo Trova, inserire il testo che si desidera ricercare.
3. Nel campo Sostituisci Con, inserire il testo che dovrà sostituire quello ricercato.
4. Selezionare, se necessario, le seguenti opzioni di ricerca:
•
Selezionare la spunta Maiuscole/Minuscole per trovare solamente il testo che corrisponde
esattamente nella formattazione dei caratteri maiuscoli e minuscoli a quello inserito.
•
Selezionare la spunta Solo parole intere per trovare solamente il testo che corrisponde
esattamente a quello inserito.
5. Cliccare sul pulsante Sostituisci per sostituire l'occorrenza trovata del testo ricercato.
6. Cliccare sul pulsante Sostituisci Tutto per sostituire tutte le occorrenze del testo ricercato presenti
nell'intera pagina.
© 2008 INK Open Solutions
28 di 108
Effettuare il controllo ortografico sulla pagina
Il Controllo Ortografico è una funzionalità che può essere utilizzata solo con Internet Explorer 5.5 o
superiori. Affinchè si possa utilizzare tale funzionalità è necessario installare ieSpell, un'utility gratuita di
Internet Explorer. Per installare ieSpell occorre effettuare il download del package dal sito ufficiale
(http://www.iespell.com/download.php), eseguirlo sul proprio computer, completare i passi della
procedura di installazione ed infine riavviare Internet Explorer. Il Controllo Ortografico è disponibile solo in
lingua inglese.
Come effettuare il controllo ortografico sulla pagine
1. Selezionare la pagina del sito che si intende modificare.
2. Cliccare sull'icona
Controllo Ortografico.
Nel campo Non nel dizionario vengono visualizzati i possibili errori di ortografia.
3. Se si ha la certezza che la parola trovata dal Controllo Ortografico é corretta, cliccare su Ignora
per non prendere in considerazione il suggerimento di correzione. Per ignorare tutti i suggerimenti
di correzione cliccare su Ignora Tutto.
4. Se si desidera aggiungere una parola al dizionario del Controllo Ortografico, cliccare su
Aggiungi.
5. Se si desidera sostituire la parola ortograficamente scorretta con quella suggerita dal campo
Suggerimenti, cliccare su Cambia.
6. Per effettuare la sostituzione di tale parola all'interno dell'intero testo, cliccare su Cambia Tutto.
7. Se si desidera configurare i parametri del Controllo Ortografico, cliccare su Opzioni.
Annullare e ripetere le operazioni
Per annullare l'ultima operazione eseguita, cliccare su
Per ripetere l'ultima operazione eseguita, cliccare su
Annulla.
Ripristina.
Inserire collegamenti
Utilizzando l'editor WYSIWYG di vadoinrete è possibile inserire sia collegamenti interni che portano ad
altre pagine del sito che collegamenti esterni che portano a pagine di altri siti. L'utilizzo di quest'ultimo
tipo di collegamenti è molto utile per incentivare la popolarità del proprio sito e redirigere i propri visitatori
© 2008 INK Open Solutions
29 di 108
verso siti amici. Il pannello di gestione dei collegamenti messo a disposizione da vadoinrete permette di
gestire:
•
Collegamenti Esterni
•
Collegamenti Interni
•
Ancore
•
Collegamenti Email
Per modificare un collegamento, selezionarlo e scegliere la voce Modifica Collegamento dopo aver
eseguito un click con il tasto destro del mouse (in alternativa è possibile eseguire la stessa operazione
cliccando sul pulsante
Inserisci/Modifica Collegamento dell'editor).
Per rimuove un collegamento, selezionarlo e scegliere la voce Rimuovi Collegamento dopo aver
eseguito un click con il tasto destro del mouse (in alternativa è possibile eseguire la stessa operazione
cliccando sul pulsante
Rimuovi Collegamento dell'editor).
Inserire collegamenti esterni
Un collegamento esterno è un riferimento all'interno di un ducumento che punta ad un altro documento
che si trova su un sito differente.
Come inserire un collegamento esterno:
1. Inserire/Selezionare il testo che si desidera far diventare un collegamento esterno.
2. Cliccare sul pulsante
Inserisci/Modifica Collegamento .
© 2008 INK Open Solutions
30 di 108
Illustrazione 19: Inserire collegamenti esterni
3. Nel tab Informazioni collegamento, selezionare dal menu a tendina Tipo di Collegamento la
voce URL.
4. Selezionare dal menu a tendina Protocollo il protocollo da utilizzare fra quelli disponibili:
•
http://
•
https://
•
ftp://
•
news://
•
<other>
5. Nel campo URL, inserire l'indirizzo del sito a cui il collegamento dovrà puntare.
6. Nel tab Destinazione, selezionare dal menu a tendina Destinazione la modalità con cui il
collegamento dovrà far aprire la pagina del sito a cui punta:
•
<non impostato>: Per aprire il collegamento nella stessa finestra del browser (la pagina di
destinazione sostituisce la del proprio sito), selezionare la voce <non impostato> dal menu a
tendina e lasciare vuoto il campo Nome del riquadro di destinazione.
•
Nuova Finestra (_blank): Per aprire il collegamento in una nuova finestra del browser,
selezionare la voce Nuova Finestra (_blank) dal menu a tendina.
•
<finestra popup>: Per aprire il collegamento come una finestra pop-up, selezionare la voce
<finestra popup> dal menu a tendina e specificare i paramentri del pop-up nell'area
sottostante.
© 2008 INK Open Solutions
31 di 108
Nota Bene: Le altre voci del menu a tendina Destinazione sono utilizzabili per collegamenti che
devono essere inseriti in siti cotruiti con tecnologia Frames. Tale tecnologia non è attualmente
supportata nei siti costruiti con vadoinrete. Se si utilizzano tali voci per i siti che non utilizzano la
tecnologia Frames, queste restanti voci apriranno il collegamento nella stessa finestra del
browser.
7. Selezionare il tab Avanzate per impostare proprietà aggiuntive del collegamento:
•
Id: questo attributo assegna un nome al collegamento. Tale nome deve essere univoco
all'interno della pagina.
•
Direzione scrittura: questo attributo specifica la direzione seguita dal testo, Da Sinistra a
Destra (LTR) e Da Destra a Sinistra (RTL).
•
Scorciatoia da tastiera: questo attributo assegna una scorciatoia da tastiera ad un elemento
ovvero un singolo carattere dal set di caratteri del documento.
•
Nome: questo attributo permette di assegnare un nome come ancora al collegamento, in modo
che possa essere la destinazione di un altro link. Il valore di questo attributo deve un nome di
ancora unico all'interno della pagina corrente.
•
Codice Lingua: questo attributo specifica la codifica del linguaggio utilizzata dal collegamento.
•
Ordine di tabulazione: questo attributo specifica la posizione dell'elemento nell'ordine di
tabulazione del documento corrente. L'ordine di tabulazione definisce secondo quale ordine gli
elementi del documento corrente ricevono il focus durante la navigazione tramite tastiera
eseguita dagli utenti. L'ordine di tabulazione può includere anche elementi annidati all'interno di
altri elementi.
•
Titolo: questo attributo fornisce informazioni riguardo il collegamento. Tali informazioni sono
visualizzate nella status bar del browser quando il mouse si posiziona sul collegamento.
•
Tipo della risorsa collegata: questo attributo fornisce un suggerimento riguardo il tipo di
contenuto presente all'indirizzo di destinazione del collegamento. Permette ai browsers di
scegliere se utilizzare un meccanismo di fallback piuttosto che leggere il contenuto dell'indirizzo
di destinazione del collegamento se ritengono che il tipo di contenuto non sia supportato.
•
Nome classe CSS: questo attributo assegna uno o più stili CSS al collegamento.
•
Set di caratteri della risorsa collegata: questo attributo specifica il set di caratteri della
risorsa indicata dal collegamento.
•
Stile: questo attributo specifica lo stile del collegamento e deve essere formattatto nel modo
seguente: Content-Style-Type: text/css.
8. Cliccare su OK.
© 2008 INK Open Solutions
32 di 108
E' possibile anche creare collegamenti che puntano ad immagini, documenti o file multimediali
memorizzati sul proprio pc.
Come inserire un collegamento ad un file sul proprio pc:
1. Inserire/Selezionare il testo che si desidera far diventare un collegamento.
2. Cliccare sul pulsante
Inserisci/Modifica Collegamento.
3. Nel tab Informazioni collegamento, selezionare dal menu a tendina Tipo di Collegamento la
voce URL.
4. Selezionare <altro> dal menu a tendina Protocollo.
5. Cliccare sul pulsante Cerca sul server.
6. Nella finestra Caricamento di File, selezionare il tipo di file che si desidera collegare dal menu a
tendina Tipo della risorsa: File, Imagine, Flash o Media.
All'interno di ogni tipo di risorsa è possibile organizzare i propri files in cartelle e sottocartelle
utilizzando il pulsante Aggiungere una nuova cartella che si trova in fondo alla pagina.
7. Per caricare sul server un file del tipo specificato dal menu Tipo della risorsa, cliccare su
Sfoglia..., individuare il file sul proprio pc, cliccare su Apri ed infine su Caricamento.
Per ogni file caricato sul server vengono visualizzate le dimensioni.
Per eliminare dal server un file, cliccare sulla rispettiva icona
.
8. Per creare un collegamento ad un file, cliccare sul nome del file.
© 2008 INK Open Solutions
33 di 108
Illustrazione 20: Inserire un collegamento ad un file
9. Cliccare su OK.
Inserire collegamenti interni
Un collegamento interno è un collegamento ad un'altra pagina del proprio sito.
Come inserire un link interno:
1. Inserire/Selezionare il testo che si desidera far diventare un collegamento ad un'altra pagina del
proprio sito.
2. Dal menu a tendina Collegamenti personalizzati che si trova all'inteno della barra degli
strumenti dell'editor WYSIWYG, selezionare la pagina del sito a cui si desidera far puntare il
collegamento.
© 2008 INK Open Solutions
34 di 108
Illustrazione 21: Inserire un collegamento interno
Inserire àncore
Un'àncora è una parola o un gruppo di parole che permettono di raggiungere un determinato punto
all'interno del documento corrente. Sono molto utili in quanto facilitano la navigazione degli utenti
all'interno delle pagine del sito che contengono molto testo permettendo loro di "saltare" con semplicità
da una parte all'altra della pagina.
Come inserire un'àncora:
1. Posizionare il cursore nel punto della pagina in cui si desidera inserire l'àncora.
2. Cliccare sul pulsante
Inserisci/Modifica Ancora.
3. Nella finestra Proprietà Ancora, inserire il nome dell'àncora nel campo Nome Ancora.
Illustrazione 22: Inserire un'àncora
4. Cliccare su OK.
L'icona dell'àncora
appare nel punto della pagina selezionaato.
© 2008 INK Open Solutions
35 di 108
5. Selezionare il testo che si desidera far diventare un collegamento all'àncora.
6. Cliccare sul pulsante
Inserisci/Modifica Collegamento.
7. Nel tab Informazioni collegamento, selezionare dal menu a tendina Tipo di Collegamento la
voce Ancora nella pagina.
Illustrazione 23: Inserire un collegamento ad un'àncora
8. Se si desidera specificare proprietà aggiuntive per l'àncora, selezionare il tab Avanzate:
•
Id: questo attributo assegna un nome all'àncora. Tale nome deve essere univoco all'interno
della pagina
•
Direzione scrittura: questo attributo specifica la direzione seguita dal testo, Da Sinistra a
Destra (LTR) e Da Destra a Sinistra (RTL).
•
Scorciatoia da tastiera: questo attributo assegna una scorciatoia da tastiera ad un elemento
ovvero un singolo carattere dal set di caratteri del documento.
•
Nome: questo attributo permette di assegnare un nome come àncora al collegamento, in modo
che possa essere la destinazione di un altro link. Il valore di questo attributo deve un nome di
àncora unico all'interno della pagina corrente.
•
Codice Lingua: questo attributo specifica la codifica del linguaggio utilizzata dall'àncora.
•
Ordine di tabulazione: questo attributo specifica la posizione dell'elemento nell'ordine di
tabulazione del documento corrente. L'ordine di tabulazione definisce secondo quale ordine gli
elementi del documento corrente ricevono il focus durante la navigazione tramite tastiera
eseguita dagli utenti. L'ordine di tabulazione può includere anche elementi annidati all'interno di
altri elementi.
© 2008 INK Open Solutions
36 di 108
•
Titolo: questo attributo fornisce informazioni riguardo l'àncora. Tali informazioni sono
visualizzate nella status bar del browser quando il mouse si posiziona sull'àncora
•
Tipo della risorsa collegata: questo attributo fornisce un suggerimento riguardo il tipo di
contenuto presente all'indirizzo di destinazione del collegamento. Permette ai browsers di
scegliere se utilizzare un meccanismo di fallback piuttosto che leggere il contenuto dell'indirizzo
di destinazione del collegamento se ritengono che il tipo di contenuto non sia supportato.
•
Nome classe CSS: questo attributo assegna uno o più stili CSS all'àncora.
•
Set di caratteri della risorsa collegata: questo attributo specifica il set di caratteri della
risorsa indicata dall'àncora.
•
Stile: questo attributo specifica lo stile dall'àncora e deve essere formattato nel modo
seguente: Content-Style-Type: text/css.
9. Cliccare su OK.
Per
rimuovere
un
collegamento
ad
un'àncora,
selezionarlo
e
scegliere
la
voce
Rimuovi
Collegamento dopo aver eseguito un click con il tasto destro del mouse (in alternativa è possibile
eseguire la stessa operazione cliccando sul pulsante
Rimuovi Collegamento dell'editor).
Per rimuovere un'àncora, selezionarla all'interno della pagina e cliccare sul pulsante CANC della tastira.
Inserire collegamenti ad indirizzi di posta elettronica
Se si desidera essere contattati via mail dai visitatori del proprio sito, basterà inserire all'interno di una
pagina un collegamento email. Questa funzionalità permette di inserire all'interno di una pagina il proprio
indirizzo di posta elettronica e di fare in modo che, quando i visitatori lo cliccano, si apra il loro client di
posta elettronica direttamente nella schemata "Composizione Nuovo Messaggio" con il campo del
destinatario riempito dal vostro indirizzo email. Quando si inserisce un collegamento email è possibile
inoltre specificare l'oggetto che dovrà avere di default il messaggio.
Come inserire un collegamento email:
1. Selezionare il testo che si desidera far diventare un collegamento email.
2. Cliccare sul pulsante
Inserisci/Modifica Collegamento.
3. Nel tab Informazioni collegamento, selezionare dal menu a tendina Tipo di Collegamento la
voce E-Mail.
4. Inserire un indirizzo email nel campo Indirizzo E-Mail.
© 2008 INK Open Solutions
37 di 108
5. Inserire l'oggetto della mail, nel campo Oggetto del Messaggio.
6. Inserire il corpo della mail, nel campo Corpo del Messaggio.
Illustrazione 24: Inserire un collegamento Email
7. Se si desidera specificare proprietà aggiuntive per il collegamento email, selezionare il tab
Avanzate
•
Id: questo attributo assegna un nome al collegamento. Tale nome deve essere univoco
all'interno della pagina.
•
Direzione scrittura: questo attributo specifica la direzione seguita dal testo, Da Sinistra a
Destra (LTR) e Da Destra a Sinistra (RTL).
•
Scorciatoia da tastiera: questo attributo assegna una scorciatoia da tastiera ad un elemento
ovvero un singolo carattere dal set di caratteri del documento.
•
Nome: questo attributo permette di assegnare un nome come ancora al collegamento, in modo
che possa essere la destinazione di un altro link. Il valore di questo attributo deve un nome di
ancora unico all'interno della pagina corrente.
•
Codice Lingua: questo attributo specifica la codifica del linguaggio utilizzata dal collegamento.
•
Ordine di tabulazione: questo attributo specifica la posizione dell'elemento nell'ordine di
tabulazione del documento corrente. L'ordine di tabulazione definisce secondo quale ordine gli
elementi del documento corrente ricevono il focus durante la navigazione tramite tastiera
eseguita dagli utenti. L'ordine di tabulazione può includere anche elementi annidati all'interno di
altri elementi.
•
Titolo: questo attributo fornisce informazioni riguardo il collegamento. Tali informazioni sono
visualizzate nella status bar del browser quando il mouse si posiziona sul collegamento.
© 2008 INK Open Solutions
38 di 108
•
Tipo della risorsa collegata: questo attributo fornisce un suggerimento riguardo il tipo di
contenuto presente all'indirizzo di destinazione del collegamento. Permette ai browsers di
scegliere se utilizzare un meccanismo di fallback piuttosto che leggere il contenuto dell'indirizzo
di destinazione del collegamento se ritengono che il tipo di contenuto non sia supportato.
•
Nome classe CSS: questo attributo assegna uno o più stili CSS al collegamento.
•
Set di caratteri della risorsa collegata: questo attributo specifica il set di caratteri della
risorsa indicata dal collegamento.
•
Stile: questo attributo specifica lo stile del collegamento e deve essere formattatto nel modo
seguente: Content-Style-Type: text/css.
8. Cliccare su OK.
Lavorare con le immagini
L'editor WYSIWYG messo a disposizione da vadoinrete permette di inserire immagini all'interno delle
pagine del sito e di modificarne le proprietà come si desidera. E' infatti possibile ridimensionare, ritagliare,
definire l'allinamento, definire la spaziatura, aggiungere bordi, specificare impostazioni avanzate come
descrizioni estese e stili per ogni singola immagine inserita all'interno delle pagine del sito.
Inserire un'immagine
Come inserire un'immagine:
1. Selezionare la pagina del sito che si intende modificare.
2. Posizionare il cursore del mouse nel punto della pagina in cui si desidera inserire un'immagine.
3. Cliccare sul pulsante
Inserisci/Modifica immagine.
4. All'interno del tab Informazioni sull'immagine, cliccare sul pulsante Sfoglia sul Server
© 2008 INK Open Solutions
39 di 108
Illustrazione 25: Inserire un'immagine
5. Cliccare sul pulsante Sfoglia..., individuare il file sul proprio pc, cliccare su Apri ed infine su
Caricamento
Nota Bene: E' possibile caricare immagini della grandezza massima di 200KB. I formati grafici
supportati sono*.gif, *.jpg, *.jpeg, *.png, *.bmp.
Quanto di inserisce un'immagine, dal menu a tendina Tipo della risorsa è possibile selezionare
solo la voce Immagine.
Per ogni immagine caricata sul server vengono visualizzate le dimensioni.
Se si desidera caricare più immagini sul server è possibile organizzarle in cartelle e sottocartelle
utilizzando il pulsante Aggiungere una nuova cartella che si trova in fondo alla pagina.
Per eliminare dal server un'immagine, cliccare sulla rispettiva icona
.
6. Per inserire un'immagine all'interno della pagina cliccare sul nome dell'immagine
© 2008 INK Open Solutions
40 di 108
Illustrazione 26: Caricare un'immagine sul server
L'immagine
appare
nell'area
Anteprima
della
finestra
Proprietà
dell'immagine
e
automaticamente vengono riempiti i campi relativi alle dimensioni e al percorso della stessa sul
server.
7. Cliccare su OK.
Modificare un'immagine
Come modificare un'immagine:
1. Selezionare l'immagine e cliccare con il tasto destro del mouse
2. Scegliere la voce di menu Proprietà Immagine.
3. All'interno della finestra Proprietà Immagine è possibile effettuare le seguenti operazioni:
•
Tab Informazioni sull'immagine
•
Modificare il testo alternativo: per fornire l'immagine di un testo alternativo, inserire il
testo nel campo Testo Alternativo. Tale testo sostituisce l'immagine quando questa non può
essere visualizzata dai browsers dei visitatori (ad esempio perchè sono configurati in modo
da non visualizzare le immagini o perhè sono destinati ad essere utilizzati da ipovedenti).
Specificare questo attributo è ormai ritenuto fondamentale da ogni tipo di risorsa nel web.
© 2008 INK Open Solutions
41 di 108
•
Modificare le dimensioni: per ridimensionare un'immagine, specificare le dimensioni nei
campi Larghezza ed Altezza.
Per ripristinare le dimensioni originali cliccare sull'icona
Resettare le dimensioni.
Quando si ridimesiona un'immagine è possibile scegliere se mantenere o meno le
proporzioni originali o modificare la larghezza e l'altezza separatamente. Per fare questo
utilizzare l'icona
•
Bloccare/Sbloccare l'aspetto dell'immagine.
Modificare i bordi: per disegnare un bordo attorno all'immagine, specificare lo spessore
del bordo in pixels nel campo Ampiezza bordo.
Per settare il colore del bordo, andare nel tab Avanzate ed inserire nel campo Stile il
colore desiderato nel formato CSS (ad esempio color: black).
•
Modificare la spaziatura (interlinea) orizzontale: per definire l'ampiezza dello spazio
che deve essere inserito a sinistra e a destra dell'immagine, occorre utilizzare il campo
Spaziatura orizzontale inserendo il rispettivo valore in pixels.
•
Modificare la spaziatura (interlinea) verticale: per definire l'ampiezza dello spazio che
deve essere inserito al di sopra e al di sotto dell'immagine, occorre utilizzare il campo
Spaziatura verticale inserendo il rispettivo valore in pixels.
•
Modificare l'allineamento: per definire l'allineamento dell'immagine all'interno della
pagina e specificare in che modo il testo scorre attorno ad essa, utilizzare il menu a tendina
Allineare.
•
Tab Collegamento
•
Modificare l'URL del collegamento:
utilizzare
il
campo
URL
per
specificare
il
collegamento a cui l'immagine deve puntare.
•
Modificare
la
destinazione
del
collegamento:
utilizzare
il
menu
a
tendina
Destinazione per selezionare la modalità con il cui il collegamento si dovrà aprire.
•
<non impostato>: Per aprire il collegamento nella stessa finestra del browser (la
pagina di destinazione sostituisce la del proprio sito), selezionare la voce <non
impostato> dal menu a tendina e lasciare vuoto il campo Nome del riquadro di
destinazione.
•
Nuova Finestra (_blank): Per aprire il collegamento in una nuova finestra del
browser, selezionare la voce Nuova Finestra (_blank) dal menu a tendina.
© 2008 INK Open Solutions
42 di 108
Nota Bene: Le altre voci del menu a tendina Destinazione sono utilizzabili per
collegamenti che devono essere inseriti in siti cotruiti con tecnologia Frames. Tale
tecnologia non è attualmente supportata nei siti costruiti con vadoinrete. Se si utilizzano
tali voci per i siti che non utilizzano la tecnologia Frames, queste restanti voci apriranno il
collegamento nella stessa finestra del browser.
•
Tab Avanzato
•
Modificare le impostazioni avanzate:
•
Id: questo attributo assegna un nome all'immagine che può essere utilizzato come
ancora di destinazione di un collegamento. Tale nome deve essere univoco all'interno
della pagina.
•
Direzione scrittura: questo attributo specifica la direzione seguita dal testo, Da
Sinistra a Destra (LTR) e Da Destra a Sinistra (RTL).
•
Codice del Linguaggio: questo attributo specifica la codifica ISO del linguaggio
utilizzato dalle proprietà dell'immagine. Utilizzare la giusta codifica migliora la corretta
interpretazione dell'immagine da parte dei motori di ricerca ed aiuta i visitatori
ipovedenti del sito. E' possibile specificare il Codice Lingua formattato nei seguenti
formati:
•
Come abbreviazione di 2 lettere secondo lo standard ISO 639 (ad esempio en
(English), it (Italian)); la lista completa di tali abbreviazioni è disponibile al seguente
indirizzo http://it.wikipedia.org/wiki/ISO_639-2
•
Come combinazione del codice ISO 639 e del codice nazione come da standard ISO
3166 (ad esempio en-US); la lista completa di tali codici è disponibile al seguente
indirizzo http://it.wikipedia.org/wiki/ISO_3166-1
•
URL di descrizione lunga: questo attributo specifica il collegamento alla descrizione
lunga dell'immagine che si apre un volta cliccato sul testo alternativo.
•
Classi di foglio di stile: questo attributo assegna uno o più stili CSS all'immagine.
•
Titolo: questo attributo fornisce informazioni riguardo l'immagine. Tali informazioni
sono visualizzate in una tool tip che appare quando il mouse passa sopra l'immagine. Se
si lascia vuoto questo campo, in Internet Explorer, la tool tip conterrà il testo alternativo
mente in Mozilla Firefox non sarà visualizzata alcuna tool-tip.
•
Stile: questo attributo specifica lo stile dell'immagine e deve essere formattatto nel
modo seguente: Content-Style-Type: text/css.
4. Cliccare su OK.
© 2008 INK Open Solutions
43 di 108
Come ritagliare un'immagine:
1. Selezionare l'immagine e cliccare sul pulsante
Ritaglio che si trova all'inteno della barra degli
strumenti dell'editor WYSIWYG. In alternativa cliccare con il tasto destro del mouse sull'immagine
selezionata e scegliere la voce di menu Ritaglio.
2. Nella finestra Ritaglio, trascinare con l'aiuto del mouse i bordi dell'area di ritaglio dove si desidera
utilizzando i ganci di ridimensionamento posti lungo il perimetro dell'immagine.
Illustrazione 27: Ritagliare un'immagine
3. Se si desidera mantenere le proporzioni originali dell'immagine dopo il ritaglio, selezionare
l'opzione Bloccare l'aspetto dell'immagine.
4. Cliccare su OK.
Nota Bene: Le operazioni di ridimensionamento e ritaglio sono effettuate su delle copie dell'immagine.
Se si desidera ripristinare l'immagine originale occorre ricaricarla dal server.
© 2008 INK Open Solutions
44 di 108
Rimuovere un'immagine
Per rimuovere un'immagine dalla pagina corrente, selezionarla cliccandoci sopra e premere il tasto CANC
della tastiera del proprio pc.
Lavorare con le tabelle
Le tabelle sono estremamente utili per organizzare i contenuti delle pagine del proprio sito in modo
semplice e chiaro. Oltre a questo sono anche utilizzate come valido strumento per costruire il layout delle
pagine stesse. In generale, quando si costruiscono le proprie pagine utilizzando le tabelle:
•
Si ha più libertà nel posizionare gli elementi all'interno delle pagine
•
Si ha la sicurezza che l'organizzazione dei contenuti sia visualizzata correttamente in tutti i browser
e a tutte le risoluzioni.
Inserire tabelle
Come inserire una tabella:
1. Posizionare il cursore del mouse nel punto della pagina in cui si desidera inserire la tabella
2. Cliccare sul pulsante
Inserisci/Modifica Tabella nel pannello dell'editor WYSIWYG.
3. Specificare il numero di righe e di colonne della tabella
4. Specificare la larghezza e l'altezza della tabella
Nel campo Larghezza, inserire la larghezza desiderata in pixels. Il valore standard è di 200 px. Si
raccomanda di evitare di creare tabelle di larghezza superiore ai 760 px per evitare problemi di
visualizzazione alle varie risoluzioni.
Nota Bene: Alcuni modelli grafici non permettono di inserire tabelle di altezze superiori a 450 px
o 280 px. Quando si utilizzano tali modelli, l'inserimento di tabelle più alte causa una
visualizzazione atipica dell'anteprima della pagina. In casi in cui risulti essere necessario inserire
tabelle più alte rispetto all'altezza supportata, si dovrà scegliere un modello grafico differente dal
passo 2 del percorso guidato.
Nel campo Altezza, inserire l'altezza desiderata in pixels. Se si lascia vuoto tale campo, il valore
settato sarà basato automaticamente sul numero di righe della tabella. L'altezza standard di una
riga è di 20 px.
© 2008 INK Open Solutions
45 di 108
5. Nel campo Dimensione Bordo, specificare l'ampiezza del bordo della tabella in pixels. Il valore
standard è 1 px.
Nota Bene: Per rendere invisibile il bordo, specificare il valore "0" nel campo Dimensione Bordo.
Questa caratteristica può tornare utile nel caso si utilizzi la tabella corrente come layout della
pagina.
6. Specificare l'allineamento della tabella all'interno della pagina, utilizzando il menu a tendina
Allineamento. E' possibile scegliere fra Sinistra, Centrato e Destra. Se non si specifica alcun
allineamento la tabella sarà allineata di default a sinistra nella pagina.
7. Specificare la spaziatura e il padding delle celle utilizzando rispettivamente i campi Spaziatura
Celle e Padding Celle.
•
La spaziatura delle celle è la distanza esistente tra una cella e l'altra. Di default tale proprietà è
settata ad 1 px.
•
Il padding delle celle è la distanza esistente tra il bordo della cella ed il testo contenuto al suo
interno. Anche in questo caso il valore di default è settato a 1 px.
8. Come informazioni opzionali è possibile specificare l'intestazione e l'indice della tabella utilizzando
rispettivamente i campi Intestazione ed Indice.
•
Il valore del campo Intestazione è visualizzato al di sopra della tabella allineato al centro.
•
Il valore del campo Indice, invece, non è visualizzato all'interno della pagina ma dentro una
finestra di pop-up quando i visitatori fanno un click destro sulla tabella e selezionano la voce
Proprietà tabella.
9. Cliccare su OK.
10. Cliccare sul pulsante
Salva nel pannello dell'editor WYSIWYG.
Illustrazione 28: Inserire una tabella
© 2008 INK Open Solutions
46 di 108
Modificare le proprietà di una tabella
Come modificare le proprietà della tabella:
1. Eseguire un click destro sulla tabella e scegliere la voce di menu Proprietà Tabella.
2. Nella finestra Proprietà tabella è possibile settare le seguenti proprietà:
•
Larghezza, specificando il nuovo valore in pixels o come percentuale della larghezza originale.
•
Altezza, specificando il nuovo valore in pixels.
•
Spaziatura e Padding delle celle.
•
Allineamento.
•
Dimensione Bordo.
•
Intestazione e Indice della tabella.
3. Cliccare su OK.
In alternativa è possibile ridimensionare la tabella con l'aiuto del mouse cliccando su uno dei ganci di
ridimensionamento e trascinando i bordi nella posizione desiderata.
Illustrazione 29: Ridimensionare una tabella con il cursore del mouse
Aggiungere o rimuovere righe, colonne e celle
Come inserire una riga o una colonna:
1. Posizionare il cursore del mouse in una delle celle della tabella
2. Cliccare con il tasto destro del mouse e selezionare la corretta voce di menu:
•
•
Inserisci Riga: permette di inserire una riga al di sotto della riga corrente.
Inserisci Colonna: permette di inserire una colonna alla destra della colonna corrente.
© 2008 INK Open Solutions
47 di 108
Nota Bene: Quando si aggiungono righe o colonne, la tabella non è automaticamente
ridimensionata per includerle. Al contrario sono le righe e le colonne presenti ad essere
ridimensionate in modo da adattarsi alla larghezza ed all'altezza della tabella. Se si desidera
salvaguardare le dimensioni iniziali di righe e colonne, occorre ridimensionare la tabella prima di
effettuare i nuovi inserimenti.
•
Inserisci Cella: permette di inserire una cella alla destra della cella corrente.
La cella è aggiunta nella riga corrente immediatamente alla destra della cella selezionata e di
conseguenza, tutte le altre celle subiscono uno spostamento verso destra.
Come rimuvere una riga, una colonna o una cella:
1. Posizionare il cursore del mouse in una delle celle della tabella
2. Cliccare con il tasto destro del mouse e selezionare la corretta voce di menu:
•
Elimina Righe
•
Elimina Colonne
•
Elimina Celle
3. Dopo aver eliminato una riga o una colonna, le rimanenti righe o colonne si ridimensioneranno in
modo da adattarsi alla larghezza ed all'altezza della tabella.
In alcuni browsers le celle delle tabelle contengono dei piccoli cursori che sono in grado di
agevolare gli utenti nelle operazioni di modifica:
•
Per inserire una riga al di sotto di quella corrente, cliccare sulla freccia verso il basso. Quando si
passa sopra la freccia con il mouse questa diventa rossa .
•
Per inserire una riga al di sopra di quella corrente, cliccare sulla freccia verso l'alto .
•
Per inserire una colonna alla sinistra di quella corrente, cliccare sulla freccia verso sinistra
•
Per inserire una colonna alla destra di quella corrente, cliccare sulla freccia verso destra
•
Per eliminare la colonna corrente, cliccare nel cerchietto posto fra le frecce
•
Per eliminare la riga corrente, cliccare nel cerchietto posto fra le frecce .
© 2008 INK Open Solutions
.
.
.
48 di 108
Modificare le proprietà di una cella
Come configurare i parametri di una cella:
1. Posizionare il cursore del mouse nella cella desiderata
2. Cliccare con il tasto destro del mouse e selezionare la voce di menu
Proprità cella.
3. Nella finestra Proprietà cella è possibile impostare le seguenti proprietà:
•
Larghezza/Altezza, specificando i valori in pixels.
Nota Bene: Una cella è ridimensionata insieme alla riga o alla colonna che la contengono.
•
A capo automatico, per fare in modo che, quando tale opzione è abilitata, una parola che
ecceda la larghezza della cella sia automaticamente rimandata alla linea successiva della
stessa.
•
Allineamento orizzontale/verticale, per specificare il tipo di allineamento orizzontale
(sinistra, centrato, destra) e verticale (in alto, centrato, in basso, linea base) che il testo
contenuto all'interno della cella deve avere.
•
Colore sfondo, per specificare il colore di sfondo della tabella.
•
Colore bordo, per specificare il colore del bordo della tabella.
4. Cliccare su OK.
Illustrazione 30: Proprietà della cella
© 2008 INK Open Solutions
49 di 108
Unire delle celle
A volte vi può essere la necessità di unire diverse righe o colonne in una singola cella verticale od
orizzontale contenente le informazioni comuni di queste celle. Per ottenere questo risultato, si può sia
estendere una cella su diverse righe o colonne, oppure unire più celle in una (sia in orizzontale che in
verticale). La differenza tra queste 2 operazioni è la seguente:
•
quando si uniscono più celle il risultato è quello di ottenere un'unica cella al cui interno vi sono tutti
i contenuti delle celle iniziali.
•
quando si estende una cella su più righe o colonne, tale cella è allungata e sposta le altre celle,
insieme al loro contenuto, sulla destra (quando si estende una riga) o verso il basso (quando si
estende una colonna).
Come unire delle celle:
1. Selezionare le celle che si desidera unire.
Per selezionare le celle, cliccare con il tasto sinistro del mouse sulla prima cella che si desidera
unire e, tenendo premuto il pulsante, trascinare la selezione sulle celle desiderate. In alternativa è
possibile posizionare il cursore del mouse sulla cella da unire che si trova all'estrema destra e
tenere premuto il pulsante SHIFT + < (freccia sinistra) della tastiera del proprio pc per selezionare
le celle desiderate.
2. Cliccare con il tasto destro del mouse e selezionare la voce di menu
Unisci celle.
Illustrazione 31: Unire 2 celle
Come estendere una cella su più righe o più colonne:
1. Posizionare il cursore del mouse nella cella desiderata
2. Cliccare con il tasto destro del mouse e selezionare la voce di menu
Proprità cella.
3. Nella finestra Proprietà cella è possibile impostare le seguenti proprietà:
•
Righe occupate: utilizzare questo campo per estendere una cella su diverse righe.
•
Colonne occupate: utilizzare questo campo per estendere una cella su diverse colonne.
© 2008 INK Open Solutions
50 di 108
Illustrazione 32: Estendere una cella su 2 righe - procedimento
Illustrazione 33: Estendere una cella su 2 righe - risultato
Dividere una cella
Come dividere una cella (orizzontalmente):
1. Posizionare il cursore del mouse nella cella che si desidera dividere
2. Cliccare con il tasto destro del mouse e selezionare la voce di menu
Dividi celle.
Inserire contenuti ad una tabella
Come inserire testi in una tabella:
1. Posizionare il cursore del mouse nella cella che si desidera.
2. Digitare all'interno della cella il testo desiderato o incollarlo utilizzando i pulsanti
Incolla da Word,
Incolla,
Incolla come testo semplice della barra degli strumenti dell'editor
WYSIWYG.
© 2008 INK Open Solutions
51 di 108
Come inserire un'immagine in una tabella:
1. Posizionare il cursore del mouse nella cella che si desidera.
2. Cliccare sul pulsante
Inserisci/Modifica immagine.
Rimuovere tabelle
Per rimuovere una tabella da una pagina, selezionarla, fare un click destro e scegliere la voce di menu
Cancella Tabella.
Lavorare con i moduli
Esistono due tipi di moduli che possono essere configurati in vadoinrete.
•
Moduli di Pagina o Pagine Speciali. Sono i moduli messi a disposizione da vadoinrete per
arricchire le funzionalità del sito. Ogni modulo è progettato per ottenere certi risultati ed è
identificato da una specifica icona. I moduli disponibili sono i seguenti:
•
Modulo Blog. Supporta le funzionalità standard di un blog: post, commenti, catalogazione
di contenuti, ecc. L'utilizzo di tale tipo di modulo risulta molto utile per organizzare News,
Eventi e pagine simili all'interno del sito.
•
Modulo Galleria Fotografica. Permette di condividere immagini e fotografie direttamente
sul sito. Supporta il caricamento in background delle immagini con funzioni di raggruppamento,
organizza le immagini o le fotografie in album, ecc.
•
Modulo Negozio Online. Permette di creare e gestire tutte le funzionalità di carrello
elettronico, gestisce più valute, classifica i cataloghi prodotti, mette a disposizione il supporto
per gestire l'inventario dei prodotti, i costi di trasporto e gli ordini. Si integra inoltre con diversi
sistemi di pagamento online come PayPal, Authorize.Net ed altri.
•
Modulo Scarica File. Permette ai visitatori del sito di scariare i file messi a disposizione.
Nota Bene: Ogni Modulo Scarica File permette di scaricare un solo file per volta. Se si
desidera mettere a disposizione dei visitatori più file sarà necessario inserire nella stuttura del
sito più moduli (uno per ogni file).
•
Modulo Introduzione Flash. Mette a disposizione un'introduzione flash da inserire nel sito.
E' possibile personalizzare l'introduzione scegliendo tra diversi temi ed inserendo al suo interno
del testo.
© 2008 INK Open Solutions
52 di 108
Nota Bene: Il Modulo Introduzione Flash è l'unico modulo che non richiede PHP
(linguaggio di script) nel luogo di pubblicazione e che quindi può essere incluso in un sito
statico.
•
Modulo Forum. Permette di configurare un forum in cui i visitatori possono mandare
messaggi e partecipare a gruppi di discussione.
•
Modulo Libro degli Ospiti. Permette di inserire all'interno del sito un libro degli ospiti
ovvero un'area del sito in cui i visitatori possono lasciare il loro nome, indirizzo o messaggi
personali.
•
Modulo Registrazione Visitatori. Permette di gestire l'accesso al sito dei visitatori che
desiderano registrarsi. Dopo che i visitatori scelgono questa opzione, i dati da loro inseriti in
fase di registrazione sono automaticamene caricati in tutti i form a cui accedono nel sito, come
ad esempio, quando propongono un argomento nel forum o quando acquistano un prodotto dal
negozion online. E' possibile decidere di sospendere l'account di un visitatore in modo da
impedire che effettui l'accesso alle aree del sito in cui è necesario effettuare il login.
•
Moduli Blocco. Questi moduli non richiedono l'inserimento di una specifica pagina all'interno della
mappa del sito ma possono essere inseriti direttamente all'interno normali pagine standard.
•
Modulo Mappa dell'area: permette di inserire all'interno della pagina prescelta la propria
posizione geografica utilizzando il servizio di Google Maps.
•
Modulo Commenti: permette di ricevere via e-mail le opinioni dei visitatori del proprio sito.
•
Modulo Lettore RSS: permette di caricare automaticamente all'interno del proprio sito le
notizie e le informazioni preferite selezionate dai canali RSS.
•
Modulo Script: permette di inserire all'interno della pagina prescelta codice PHP, Perl/CGI,
JavaScript, DHTML.
•
Modulo Votazione: permette di lanciare sondaggi fra i visitatori del proprio sito riguardo i
contenuti della pagina con la possibilità di raccogliere votazioni riguardo differenti argomenti e
di visualizzare i risultati dinamicamente tramite l'utilizzo di grafici.
•
Modulo Indicatore dello Stato Online: permette ai propri visitatori di sapere quando si è
online con il proprio account Skype o ICQ. In questo modo è possibile essere liberamente e
gratuitamente contattati in qualunque momento.
•
Modulo Sitepal: permette di aggiungere un sistema parlante di aiuto in linea per i propri
visitatori (http://www.sitepal.com).
I moduli blocco possono essere aggiunti e configurati direttamente dal passo quattro del percorso
guidato. In generale lavorano nel modo seguente:
© 2008 INK Open Solutions
53 di 108
•
E' possibile aggiungere tutti i moduli blocco che si desidera all'interno di una pagina
•
Per inserire all'interno di una pagina un modulo blocco, selezionare il modulo desiderato
dall'Area Moduli sulla destra e trascinarlo all'interno della pagina nel punto desiderato. Per
inserire un modulo all'inizio della pagina, fare un doppio click sul titolo del modulo desiderato
nell'Area Moduli.
•
I moduli blocco non possono essere visualizzati nel passo quattro (Modifica) del percorso
guidato ma possono solo essere configurati. Per vedere il loro funzionamento occore
visualizzare l'anteprima del sito cliccando sul pulsante
•
Anteprima.
Per eliminare un modulo blocco da una pagina, cliccare su
Rimuovi Modulo nella dialog
box del modulo.
Inserire un modulo Blog
Un blog è un diario personale o giornale pubblicamente accessibile composto da messaggi (posts) e
commenti lasciati dai visitatori. E' possibile aggiungere un blog al proprio sito ed inserirvi messaggi in
modo che i visitatori li leggano e possano lasciare dei commenti riguardo ad essi. Se nel proprio blog sono
presenti numerosi messaggi, è possibile suddividerli in categorie.
Come aggiungere un Blog al sito:
1. Andare al passo tre del percorso guidato.
2. Selezionare
3. Cliccare su
Blog nell'area Pagine Speciali.
.
E' possibile aggiungere al proprio sito quanti blog si desidera (compatibilmente al numero delle pagine
comprese dal proprio pacchetto vadoinrete).
Come configurare un Blog:
1. Andare al passo quattro del percorso guidato.
2. Selezionare
Blog nell'area Mappa del sito.
© 2008 INK Open Solutions
54 di 108
Illustrazione 34: Inserire un Blog
Gestire gli argomenti del Blog
Dopo aver aggiunto un blog al proprio sito, non resta che iniziare ad inserire i messaggi.Il modulo
contiene due messaggi di prova, che è possibile agevolmente rimuovere al primo accesso o modificare
come desiderato.
Come inserire messaggi nel Blog:
1. Dalla pagina
2. Cliccare su
Blog, cliccare sul tab Contenuto
Aggiungere un nuovo messaggio.
3. Inserire il titolo del messaggio nel campo Oggetto.
4. Inserire il testo del messaggio nel campo Contenuto, seguendo le indicazioni riportate nel campo
stesso.
5. Se si desidera inserire un’immagine nel messaggio, cliccare sull’icona
Inserisci/modifica
immagine, cliccare sul pulsante Sfoglia… e individuare sul proprio pc l’immagine da caricare.
Premere infine sul pulsante Invia al Server e completare la procedura cliccando sul pulsante OK.
© 2008 INK Open Solutions
55 di 108
Utilizzando il campo Testo alternativo, è possibile inserire il testo che sarà visualizzato al
passaggio del cursore del mouse sull’immagine.
6. Cliccare su OK.
Di default, il blog contiene due categorie. Una volta aggiunte nuove categorie, o modificate quelle
esistenti, è possibile assegnare il messaggio creato alla categoria o alle categorie desiderate.
Illustrazione 35: Inserire un messaggio nel blog
Come modificare un messaggio:
1. Dalla pagina
Blog, cliccare sul tab Contenuto.
2. Cliccare sull'icona
Modifica posta accanto al messaggio che si desidera modificare.
3. Modificare il testo del messaggio come desiderato.
4. Cliccare su OK.
© 2008 INK Open Solutions
56 di 108
Come rimuovere un messaggio:
1. Dalla pagina
Blog, cliccare sul tab Contenuto.
2. Selezionare il messaggio che si desidera rimuovere.
3. Cliccare sull'icona
Eliminare Selezionato.
Gestire i commenti riguardanti gli argomenti del Blog
Tutti i messaggi inseriti nel blog possono essere commentati dai visitatori del proprio sito. E' possibile
modificare e gestire tali commenti ed aggiungerne di propri.
Nota Bene: Al fine di evitare commenti di spam, generati automaticamente da computer, agli utenti
anonimi che desiderino inserire un commento sarà richiesto di inserire un codice di conferma.
Come aggiungere un commento:
1. Dalla pagina
Blog, cliccare sul tab Contenuto.
2. Cliccare su Visualizza/modifica commenti accanto al messaggio che si desidera commentare.
3. Cliccare su
Aggiungi un nuovo commento.
4. Inserire il titolo del commento nel campo Oggetto.
5. Inserire il proprio nome nel campo Inviato da.
6. Inserire il testo del commento nel campo Contenuto.
7. Cliccare su OK.
Per tornare alla lista dei messaggi, è sufficiente cliccare su
Torna ai messaggi.
© 2008 INK Open Solutions
57 di 108
Illustrazione 36: Inserire un commento ad messaggio presente nel Blog
Come modificare un commento:
1. Dalla pagina
Blog, cliccare sul tab Contenuto.
2. Cliccare su Visualizza/modifica commenti accanto al messaggio che si desidera commentare.
3. Cliccare sull'icona
Modifica posta accanto al commento che si desidera modificare.
4. Modificare il testo del commento come desiderato.
5. Cliccare su OK.
Per tornare alla lista dei messaggi, è sufficiente cliccare su
Torna ai messaggi.
Come rimuovere un commento:
1. Dalla pagina
Blog, cliccare sul tab Contenuto.
2. Cliccare su Visualizza/modifica commenti accanto al messaggio che si desidera commentare.
3. Selezionare il commento che si desidera rimuovere.
4. Cliccare sull'icona
Eliminare Selezionato.
Per tornare alla lista dei messaggi, è sufficiente cliccare su
Torna ai messaggi.
© 2008 INK Open Solutions
58 di 108
Gestire le categorie di argomenti del Blog
È possibile organizzare i messaggi inseriti nel blog, raggruppandoli in funzione dell’argomento trattato. Gli
argomenti sono denominati Categorie. Sono disponibili due categorie predefinite, che possono essere
rimosse o modificate a piacimento.
Come aggiungere una categoria:
1. Dalla pagina
2. Cliccare su
Blog, cliccare sul tab Contenuto.
Aggiungere una nuova categoria.
3. Nel tab Proprietà principale, inserire il nome della categoria nel campo Nome.
4. Se si desidera inserire una descrizione breve per la categoria che si sta inserendo, utilizzare il tab
Descrizione.
5. Cliccare su OK.
Illustrazione 37: Inserire una categoria di messaggi
Come modificare una categoria:
1. Dalla pagina
Blog, cliccare sul tab Categorie.
2. Cliccare sull'icona
Modifica posta accanto alla categoria che si desidera modificare.
3. Modificare le proprietà della categoria come desiderato.
4. Cliccare su OK.
Cambiare l'ordine delle categorie:
E' possibile modificare l'ordine con cui le categorie appaiono all'interno del blog cambiando la loro
posizione all'interno della lista.
© 2008 INK Open Solutions
59 di 108
1. Dalla pagina
Blog, cliccare sul tab Categorie.
2. Cliccare sulle frecce
o
accanto alla categoria che si desidera spostare. Ogni click sposta la
categoria di un una posizione.
Come rimuovere una categoria:
1. Dalla pagina
Blog, cliccare sul tab Categorie.
2. Selezionare la categoria che si desidera rimuovere.
3. Cliccare sull'icona
Eliminare Selezionato.
Nota Bene: Dopo aver rimosso una determinata categoria, tutti i messaggi che erano stati
assegnati ad essa rimarranno nel blog.
Configurare l'aspetto del Blog
Come configurare l'aspetto del blog:
1. Dalla pagina
Blog, cliccare sul tab Impostazioni.
2. Inserire il numero massimo di messaggi che ogni pagina del blog può mostrare nel campo
Messaggi per pagina.
3. Inserire il numero massimo di commenti che ogni pagina del blog può mostrare nel campo
Commenti per pagina.
Per visualizzare l’anteprima del blog, cliccare su Anteprima, in basso a destra, ed entrare nella
pagina del proprio sito dedicata al blog.
Illustrazione 38: Configurare l'aspetto del blog
© 2008 INK Open Solutions
60 di 108
Inserire un modulo Galleria Immagini
Il Modulo Galleria Fotografica permette di inserire all'interno del proprio sito in modo rapido e
funzionale una galleria di immagini o album fotografico. E' possibile caricare immagini, inserire descrizioni
per ognuna di esse, catalogarle, definire il loro ordinamento e molto altro ancora.
Come inserire una Galleria Fotografica nel sito:
1. Andare al passo tre del percorso guidato.
2. Selezionare
3. Cliccare su
Galleria delle immagini nell'area Pagine Speciali.
.
E' possibile aggiungere alla gallerie quante immagini si desidera.
Come configurare una Galleria Fotografica:
1. Andare al passo quattro del percorso guidato.
2. Selezionare
Galleria delle immagini nell'area Mappa del sito.
Illustrazione 39: Inserire una galleria di immagini
© 2008 INK Open Solutions
61 di 108
Gestire le immagini della Galleria
Una volta inserita una Galleria Fotografica nel sito, non resta che popolarla con delle immagini o delle
fotografie.
Come caricare immagini nella galleria:
Il Modulo Galleria Fotografica che vadoinrete.it mette a disposizione permette di gestire immagini in
formato *.jpg, *.gif, e *.png. Per assicurarne il corretto funzionamento si raccomanda non caricare
immagini superiori ai 3 MB di grandezza.
•
Caricare immagini singole:
1. Dalla pagina
Galleria delle immagini, cliccare sul tab Immagini.
2. Cliccare sul pulsante
Caricamento di immagini.
3. Individuare da 1 a 6 imamgini, da caricare in ciascuno dei campi File dell'immagine. Per
scegliere le immagini utilizzare il pulsante Sfoglia… accanto a ciascuno dei campi e premere
sul tasto Apri.
4. Inserire il titolo di ogni immagine nel relativo campo Nome. Di default, il modulo utilizza lo
stesso nome con il quale le immagini sono state salvate sul proprio computer. Se si desidera
salvarle con un nome differente, togliere la spunta dalla casella Usare il nome del file come
nome prederfinito dell'immagine e specificare il nome desiderato nel campo Nome.
5. E' possibile decidere con che grandezza le immagini saranno visualizzate all'interno della
galleria, scegliendo dal menu a tendina Ridimensionare le immagini la voce desiderata. Le
opzioni disponibili sono:
•
1152x864
•
1024x768
•
800x600
•
640x480
•
480x360
•
360x270
•
Do not resize
Il formato standard di visualizzazione è 1024x768.
6. Cliccare su OK.
E' possibile visualizzare la lista delle immagini caricate dal tab Immagini.
© 2008 INK Open Solutions
62 di 108
Di default, la galleria contiene due categorie. Dopo averne aggiunte di nuove o modificato le
esistenti è possibile associare ogni immagine della galleria ad una o più categorie.
Illustrazione 40: Caricare immagini singole
Il Modulo Galleria Fotografica offre la possibilità di caricare gruppi di immagini permettendo così
la pubblicazione di più immagini contemporaneamente. E' possibile caricare le immagini dal proprio
file system ed effettuare un operazione di ridimensionamento di gruppp su di esse. La dimensione
massima di un gruppo di immagini è determinata oltre che dai parametri di rete, dallo spazio disco
che si ha a disposizione sul server ed è quindi strettamente dipendente dal tipo di pacchetto
acquistato su vadoinrete.it.
•
Caricare un gruppo di immagini:
1. Organizzare le immagini che si desidera caricare nella Galleria Fotografica all'interno di un'unica
cartella del proprio computer.
2. Dalla pagina
Galleria delle immagini, cliccare sul tab Immagini.
3. Cliccare sul pulsante
Caricamento multiplo di immagini.
4. Nella cornice di sinistra della finestra Caricamento multiplo di immagini, individuare
all’interno del proprio file system la cartella delle immagini che si desidera caricare nella
Galleria Fotografica.
5. Selezionare le immagini che si desidera caricare nella parte destra dello schermo, operando
come segue:
a. Cliccare su un’immagine per selezionarla/deselezionarla.
© 2008 INK Open Solutions
63 di 108
b. Per selezionare più di un’immagine, mantenere premuto il tasto CTRL.
c. Per selezionare tutte le immagini della cartella, selezionate Seleziona tutto.
d. Per deselezionare tutte le immagini della cartella, selezionate Deseleziona tutto.
6. Selezionare dal menu a tendina Caricare sulla categoria la categoria nella quale si desidera
inserire le immagini, operando come segue:
a. Se si desidera utilizzare una categoria esistente, selezionarla dalla lista.
b. Se si desidera creare una nuova categoria, selezionare Crea nuova categoria e inserire il
nome della categoria nel campo a fianco.
c. Se non si desidera assegnare le immagini caricate ad alcuna categoria, selezionare
Nessuna categoria.
7. Selezionare
la
dimensione
dell’immagine
desiderata
utilizzando
Ridimensionare le immagini.
8. Cliccate su Caricamento.
Illustrazione 41: Caricare un gruppo di immagini
© 2008 INK Open Solutions
il
menu
a
tendina
64 di 108
Come modificare le proprietà di un'immagine:
1. Dalla pagina
Galleria delle immagini, cliccare sul tab Immagini.
2. Cliccare sull'icona
Modifica posta accanto all'immagine che si desidera modificare.
3. Configurare i parametri dell'immagine come desiderato.
4. Cliccare su OK.
Come rimuovere un'immagine:
1. Dalla pagina
Galleria delle immagini, cliccare sul tab Immagini.
2. Selezionare l'immagine che si desidera rimuovere.
3. Cliccare sull'icona
Eliminare Selezionato.
Come visualizzare l'anteprima delle immagini:
1. Dalla pagina
Galleria delle immagini, cliccare sul tab Immagini.
2. Cliccare sull'icona
Anteprima, accanto all'immagine di cui si desidera visualizzare l'anteprima.
Gestire le categorie di immagini della Galleria
E' possibile organizzare le proprie immagini in album fotografici, ordinandole per categorie. Ogni
immagine può appartenere ad una o più categorie contemporaneamente. Inizialmente sono si hanno a
disposizione due categorie predefinite che è possibile modificare o rimuovere a proprio piacimento.
Come inserire una categoria:
1. Dalla pagina
2. Cliccare su
Galleria delle immagini, cliccare sul tab Categorie.
Aggiungere una nuova categoria.
3. Nel tab Proprietà principali, inserire il nome della categoria nel campo Nome.
4. Se si desidera caricare un'immagine identificativa della categoria, cliccare su Sfoglia...,
selezionare un'immagine dal proprio computer, cliccare su Apri e poi su Caricamento. L'immagine
dovrà avere dimensioni massime di 100 x 100 px: immagini aventi dimesioni più piccole o più
grandi
saranno
ridimensionate
automaticamente.
L'immagine
Immagine corrente.
© 2008 INK Open Solutions
caricata
è
visibile
nell'area
65 di 108
5. Se si desidera inserire una descrizione breve per la categoria che si sta inserendo, utilizzare il tab
Descrizione.
6. Cliccare su OK.
Illustrazione 42: Inserire una categoria
Come modificare una categoria:
1. Dalla pagina
Galleria delle immagini, cliccare sul tab Categorie.
2. Cliccare sull'icona
Modifica posta accanto alla categoria che si desidera modificare.
3. Modificare le proprietà della categoria come desiderato.
4. Cliccare su OK.
Cambiare l'ordine delle categorie:
E' possibile modificare l'ordine con cui le categorie appaiono all'interno della Galleria Fotografica
cambiando la loro posizione all'interno della lista.
1. Dalla pagina
Galleria delle immagini, cliccare sul tab Categorie.
2. Cliccare sulle frecce
o
accanto alla categoria che si desidera spostare. Ogni click sposta la
categoria di un una posizione.
© 2008 INK Open Solutions
66 di 108
Come rimuovere una categoria:
1. Dalla pagina
Galleria delle immagini, cliccare sul tab Categorie.
1. Selezionare la categoria che si desidera rimuovere.
2. Cliccare sull'icona
Eliminare Selezionato.
Nota Bene: Dopo aver rimosso una determinata categoria, tutte le immagine che erano state
assegnate ad essa rimarranno nella Galleria Fotografica.
Configurare l'aspetto della Galleria
Configurare l'aspetto della Galleria:
1. Dalla pagina
Galleria delle immagini, cliccare sul tab Impostazioni.
2. Configurare i seguenti parametri:
•
Larghezza dell'immagine della categoria (px): E' la larghezza dell'immagine che identifica
la categoria. Quando si imposta un valore più piccolo rispetto a quello originale, l'altezza
dell'immagine viene ridimensionata di conseguenza. Non è possibile configurare una larghezza
superiore a quella originaria.
•
Larghezza dell'immagine di anteprima sulla gallery/pagina delle categorie (px):
Quando si sfoglia la Galleria Fotografica all'interno del sito, ogni immagine vi compare in
anteprima con una piccola immagine detta miniatura. Tale miniatura è l'immagine stessa
visualizzata con dimensioni molto più piccole. Questo campo viene utilizzato per specificare la
larghezza massima delle miniature all'interno della Galleria Fotografica.
•
Altezza dell'immagine di anteprima sulla gallery/pagina delle categorie (px): Questo
campo viene utilizzato per specificare l'altezza massima delle miniature all'interno della Galleria
Fotografica.
•
Larghezza dell'immagine di anteprima sulla pagina dei dettagli dell'immagine (px): E'
la larghezza dell'immagine che viene aperta quando, all'interno della Galleria Fotografica, si
clicca su di una miniatura per vedere più nel dettaglio l'immagine interessata. Quando si
imposta un valore più piccolo rispetto a quello originale, l'altezza dell'immagine viene
ridimensionata di conseguenza. Non è possibile configurare una larghezza superiore a quella
originaria.
•
Immagini per pagina: E' il numero di immagini visualizzate all'interno di ogni singola pagina
della Galleria Fotografica.
© 2008 INK Open Solutions
67 di 108
Illustrazione 43: Configurare l'aspetto della Galleria Fotografica
Inserire un modulo Negozio Online
Gestire i prodotti del Negozio
Associare i prodotti del Negozio alle rispettive categorie
Configurare l'aspetto del Negozio
Configurare i metodi di pagamento da utilizzare all'interno del Negozio
© 2008 INK Open Solutions
68 di 108
Specificare le Condizioni di Utilizzo per clienti del Negozio
Anteprima del Negozio
Configurare la notifica d'ordine per i clienti del Negozio
Fare in modo che il tuo Negozio sia ricercato da Google
Dotare il catalogo di prodotti del Negozio di un Feed RSS
Gestire gli ordini dei clienti del Negozio
Inserire un modulo Scarica File
Il Modulo Scarica File consente ai visitatori di scaricare files dal proprio sito. Il formato di tali files è
arbitrario e la loro grandezza massima è determinata dai parametri della rete e quindi dal tipo di
pacchetto scelto da vadoinrete.it.
Come inserire il Modulo Scarica File:
1. Andare al passo tre del percorso guidato.
2. Selezionare
3. Cliccare su
Galleria delle immagini nell'area Pagine Speciali.
.
© 2008 INK Open Solutions
69 di 108
Ogni Modulo Scarica File permette di scaricare un solo file per volta. Se si desidera mettere a
disposizione dei visitatori più files sarà necessario inserire nella stuttura del sito più moduli (uno
per ogni file).
Come caricare un file:
1. Andare al passo quattro del percorso guidato.
2. Selezionare
Blog nell'area Mappa del sito.
3. Scegliere il file da caricare cliccando sul pulsante Scegli....Una volta individuato il file da caricare
cliccare su Apri e poi su Caricamento.
4. Assegnare al file un nome, utilizzando il campo Nome del file.
5. Se si desidera consentire ai visitatori del proprio sito di scegliere se scaricare il file o aprirlo,
lasciare deselezionata l'opzione Aprire il file nel browser.
E' possibile assicurarsi che il download del file funzioni correttamente cliccando sul pulsante Scarica.
Illustrazione 44: Inserire un Modulo Scarica File
Inserire un modulo Introduzione Flash
Un'introduzione flash è un'introduzione animata che si avvia automaticamente all'apertura della pagina
principale del proprio sito. Il Modulo Introduzione Flash permette di scegliere tra diversi tipi di
introduzione e di inserire delle informzioni di testo per personalizzarla. E' l'unico modulo che non richiede
il linguaggio di scripting PHP nel luogo di pubblicazione e che può essere inserito nelle pagine statiche.
Nota Bene: Per una corretta visualizzazione dei caratteri Asiatici e Arabi, occorre essere sicuri di avere
installato sul proprio browser web Adobe Flash Player 9.0 o superiore. E' possibile includere un solo
Modulo Introduzione Flash per sito.
© 2008 INK Open Solutions
70 di 108
Come inserire un Modulo Introduzione Flash:
1. Andare al passo tre del percorso guidato.
2. Selezionare
Introduzione Flash nell'area Pagine Speciali.
3. Selezionarere una delle animazioni flash disponibilie nell'area Progettazione.
4. Inserire il titolo dell'introduzione flash nel campo Titolo.
5. Inserire il testo da visualizzare nel corpo dell'introduzione flash nel campo Testo del corpo.
6. Selezionare il colore per lo sfondo dal menu a tendina Colore di sfondo.
7. Selezionare il tipo di elemento grafico utilizzato dall'animazione dal menu a tendina Schema di
animazione.
E' possibile visualizzare l'anteprima dell'introduzione flash nell'area Anteprima.
Illustrazione 45: Inserire un Modulo Introduzione Flash
© 2008 INK Open Solutions
71 di 108
Inserire un modulo Forum
Il Modulo Forum mette a disposizione dei visitatori del proprio sito un'area in cui è possibile intavolare
vere e proprie discussioni online. I visitatori possono inserire nuovi argomenti di discussione, postare
messaggi in cui esprimono la loro opinione riguardo un determinato argomento e discutere vari tipi di
domande.
Come aggiungere un Forum al sito:
1. Andare al passo tre del percorso guidato.
2. Selezionare
3. Cliccare su
Forum nell'area Pagine Speciali.
.
E' possibile aggiungere al proprio sito quanti forum si desidera (compatibilmente al numero delle pagine
comprese nel proprio pacchetto vadoinrete).
Come configurare un Forum:
1. Andare al passo quattro del percorso guidato.
2. Selezionare
Forum nell'area Mappa del sito.
© 2008 INK Open Solutions
72 di 108
Illustrazione 46: Inserire un forum
Gestire gli argomenti del Forum
Dopo aver aggiunto un forum al proprio sito, non resta che iniziare ad inserire gli argomenti di
discussione. Il modulo contiene due argomenti di prova, che è possibile agevolmente rimuovere al primo
accesso o modificare come desiderato.
Nota Bene: Al fine di evitare messaggi di spam, generati automaticamente da computer, agli utenti
anonimi che desiderino partecipare agli argomenti di discussione sarà richiesto di inserire un codice di
conferma.
© 2008 INK Open Solutions
73 di 108
Come inserire argomenti nel Forum:
1. Dalla pagina
2. Cliccare su
Forum, cliccare sul tab Contenuto
Aggiungere un nuovo argomento.
3. Inserire il titolo dell'argomento nel campo Oggetto.
4. Inserire il testo del primo messaggio dell'argomento trattato nel campo Descrizione.
Illustrazione 47: Inserire argomenti di discussione nel forum
5. Se si desidera assegnare l'argomento ad una categoria, cliccare il tab Categorie e selezionare la
categoria desiderata.
© 2008 INK Open Solutions
74 di 108
Illustrazione 48: Assegnare l'argomento del forum ad una categoria
6. Cliccare su OK.
Di default, il forum contiene due categorie. Una volta aggiunte nuove categorie, o modificate quelle
esistenti, è possibile assegnare l'argomento creato alla categoria o alle categorie desiderate.
Come modificare un argomento nel Forum:
1. Dalla pagina
Forum, cliccare sul tab Contenuto.
2. Cliccare sull'icona
Modifica posta accanto all'argomento che si desidera modificare.
3. Modificare il testo dell'argomento come desiderato.
4. Cliccare su OK.
Come rimuovere un argomento nel Forum:
1. Dalla pagina
Forum, cliccare sul tab Contenuto.
2. Selezionare l'argomento che si desidera rimuovere.
3. Cliccare sull'icona
Eliminare Selezionato.
Gestire le repliche agli argomenti trattati sul Forum
Dopo aver inserito gli argomenti di discussione all'interno del forum, i visitatori del sito possono iniziare ad
inserire dei messaggi di replica. E' possibile modificare e gestire tali repliche ed aggiungerne di proprie.
© 2008 INK Open Solutions
75 di 108
Nota Bene: Al fine di evitare messaggi di spam, generati automaticamente da computer, agli utenti
anonimi che desiderino partecipare agli argomenti di discussione sarà richiesto di inserire un codice di
conferma.
Come inserire risposte nel Forum:
1. Dalla pagina
Forum, cliccare sul tab Contenuto.
2. Cliccare sul titolo dell'argomento per il quale si desidera inserire una risposta.
3. Cliccare su
Aggiungi una nuova risposta.
4. Inserire la risposta nel campo di testo messo a disposizione.
5. Cliccare su OK.
Per tornare alla lista degli argomenti del forum è sufficiente cliccare su
Torna agli argomenti.
Illustrazione 49: Inserire una risposta ad un argomento del forum
Come modificare una risposta:
1. Dalla pagina
Forum, cliccare sul tab Contenuto.
2. Cliccare sull'oggetto dell'argomento desiderato.
© 2008 INK Open Solutions
76 di 108
3. Cliccare sull'icona
Modifica posta accanto alla risposta che si desidera modificare.
4. Modificare il testo della risposta come desiderato.
5. Cliccare su OK.
Per tornare alla lista degli argomenti, è sufficiente cliccare su
Torna agli argomenti.
Come rimuovere una risposta:
1. Dalla pagina
Forum, cliccare sul tab Contenuto.
2. Cliccare sull'oggetto dell'argomento desiderato.
3. Selezionare la risposta che si desidera rimuovere.
4. Cliccare sull'icona
Eliminare Selezionato.
Per tornare alla lista degli argomenti, è sufficiente cliccare su
Torna agli argomenti.
Gestire le categorie di argomenti trattati sul Forum
È possibile organizzare gli argomenti trattati nel forum, raggruppandoli in funzione dell’argomento
trattato. Gli argomenti sono denominati Categorie. Sono disponibili due categorie predefinite, che possono
essere rimosse o modificate a piacimento.
Come aggiungere una categoria:
1. Dalla pagina
2. Cliccare su
Forum, cliccare sul tab Contenuto.
Aggiungere una nuova categoria.
3. Nel tab Proprietà principale, inserire il nome della categoria nel campo Nome.
4. Se si desidera inserire una descrizione breve per la categoria che si sta inserendo, utilizzare il tab
Descrizione.
5. Cliccare su OK.
© 2008 INK Open Solutions
77 di 108
Illustrazione 50: Creare una categoria per gli argomenti del forum
Come modificare una categoria:
1. Dalla pagina
Forum, cliccare sul tab Categorie.
2. Cliccare sull'icona
Modifica posta accanto alla categoria che si desidera modificare.
3. Modificare le proprietà della categoria come desiderato.
4. Cliccare su OK.
Cambiare l'ordine delle categorie:
E' possibile modificare l'ordine con cui le categorie appaiono all'interno del forum cambiando la loro
posizione all'interno della lista.
1. Dalla pagina
Forum, cliccare sul tab Categorie.
© 2008 INK Open Solutions
78 di 108
2. Cliccare sulle frecce
o
accanto alla categoria che si desidera spostare. Ogni click sposta la
categoria di un una posizione.
Come rimuovere una categoria:
1. Dalla pagina
Forum, cliccare sul tab Categorie.
2. Selezionare la categoria che si desidera rimuovere.
3. Cliccare sull'icona
Eliminare Selezionato.
Configurare l'aspetto del Forum
1. Dalla pagina
Forum, cliccare sul tab Impostazioni.
2. Inserire il numero massimo di argomenti che ogni pagina del forum può mostrare nel campo
Numero massimo di argomenti per pagina.
3. Inserire il numero massimo di risposte che ogni pagina del forum può mostrare nel campo
Numero massimo di risposte agli argomenti per pagina.
Per visualizzare l’anteprima del forum, cliccare su Anteprima, in basso a destra, ed entrare nella
pagina del proprio sito dedicata al forum.
Illustrazione 51: Configurare l'aspetto del forum
© 2008 INK Open Solutions
79 di 108
Inserire un modulo Libro degli Ospiti
Con il Modulo Libro degli Ospiti, i visitatori saranno in grado di lasciare le loro annotazioni, i loro messaggi
ed i loro commenti riguardanti il sito. La principale differenza esistente fra il Modulo Libro degli Ospiti ed il
Modulo Forum è che in quest'ultimo tutti i messaggi sono raggruppati per argomenti di discussione. Nel
Modulo Libro degli Ospiti tutti i messaggi sono visualizzati per ordine di arrivo (ovvero i messaggi più
recenti sono all'inizio della lista).
Come aggiungere un Libro degli Ospiti al sito:
1. Andare al passo tre del percorso guidato.
2. Selezionare
3. Cliccare su
Libro degli ospiti nell'area Pagine Speciali.
.
E' possibile aggiungere al proprio sito quanti libri degli ospiti si desidera (compatibilmente al numero delle
pagine comprese nel proprio pacchetto vadoinrete).
Come configurare un Libro degli Ospiti:
1. Andare al passo quattro del percorso guidato.
2. Selezionare
Libro degli ospiti nell'area Mappa del sito.
© 2008 INK Open Solutions
80 di 108
Illustrazione 52: Inserire un Libro degli Ospiti
Gestire i messaggi del Libro degli Ospiti
Dopo aver aggiunto un Libro degli Ospiti al proprio sito, non resta che iniziare ad inserirvi i nuovi
messaggi. Il modulo contiene due messaggi di prova, che è possibile agevolmente rimuovere al primo
accesso o modificare come desiderato.
Nota Bene: Al fine di evitare messaggi di spam, generati automaticamente da computer, agli utenti
anonimi che desiderino partecipare agli argomenti di discussione sarà richiesto di inserire un codice di
conferma.
© 2008 INK Open Solutions
81 di 108
Come inserire messaggi nel Libro degli Ospiti:
1. Dalla pagina
2. Cliccare su
Libro degli ospiti, cliccare sul tab Contenuto
Aggiungere un nuovo messaggio.
3. Specificare l'autore del messaggio nel campo Autore.
4. Se necessario, specificare l'indirizzo email dell'autore nel campo E-mail.
5. Se necessario, specificare l'URL del sito web o di altra risorsa Internet di interesse nel campo URL.
6. Inserire il testo del messaggio nel campo Messaggio.
7. Cliccare su OK.
Illustrazione 53: Inserire un messaggio nel Libro degli Ospiti
Come modificare un messaggio:
1. Dalla pagina
Libro degli ospiti, cliccare sul tab Contenuto.
2. Cliccare sull'icona
Modifica posta accanto al messaggio che si desidera modificare.
3. Modificare il messaggio come desiderato.
4. Cliccare su OK.
© 2008 INK Open Solutions
82 di 108
Come rimuvere un messaggio:
1. Dalla pagina
Libro degli ospiti, cliccare sul tab Contenuto.
2. Selezionare il messaggio che si desidera rimuovere.
3. Cliccare sull'icona
Eliminare Selezionato.
Configurare l'aspetto del Libro degli Ospiti
1. Dalla pagina
Libro degli ospiti, cliccare sul tab Impostazioni.
2. Specificare nel campo Durata del messaggio il numero di giorni dopo i quali il messaggio sarà
archiviato. La colonna S del tab Contenuto indica o meno se il messaggio è stato archiviato.
3. Specificare nel campo Numero di messaggi per pagina, il numero massimo di messaggi che
potranno essere contenuti in una singola pagina del libro degli ospiti.
4. Selezionare la spunta Mostrare l'e-mail dell'autore per rendere la stessa visibile ai visitatori del
libro degli ospiti
5. Inserire nel campo Testo mostrato prima del libro degli ospiti, il testo che apparità in cima alla
pagina del libro degli ospiti sul proprio sito.
Per visualizzare l’anteprima del forum, cliccare su Anteprima, in basso a destra, ed entrare nella
pagina del proprio sito dedicata al forum.
Illustrazione 54: Configurare il Libro degli Ospiti
© 2008 INK Open Solutions
83 di 108
Inserire un modulo Registrazione Visitatori
Il Modulo Registrazione Visitatori consente ai visitatori del proprio sito di registrare i propri dati in modo
da non doverli inserire ad ogni nuovo accesso. Tra le sue funzionalità non è compresa la gestione degli
accessi riservati. I visitatori che si sono registrati e che effettuano il login, non inseriscono il loro nome,
indirizzo o altri dati ogni volta che devono riempire un form all'interno del sito. Tali dati sono invece
caricati automaticamente nei rispettivi campi del form proprio in virtù della registrazione effettuata.
L'inserimento di questo modulo all'interno del proprio sito è molto utile quando sono presenti, ad esempio,
i moduli Blog o Negozio Online.
Nota Bene: Al fine di evitare registrazioni automatiche, agli utenti anonimi sarà richiesto di inserire un
codice di conferma.
Come abilitare la registrazione dei visitatori nel sito:
1. Andare al passo tre del percorso guidato.
2. Selezionare
3. Cliccare su
Registrazione Visitatori nell'area Pagine Speciali.
.
Come configurare i parameri di registrazione:
1. Andare al passo quattro del percorso guidato.
2. Selezionare
Registrazione Visitatori nell'area Mappa del sito.
Configurazione generale del modulo
1. Dalla pagina
Registrazione Visitatori, cliccare sul tab Impostazioni Comuni.
2. Per consentire ai visitatori di registrare il proprio profilo sul sito in piena autonomia, selezionare
l’opzione Abilitare la registrazione.
Se si disabilita questa opzione, gli utenti potranno accedere al sito con le proprie credenziali di
accesso solo in seguito alla loro registrazione da parte dell'amministratore.
3. Per permettere ai visitatori di recuperare la loro password, selezionare l'opzione Abilitare
l'opzione Password dimenticata.
© 2008 INK Open Solutions
84 di 108
Illustrazione 55: Configurare i parametri generali di registrazione
Quando un visitatore accede alla pagina di registrazione, potrà inserire le proprie credenziali di
accesso o iniziare la procedura di registrazione.
Illustrazione 56: Form di registrazione
Configurare le risposte automatiche
Il Modulo Registrazione Visitatori consente di registrare due tipi di risposte automatiche riservate ai
visitatori registrati del proprio sito:
•
Un messaggio di notifica di registrazione, inviato a tutti coloro che registrano il proprio profilo sul
sito.
•
Un messaggio di ripristino della password, inviato a tutti coloro che utilizzano l'opzione "password
dimenticata" all'interno del sito.
© 2008 INK Open Solutions
85 di 108
Come configurare le risposte automatiche:
1. Dalla pagina
Registrazione Visitatori, cliccare sul tab Impostazioni della notifica.
2. Configurare le impostazioni comuni per tutti i tipi di risposte automatiche scegliendo dal menu a
tendina Tipo di notifica la voce Impostazione delle notifiche comuni:
•
Inserire nel campo Nome il nome di chi invia la risposta.
•
Inserire nel campo E-mail l'indirizzo di posta di chi invia la risposta.
3. Selezionare il tipo di risposta che si desidera configurare del menu a tendina Tipo di notifica.
4. Configurare l'oggetto ed il testo della risposta utilizzando rispettivamente i campi Oggetto e
Messaggio. E' possibile inserire nel testo del messaggio le seguenti variabili:
•
%userLogin – nome utente del visitatore
•
%userPassword - password del visitatore
•
%userFirstname – nome del visitatore
•
%userLastname – cognome del visitatore
•
%siteURL - URL del sito
Illustrazione 57: Configurare le risposte automatiche inviate ai visitatori registrati
© 2008 INK Open Solutions
86 di 108
Gestire la registrazione dei visitatori del sito
Una volta pubblicato il proprio sito è possibile gestire i visitatori registrati direttamente dal pannello di
amministrazione messo a disposizione.
1. Dalla pagina
Registrazione Visitatori, cliccare sul tab Utenti del Sito.
2. Cliccare su Andate sulla gestione dell'utente del sito.
Come registrare un nuovo visitatore:
Se si desidera gestire direttamente la registrazione dei visitatori del proprio sito, è possibile farlo da
pannello di amministrazione.
1. Dall'area Generale, cliccare sulla voce
Siti.
2. Cliccare sul nome del proprio sito per accedere alla sua area di controllo.
3. Cliccare su
Utenti del sito.
4. Cliccare su
Aggiungere un nuovo account.
5. Specificare le informazioni di login e di contatto per l'utente dell'account compilando correttamente
i campi Nome, E-mail, Password e Conferma la password.
6. Cliccare su OK.
Come modificare l'account di un visitatore registrato:
1. Dall'area Generale, cliccare sulla voce
Siti.
2. Cliccare sul nome del proprio sito per accedere alla sua area di controllo.
3. Cliccare su
Utenti del sito.
4. Cliccare sul nome dell'utente che si desidera modificare.
5. All'interno della scheda dell'utente, apportare le modifiche desiderate.
6. Cliccare su OK.
Come disattivare/riattivare l'account di un visitatore registrato:
Di default, tutti gli account dei visitatori registrati sono attivi all'interno del proprio sito. Se un'account è
attivo, il visitatore del sito può effettuare il login inserendo le proprie credenziali. Nel caso si desideri
proibire, per qualunque motivo, l'autenticazione di un visitatore sul proprio sito è possibile disattivarne
l'account.
© 2008 INK Open Solutions
87 di 108
•
Per disattivare l'account di un visitatore registrato
1. Dall'area Generale, cliccare sulla voce
Siti.
2. Cliccare sul nome del proprio sito per accedere alla sua area di controllo.
3. Cliccare su
Utenti del sito.
4. Selezionare la spunta dell'utente che si desidera disattivare
5. Cliccare su
Disattiva.
Gli utenti disattivati sono indicati con l'icona
•
Per riattivare l'account di un visitatore registrato
1. Dall'area Generale, cliccare sulla voce
Siti.
2. Cliccare sul nome del proprio sito per accedere alla sua area di controllo.
3. Cliccare su
Utenti del sito.
4. Selezionare la spunta dell'utente che si desidera riattivare
5. Cliccare su
Disattiva
Come rimuovere l'account di un visitatore registrato:
1. Dall'area Generale, cliccare sulla voce
Siti.
2. Cliccare sul nome del proprio sito per accedere alla sua area di controllo.
3. Cliccare su
Utenti del sito.
4. Selezionare la spunta dell'utente che si desidera riattivare
5. Cliccare su
Elimina.
Inserire un modulo Mappa dell'area
Il Modulo Mappa dell'area permette di aggiungere mappe all'interno del proprio sito e di visualizzare
ogni altro luogo che può risultare interessante per i visitatori. Per inserire mappe geografiche al proprio
sito è possibile utilizzare il Servizio di Google Maps API o acquistare un account con il Servizio Web
Microsoft MapPoint.
© 2008 INK Open Solutions
88 di 108
Configurazione del servizio Google Maps API
Il Servizio di Google Maps API permette di inserire le mappe di Google nelle pagine di un sito. Per poter
utilizzare tale funzionalità è necessario registrare una chiave Google Maps API per il proprio sito. Il
Servizio di Google Maps API supporta i seguenti browser:
•
Internet Explorer 6.0 and later
•
Firefox 0.8 and later
•
Safari 1.2.4 and later
•
Netscape 7.1 and later
•
Mozilla 1.4 and later
•
Opera 8.02 and later
Come inserire una mappa di Google all'interno di una pagina del sito:
1. Andare al passo quattro del percorso guidato.
2. Selezionare dall'area Mappa del Sito, la pagina in cui si desidera inserire la mappa
3. Selezionare dall'area Moduli il modulo
Mappa dell'area e, mantenendo premuto il tasto
sinistro del mouse, trascinarlo nel punto della pagina in cui si desidera inserire la mappa.
4. Cliccare su Impostazioni del provider di servizi.
5. Selezionare l'opzione Servizio di Google Maps API dall'area Selezionate il provider di servizi
della mappa
Illustrazione 58: Configurazione del Servizio di Google Maps API
© 2008 INK Open Solutions
89 di 108
6. Se non si possiede ancora una chiave per il Servizio di Google Maps API:
1. Cliccare sulla voce Ottenere una chiave di Google Maps API per il mio sito per essere
reindirizzati al sito del servizio.
2. Seguire le istruzioni indicate nello schermo ed inserire l'URL del proprio sito nel campo My web
site URL.
3. Cliccare sul pulsante Generate API Key.
4. Dopo aver effettuato il login nel proprio account Gmail, copiare la stringa che appare nel campo
Your key is.
5. Ritornare nel wizard di vadoinrete.it ed incollare la chiave copiata nel campo Chiave di
Google Maps API.
7. Se si possiede già una chiave per il Servizio di Google Maps API:
1. Incollare la chiave copiata nel campo Chiave di Google Maps API.
8. Cliccare su OK.
9. Cliccare su Scegliere una posizione.
10. Inserire la posizione desiderata e cliccare su Trova Posizione.
© 2008 INK Open Solutions
90 di 108
Illustrazione 59: Specificare un'ubicazione geografica da mostrare nella mappa
11. Selezionare il punto preciso sulla mappa. Riempire i campi della maschera che appare e cliccare su
Salva.
12. Cliccare su OK.
© 2008 INK Open Solutions
91 di 108
Illustrazione 60: Specificare le proprietà dell'ubicazione geografica specificata
Un segnalibro apparirà sulla mappa. Cliccando su di esso, i visitatori del proprio sito potranno vedere il
nome e l’indirizzo del segnalibro.
Per ulteriori informazioni, e per indicazioni stradali è possibile consultare le Google Maps API Faq
(http://code.google.com/support/bin/topic.py?topic=10028).
Configurazione del Servizio Web Microsoft MapPoint
Per poter utilizzare il Servizio Web Microsoft MapPoint all'interno delle pagine del proprio sito è necessario
prima di tutto acquistare una licenza del servizio dalla Microsoft scegliendo fra due modalità:
•
acquistare una licenza per ogni modulo Mappa dell'area aggiunto al proprio sito.
•
Acquistare una licenza per tutti moduli Mappa dell'area aggiunti al proprio sito.
Come inserire una mappa Microsoft MapPoint all'interno di una pagina del sito:
1. Andare al passo quattro del percorso guidato.
2. Selezionare dall'area Mappa del Sito, la pagina in cui si desidera inserire la mappa
© 2008 INK Open Solutions
92 di 108
3. Selezionare dall'area Moduli il modulo
Mappa dell'area e, mantenendo premuto il tasto
sinistro del mouse, trascinarlo nel punto della pagina in cui si desidera inserire la mappa.
4. Cliccare su Impostazioni del provider di servizi.
5. Selezionare l'opzione Servizio web Microsoft MapPoint dall'area Selezionate il provider di
servizi della mappa.
Illustrazione 61: Configurazione del Servizio Web Microsoft MapPoint
6. Se non si possiede ancora un account per il Servizio Web Microsoft MapPoint:
1. Cliccare sulla voce Clicca qui per comperare un account del servizio web Microsoft
MapPoint da Microsoft per essere reindirizzati al sito del servizio.
2. Seguire le istruzioni indicate nello schermo per acquistare una licenza.
3. Una volta ottenuta la licenza, ritornare nel wizard di vadoinrete.it ed inserire le proprie
credenziali di accesso al servizio compilando correttamente i campi Nome dell'utente e
Password.
7. Se si possiede già un account per il Servizio Web Microsoft MapPoint:
1. Inserire le proprie credenziali di accesso al servizio compilando correttamente i campi Nome
dell'utente e Password.
8. Cliccare su Accedi a MS Map.
© 2008 INK Open Solutions
93 di 108
Illustrazione 62: Specificare le proprietà dell'ubicazione geografica specificata
9. Inserire il nome del luogo che si desidera mostrare nella mappa nel campo Find Locations.
10. Cliccare su Find Locations.
11. Dalla lista dei risultati, selezionare il luogo che corrisponde a quello che si desidera visualizzare
nella pagina del proprio sito.
12. Cliccare su OK.
Nota Bene:
In caso si cambiassero le credenziali di accesso al Servizio Web Microsoft MapPoint, cliccare su Riaccedi
a MS Map. Si aprirà la finestra di configurazione della Mappa dell'area in cui si potranno inserire
nuovamente le proprie credenziali.
Inserire un modulo Commenti
Il Modulo Commenti permette di raccogliere le opinioni che i visitatori hanno riguardo le immagini, le
notizie o, in generale, dei contenuti pubblicati nelle pagine del proprio sito.
© 2008 INK Open Solutions
94 di 108
Come configurare un Modulo Commenti all'interno del proprio sito:
1. Andare al passo quattro del percorso guidato.
2. Selezionare dall'area Mappa del Sito, la pagina in cui si desidera inserire la mappa
3. Selezionare dall'area Moduli il modulo
Commenti e, mantenendo premuto il tasto sinistro del
mouse, trascinarlo nel punto della pagina in cui si desidera inserire il form.
4. Cliccare sulla voce Preferenze per configurare le proprietà generali del Modulo Commenti.
5. Compilare i campi indicando il titolo del Modulo Commenti, l’indirizzo e-mail a cui si desidera che i
commenti siano spediti e l’oggetto del messaggio e-mail di commento.
Illustrazione 63: Configurazione delle proprietà generali del Modulo Commenti
6. Cliccare su OK.
7. Cliccare su Aggiungi/Modifica campi per accedere alla lista dei campi che dovranno essere
compilati dai visitatori che desiderano lasciare un commento.
Di default, il Modulo Commenti contiene un numero di campi che sono comunemente utilizzati nei
form di commenti. E' possibile modificare i campi esistenti o aggiungerne di nuovi
8. Cliccare su
Aggiungi campo per inserire un nuovo campo nel modulo.
9. Digitare nel campo Nome, il nome del campo che si desidera aggiungere al modulo.
10. Selezionare dal menu a tendina Tipo, la voce corrispondente al tipo di dati che possono essere
inseriti nel nuovo campo del modulo. I tipi di dati supportati sono:
•
Stringa: permette di inserire una qualunque stringa di testo. E' possibile includere caratteri
nazionali (i caratteri propri degli specifici alfabeti come ad esempio Ç ß ~ §), segni di
punteggiature, spazi ma non i ritorni a capo. Questo tipo di campo viene visualizzato i modalità
multi-linea.
© 2008 INK Open Solutions
95 di 108
•
Testo: è uguale alla tipologia Stringa con la differenza che permette di utilizzare i ritorni a
campo.
•
Telefono: permette di inserire un numero di telefono internazionale. E' possibile includere
numeri, spazi, parentesi e i simboli "+" e "-".
•
E-mail: permette di inserire indirizzi e-mail solamente.
•
Intero: permette di inserire numeri interi (positivi, negativi o zero).
•
Doppia precisione: permette di inserire numeri in virgola mobile con un punto o una virgola
come separatore per i decimali. Non è permsso utilizzare gli zeri in testa o in coda al numero
(ad esempio non è possibile scrivere numeri tipo 007 o 0,100 ma è possibile solo scrivere 7 o
0,1).
•
Valuta: permette di inserire numeri in virgola mobile con un punto o una virgola come
separatore per i decimali. Non è permsso utilizzare gli zeri in testa o in coda al numero.
•
Data: permette di inserire date nel formato mm/dd/yyyy, con lo ("/") come separatore.
•
Password: permette di inserire una qualunque stringa di testo.
11. Selezionare l'opzione Obbligatorio se si desidera rendere obbligatorio il completamento del campo
da parte dei visitatori che desiderano lasciare un commento.
12. Ordinare i campi utilizzando le freccie
e
.
13. Per eliminare un campo selezionarlo dalla lista e cliccare su
Elimina.
14. Cliccare su OK.
15. Per specificare il testo che dovrà essere visualizzato ai visitatori del sito dopo aver lasciato un
commento, cliccare sulla voce Risposta.
© 2008 INK Open Solutions
96 di 108
Illustrazione 64: Testo da visualizzare dopo che i visitatori lasciano il loro commento
Inserire un modulo Lettore RSS
Il Modulo Lettore RSS permette di caricare automaticamente le informazioni e notizie preferite sul proprio
sito dai canali RSS. Un visitatore può visualizzare in anteprima le notizie aggiornate dal sito ed essere
reindirizzato al sito contenente la notizia completa in caso volessero leggerla interamente. Le notizie
restituite dai canali RSS sono aggiornate automaticamente e non richiedono alcuna interazione da parte
dell'amministratore del sito.
Come inserire il Modulo Lettore RSS all'interno del proprio sito:
1. Andare al passo quattro del percorso guidato.
2. Selezionare dall'area Mappa del Sito, la pagina in cui si desidera inserire il modulo Lettore RSS.
3. Selezionare dall'area Moduli il modulo
Lettore RSS e, mantenendo premuto il tasto sinistro del
mouse, trascinarlo nel punto della pagina in cui si desidera inserirlo.
4. Cliccare sulla voce Proprità.
© 2008 INK Open Solutions
97 di 108
Illustrazione 65: Inserire i canali RSS
5. Selezionare un canale da cui importare le notizie. Si può notare che quando il mouse passa sopra
un canale è possibile vedere l'URL corrispondente nel campo sottostante.
6. Se si seleziona Canale personalizzato, inserire l'URL del canale nel campo sottostante.
7. Cliccare su OK.
Inserire un modulo Script
Con il Modulo Script è possibile inserire all'interno delle pagine del proprio sito frammenti di codice capaci
di svolgere funzionalità complesse in aggiunta a quelle previste dai moduli esistenti messi a disposizione
da vadoinrete.it. Supporto tutti i principali linguaggi di programmazione: HTML, DHTML, XML, PHP, ASP,
SSI, Perl/CGI, JavaScript, Java applets, e molti altri ancora.
© 2008 INK Open Solutions
98 di 108
Come inserire uno script in una pagina del proprio sito:
1. Andare al passo quattro del percorso guidato.
2. Selezionare dall'area Mappa del Sito, la pagina in cui si desidera inserire lo script.
3. Selezionare dall'area Moduli il modulo
Script e, mantenendo premuto il tasto sinistro del
mouse, trascinarlo nel punto della pagina in cui si desidera inserirlo.
4. Cliccare sulla voce Proprità.
5. Inserire lo script nell'area Testo dello Script.
6. Cliccare su OK.
Illustrazione 66: Inserire script in una pagina del proprio sito
Se si desidera incorporare nel proprio sito una pagina web creata con uno strumento diverso da
vadoinrete.it, copiare il codice sorgente della pagina e incollarlo dnella finestra Testo dello Script.
Nota Bene:
Gli script non vengono eseguiti nella modalità Anteprima. Per verificare il funzionamento di uno script,
pubblicare il sito e navigarlo fino alla pagina corrispondente.
In caso di problemi con il funzionamento del Modulo Script contattate l'assistenza di vadoinrete.it, il
nostro staff sarà a vostra disposizione
© 2008 INK Open Solutions
99 di 108
Inserire un modulo Votazione
Il Modulo Votazione permette di lanciare sondaggi fra i visitatori riguardo i contenuti pubblicati sul proprio
sito, di raccogliere le votazioni sui diversi argomenti ivi trattati e di visualizzare tali risultati
dinamicamente attraverso l'utilizzo di grafici.
Il Modulo Votazione traccia inoltre l'univocità dei visitatori sulla base del principio dell sessione singola che
significa che un visitatore non può votare più volte in un sondaggio all'interno della stessa sessione.
Come inserire il Modulo Votazione all'interno del proprio sito:
1. Andare al passo quattro del percorso guidato.
2. Selezionare dall'area Mappa del Sito, la pagina in cui si desidera inserire lo script.
3. Selezionare dall'area Moduli il modulo
Votazione e, mantenendo premuto il tasto sinistro del
mouse, trascinarlo nel punto della pagina in cui si desidera inserirlo.
4. Cliccare sulla voce Proprità.
Illustrazione 67: Specificare una domanda per il sondaggio
© 2008 INK Open Solutions
100 di 108
5. Inserire il testo della domanda oggetto del sondaggio nell'area Domanda.
6. Nel tab Risposte, inserire le possibili risposte alla domanda oggetto del sondaggio.
Ogni Modulo Votazione deve contenere almeno due risposte e, di default, ne sono contenute due
che è possibile modificare o rimuovere a piacimento.
7. Per modificare il testo di una risposta esistente, inserire il nuovo testo nel campo Risposta.
8. Per inserire una risposta, cliccare su
Aggiungere una nuova risposta ed inserire il testo della
risposta nel campo che apparirà. E' possibile inserire tutte le risposte che si desidera.
Illustrazione 68: Specificare le risposte per il sondaggio
9. Per modificare l'ordine con il quale vengono visualizzate le risposte, utilizzare le freccie
10. Per eliminare una risposta selezionarla dalla lista e cliccare su
11. Cliccare su OK.
© 2008 INK Open Solutions
Elimina.
e
.
101 di 108
Inserire un modulo Indicatore dello Stato Online
Il Modulo Indicatore dello Stato Online permette di inserire all'interno del proprio sito un'icona che mostra
se si è online su Skype o su ICQ.
Come inserire il Modulo Indicatore dello Stato Online all'interno del proprio sito:
1. Andare al passo quattro del percorso guidato.
2. Selezionare dall'area Mappa del Sito, la pagina in cui si desidera inserire lo script.
3. Selezionare dall'area Moduli il modulo
Indicatore dello Stato Online e, mantenendo premuto
il tasto sinistro del mouse, trascinarlo nel punto della pagina in cui si desidera inserirlo.
4. Cliccare sulla voce Proprità.
5. Selezionare dall'area Selezionate il provider di messaggistica istantanea il provider di
messaggistica desiderato.
6. Se si seleziona ICQ:
1. Specificare il proprio codice ICQ nel campo ICQ UIN.
2. Selezionare dal menu a tendina Icona di ICQ l'icona da utilizzare come indicatore dello status.
Illustrazione 69: Configurare l'indicatore per un'account ICQ
© 2008 INK Open Solutions
102 di 108
7. Se si seleziona Skype:
1. Specificare il proprio nome su Skype nel campo Nome di Skype
2. Selezionare dal menu a tendina Icona di Skype l'icona da utilizzare come indicatore dello
status.
3. Selezionare la spunta Avviare la telefonata di Skype cliccando sull'icona se si desidera
consentire ai visitatori del proprio sito di contattarvi su Skype.
Illustrazione 70: Configurare l'indicatore per un'account Skype
8. Cliccare su OK.
Inserire un modulo SitePal
Grazie al Modulo SitePal è possibile aggiungere al proprio sito l'immagine di un operatore virtuale che con
la sua voce accompagnerà i visitatori nella loro navigazione (http://www.sitepal.com). Il Modulo SitePal è
ideale per i siti che si rivolgono ad utenti poco esperti del web: l’operatore virtuale, gentile e paziente
come solo un computer sa essere, li guiderà passo per passo attraverso le varie procedure, consentendo
loro di portare a termine in modo semplice ed autonomo anche le operazioni più complesse. E' possibile
selezionare l'operatore virtuale che si desidera e personalizzarne l'aspetto e gli scenari in cui compare.
© 2008 INK Open Solutions
103 di 108
Nota Bene:
Con il Modulo SitePal è possibile creare scene animate in qualunque lingua ma l'interfaccia di creazione
delle stesse è disponibile sono in lingua inglese.
Per assicurare il corretto funzionamento di questo modulo è necessario abilitare i pop-ups nel proprio
browser. Per vedere inoltre tutti i possibili operatori virtuali è richiesto il Player Flash 9.0.115 o superiore
Come inserire un operatore virtuale SitePal nel proprio sito:
1. Andare al passo quattro del percorso guidato.
2. Selezionare dall'area Mappa del Sito, la pagina in cui si desidera inserire lo script.
3. Selezionare dall'area Moduli il modulo
SitePal e, mantenendo premuto il tasto sinistro del
mouse, trascinarlo nel punto della pagina in cui si desidera inserirlo.
4. Cliccare sulla voce Proprità per configurare il proprio operatore virtuale.
Quando si apre l'editor SitePal dal percorso guidato di vadoinrete.it viene visualizzata una finestra
di pop-up con un messaggio di benvenuto. All'interno di questa finestra vengono inoltre
visualizzate informazioni generali riguardo gli operatori virtuali forniti da SitePal e la lista dei
pacchetti messi a disposizione.
Se si possiede un account SitePal è richiesto di inserire le credenziali di accesso nella finestra di
benvenuto per poter effettuare il login.
Importante: Di default, il Modulo SitePal messo a disposizione è una versione gratuita che
consente di creare due sole scene, due soli operatori, che non prevede la possibilità di utilizzare la
funzionalità "da testo in voce" (conversione di un testo in voce tramite programma sonoro) per
creare le scene audio e che limita a 150 al mese il numero di streams (ovvero i playbacks nella
pagina del sito in cui si è inserito il modulo). Tutti i siti creati con la procedura guidata di
vadoinrete.it utilizzeranno un pacchetto SitePal comune e occorre quindi tenere bene presente
che il numero di scene, operatori e streams mensili saranno condivisi fra tutte le pagine del sito.
Se si desidera acquistare un pacchetto SitePal più performante è possibile scegliere fra i seguenti
metodi:
•
Cliccare sul pulsante Upgrade o Buy posizionato sopra la finestra di anteprima della scena. I
pulsanti compaiono ogni volta che si tenta di utilizzare un personaggio o una funzionalità a
pagamento con il pacchetto gratuito.
•
Cliccare sul pulsante Upgrade your account, in fondo alla pagina. Questo pulsante apparirà
dopo il salvataggio della prima scena. Per procedere, chiudere la finestra. Sarà possibile
visualizzare queste infomazioni in ogni momento cliccando sul pulsante
© 2008 INK Open Solutions
About.
104 di 108
Illustrazione 71: Editor SitePal
5. All'interno dell'editor SitePal, selezionare l'operatore che si desidera dal tab Model Gallery.
Il pacchetto gratuito SitePal messo a disposizione da vadoinrete.it permette di scegliere tra due
operatorori. Gli operatori a pagamento sono evidenziati dall'icona
. Per filtrare gli operatori
gratuiti selezionare la spunta Show only the models I own.
Se si desidera acquistare un operatore, cliccare su Upgrade o Buy posizionato sopra la finestra di
anteprima della scena e seguire le istruzioni di acquisto nel sito di SitePal.
6. Nel passo Accessories è possibile personalizzare l'aspetto esteriore del proprio operatore virtuale.
•
Nel tab Style è possibile scegliere lo stile dei capelli, i vestiti, gli accessori ed altri attributi
dell'operatore.
•
Nel tab Color è possibile impostare il colore dei capelli, degli occhi, della pelle e del make-up
dell'operatore
•
Nel tab Attributes, se necessario, è possibile impostare altri attriubuti esteriori e l'età
dell'operatore.
© 2008 INK Open Solutions
105 di 108
7. Nel passo Backgrounds è possibile scegliere lo sfondo della scena tra quelli messi a disposizione o
caricarne uno personalizzato cliccando sul pulsante Upload nel tab Background Gallery. E'
possibile gestire i propri sfondi personalizzati nel tab My Background.
8. Nel passo Audios è possibile allegare il file audio al messaggio degli operatori.
•
Se si è acquistato un pacchetto SitePal a pagamento, è possibile generare il file audio per la
scena utilizzando la funzionalità "da testo in voce" (conversione di un testo in voce tramite
programma sonoro) nel tab TTS.
Digitare o incollare il testo nella casella di testo messa a disposizione, scegliere il linguaggio e il
tipo di voce che l'operatore virtuale dovrà utilizzare rispettivamente dai menu a tendina
Language e Voice.
Nota Bene: Se si desidera acquistare la funzionalità "da testo in voce", cliccare su Upgrade o
Buy posizionato sopra la finestra di anteprima della scena e seguire le istruzioni di acquisto nel
sito di SitePal.
•
Per registrare un messaggio utilizzando un microfono integrato, cliccare sul tab Mic e seguire le
istruzioni d'uso.
•
Per caricare un file audio dal proprio compute, seguire le istruzioni fornite nel tab Upload.
•
Per avere un messaggio registrato da una voce professionale, cliccare sul pulsante Pick Your
Professional Voice nel tab Voice Talent e seguire le istruzioni di acquisto nel sito di SitePal.
•
Per registrare un messaggio al telefono, seguire le istruzioni fornite nel tab Phone. E' possibile
visualizzare, modificare o eliminare i file audio creati e caricati, nel tab Saved. All'interno di
tale tab sono contenuti anche alcuni esempi di file audio commerciali SitePal.
9. Nel passo Players è possibile selezionare lo stile della finestra SitePal che sarà inserita nel sito.
10. Cliccare sul pulsante Save Scene.
11. Compilare il form di registrazione e cliccare su Register.
Una volta effettuata la registrazione in SitePal, la scena salvata compare nella lista Scene List sulla
sinistra. Insieme ad essa, appare di default anche la seconda scena proposta come base per la
prossima nuova scena. I dettagli della propria registrazione e il pulsante Upgrade Your Account
compaiono in fondo all'editor SitePal.
Nota Bene: Il pacchetto gratuito SitePal permette di creare due sole scene per cui ogni nuova
scena creata andrà a sovrascrivere le esistenti.
12. Cliccare su
, nella parte sinistra dello schermo, per accedere alla finestra che permetterà
di configurare i parametri di playback dell'animazione e cliccare su Apply per salvare le
impostazioni effettuate.
© 2008 INK Open Solutions
106 di 108
13. Cliccare infine su Publish per settare i parametri di pubblicazione come le dimensioni della scena e
il colore di sfondo utilizzato dalla progress bar al momento del caricamento della scena. Se si
desidera caricare la scena con protocollo sicuro HTTPS, selezionare la spunta Secure Protocol
(https).
© 2008 INK Open Solutions
107 di 108
Passo 5: Pubblicare il sito
Pubblicazione di un sito da parte un utente non registrato
Se non si possiede un account in vadoinrete, il sito creato è un sito di prova ed in quanto tale risiede in
una directory temporanea. Per questo motivo non può essere pubblicato in Internet fino a quando non si
acquista uno dei pacchetti offerti da vadoinrete. Nel quinto passo del percorso guidato è possibile
visualizzare i dettagli relativi al sito di prova creato:
•
Il periodo di vita del sito di prova. Ovvero per quanti giorni il sito di prova rimarrà a disposizione
dell'utente nel server di vadoinrete.
•
Il link che permette di visualizzare l'anteprima del sito di prova.
•
Il link che permette di accedere al percorso guidato per tutta la durata del periodo di prova.
Accedere al percorso guidato in ogni momento significa aver la possibilità di modificare il sito ogni
volta che lo si desidera (per il tempo di durata del periodo di prova). Questo link sarà anche
necessario in caso si decida di acquistare uno dei pacchetti offerti da vadoinrete.
E' possibile inoltre ricevere via email tutte le informazioni elencate nel quinto passo del percorso guidato
semplicemente inserendo il proprio indirizzo di posta elettronica nel campo “Inviare le informazioni del
sito al vostro indirizzo e-mail”. Per visualizzare il sito di prova all'interno del proprio browser web
premere sul pulsante “Visita il sito”. Il sito rimarrà disponibile per tutta la durata del periodo di prova.
© 2008 INK Open Solutions
108 di 108
Illustrazione 72: Pubblicazione di un sito da parte un utente non registrato
Pubblicazione di un sito da parte di utente registrato
Se si possiede un account in vadoinrete.it, è possibile pubblicare il proprio sito seguendo le seguenti
istruzioni:
1. Andare nel quinto passo del percorso guidato
2. Cliccare sul pulsante “Pubblica”
© 2008 INK Open Solutions