Guida utente di WebPlus X5

Transcript

®
Guida utente
Come contattarci
Sede principale:
WinSoft International
24 rue Louis Gagnière
38950 St Martin le Vinoux
FRANCIA
Telefono:
+33(0)4 38 02 22 00
Assistenza clienti/
Assistenza tecnica:
[email protected]
Fax generale:
+33(0)4 38 02 22 11
In linea
Indirizzo Web:
http://www.winsoft-international.com/
Internazionale
Contattare il distributore/rivenditore di zona. Per ulteriori
informazioni, contattare Serif al numero di telefono indicato sopra.
La presente per l'utente e il software in essa descritto vengono concessi in
base al Contratto di licenza con l'utente finale incluso con il prodotto. Nel
contratto sono specificati gli utilizzi consentiti e non consentiti.
Marchi
Serif è un marchio registrato di Serif (Europe) Ltd.
WebPlus è un marchio registrato di Serif (Europe) Ltd.
Tutti i nomi dei prodotti Serif sono marchi di Serif (Europe) Ltd.
Microsoft, Windows e il logo di Windows sono marchi registrati di
Microsoft Corporation. Tutti gli altri marchi sono riconosciuti.
Windows Vista e il pulsante Start di Windows Vista sono marchi o marchi
registrati di Microsoft Corporation negli Stati Uniti e/o in altri Paesi.
Copyright
Immagini digitali ©2008 Hemera Technologies Inc. Tutti i diritti riservati.
Immagini digitali ©2008 Jupiterimages Corporation. Tutti i diritti
riservati.
Immagini digitali ©2008 Jupiterimages France SAS. Tutti i diritti riservati.
Contenuto ©2008 Jupiterimages Corporation. Tutti i diritti riservati.
Immagini Portions ©1997-2002 Nova Development Corporation; ©1995
Expressions Computer Software; ©1996-98 CreatiCom, Inc.; ©1996
Cliptoart; ©1997 Multimedia Agency Corporation; ©1997-98 Seattle
Support Group. Tutti i diritti riservati.
Tecnologia di importazione/esportazione di grafica Portions © AccuSoft
Corp. &Eastman Kodak Company& LEAD Technologies, Inc.
THE PROXIMITY HYPHENATION SYSTEM © 1989 Proximity
Technology Inc. Tutti i diritti riservati.
THE PROXIMITY/COLLINS DATABASE © 1990 William Collins Sons
& Co. Ltd.; © 1990 Proximity Technology Inc. Tutti i diritti riservati.
THE PROXIMITY/MERRIAM-WEBSTER DATABASE © 1990 MerriamWebster Inc., © 1990 Proximity Technology Inc. Tutti i diritti riservati.
Sentry Spelling-Checker Engine © 2000 Wintertree Software Inc.
WGrammar Grammar-Checker Engine © 1998 Wintertree Software Inc.
Andrei Stcherbatchenko, Ferdinand Prantl
eBay © 1995-2008 eBay Inc. Tutti i diritti riservati.
PayPal © 1999-2008 PayPal. Tutti i diritti riservati.
Roman Cart © 2008 Roman Interactive Ltd. Tutti i diritti riservati.
Mal's © 1998 to 2003 Mal's e-commerce Ltd. Tutti i diritti riservati.
iTunes © 2000 to 2008 Apple Computer, Inc. Tutti i diritti riservati.
YouTube © 2008 YouTube, LLC
phpBB © 2000, 2002, 2003, 2007 phpBB Group
FontForge © 2000,2001,2002,2003,2004,2005,2006,2007,2008 di George
Williams.
Parti di questo software sono protette da copyright © 2008 The FreeType
Project (www.freetype.org). Tutti i diritti riservati.
ODF Translator © 2006-2008, Clever Age, DIaLOGIKa, Sonata Software
Ltd. Tutti i diritti riservati.
Office Binary Translator to OpenXML Copyright © 2008-2009,
DIaLOGIKa. Tutti i diritti riservati.
Anti-Grain Geometry - Versione 2.4
Copyright © 2002-2005 Maxim Shemanarev (McSeem).
SlideShowPro © Dominey Design Inc. Tutti i diritti riservati.
Campioni di clipart da Serif ArtPacks © Serif (Europe) Ltd. e Paul Harris.
Campioni del carattere TrueType da Serif FontPacks © Serif (Europe) Ltd.
© 2011 Serif (Europe) Ltd. Tutti i diritti riservati. Nessuna parte della
presente per l'utente può essere riprodotta in qualsiasi forma senza il
consenso scritto da parte di Serif (Europe) Ltd.
Serif WebPlus X5 © 2011 Serif (Europe) Ltd. Tutti i diritti riservati.
Le società e i nomi utilizzati nei campioni sono fittizi.
Sommario
1. Benvenuti ................................................. 1
Benvenuti! ...................................................................... 3
Funzioni chiave .............................................................. 4
Nuove funzioni ............................................................. 15
Installazione ................................................................. 20
2. Per iniziare ............................................. 23
Avvio guidato ............................................................... 25
Creazione di un sito con un modello di design ............. 26
Creazione di un sito da zero ........................................ 30
Apertura di un sito esistente ........................................ 31
Operazioni con più di un sito ........................................ 33
Salvataggio del sito ...................................................... 33
3. Impostazione di siti e pagine .................. 35
Informazioni sulla struttura del sito e la navigazione .... 37
Impostazione delle proprietà del sito............................ 40
Ottimizzazione per motore di ricerca............................ 47
Utilizzo di Gestione sito ................................................ 55
Informazioni su pagine e pagine master ...................... 57
Aggiunta, rimozione e ridisposizione delle pagine ....... 64
Impostazione delle proprietà della pagina .................... 71
Creazione di pagine HTML .......................................... 76
Visualizzazione pagine ................................................ 77
Sommario
4. Navigazione e collegamenti ipertestuali 83
Aggiunta di barre di navigazione .................................. 85
Aggiunta di menu a comparsa ..................................... 98
Aggiunta di pulsanti .................................................... 100
Aggiunta di collegamenti ipertestuali e ancoraggi ...... 105
5. Aggiunta di oggetti Web ...................... 113
Aggiunta di una ricerca sito ........................................ 115
Utilizzo della Galleria.................................................. 118
Aggiunta di mappe di Google Maps ........................... 122
Aggiunta di inserzioni pubblicitarie ............................. 127
Utilizzo dei lightbox .................................................... 130
Inserimento di pannelli ............................................... 134
Aggiunta di punti attivi ................................................ 141
Aggiunta di rollover .................................................... 145
Opzioni rollover .......................................................... 145
Aggiunta di rollover a comparsa ................................. 148
6. Aggiunta di oggetti web dinamici ..... Error!
Bookmark not defined.
Associazione di codice HTML .................................... 155
Aggiunta di moduli...................................................... 163
Feed RSS e podcast .................................................. 179
Informazioni sull'e-commerce..................................... 188
Inserimento di un oggetto e-commerce (PayPal) ....... 191
Utilizzo della funzione di unione database ................. 197
Utilizzo degli oggetti avanzati ..................................... 210
Controllo dell'accesso ................................................ 223
Sommario
7. Operazioni con il testo.......................... 235
importazione di testo da un file .................................. 237
Informazioni sulle cornici di testo ............................... 239
Utilizzo del testo artistico ........................................... 246
Posizionamento del testo su un tracciato ................... 248
Modifica del testo nella pagina ................................... 251
Utilizzo della funzionalità Trova e sostituisci .............. 256
8. Formattazione di testo.......................... 259
Impostazione delle proprietà di testo ......................... 261
Utilizzo dei caratteri.................................................... 261
Utilizzo degli stili di testo ............................................ 263
Creazione di un elenco puntato o numerato .............. 267
Inserimento dei dettagli utente ................................... 269
Inserimento di variabili ............................................... 273
9. Operazioni con le tabelle...................... 277
Creazione di tabelle basate su testo .......................... 279
Inserimento di un calendario ...................................... 281
10. Modifica di oggetti ................................ 285
Selezione di un oggetto ............................................. 287
Selezione di più oggetti .............................................. 290
Copiare, incollare e replicare gli oggetti ..................... 292
Movimento di oggetti .................................................. 295
Ridimensionamento degli oggetti ............................... 295
Rotazione di un oggetto ............................................. 297
Ritaglio e combinazione di oggetti ............................. 299
Sommario
Unione dei profili degli oggetti .................................... 303
Aggiornamento e salvataggio delle impostazioni
predefinite .................................................................. 305
11. Disposizione degli oggetti .................... 309
Ordinamento oggetti................................................... 311
Allineamento e distribuzione degli oggetti .................. 312
Associazione di oggetti al testo .................................. 314
Creazione di gruppi .................................................... 317
12. Immagini, animazioni e contenuti
multimediali ........................................ 319
Aggiunta di cornici immagine ..................................... 321
Importazione di immagini ........................................... 323
Utilizzo della barra multimediale ................................ 328
Impostazione delle opzioni di esportazione delle
immagini ..................................................................... 332
Importazione di immagini TWAIN ............................... 339
Applicazione dei filtri FotoLab .................................... 340
Utilizzo di Studio ritaglio immagine ............................ 348
Aggiunta di animazione .............................................. 352
Aggiunta di audio e video ........................................... 355
Utilizzo della Galleria foto ........................................... 361
Collegamento di immagini remote .............................. 368
13. Linee, forme ed effetti .......................... 371
Disegno e modifica di linee ........................................ 373
Impostazione delle proprietà di linea .......................... 377
Sommario
Disegno e modifica di forme ...................................... 380
Utilizzo degli effetti filtro 2D ........................................ 384
Utilizzo degli effetti filtro 3D ........................................ 389
Utilizzo degli stili oggetto ............................................ 392
Aggiunta di dimensionalità (3D istantaneo) ................ 394
14. Colore, riempimenti e trasparenza ....... 397
Applicazione di colori uniformi ................................... 399
Utilizzo degli schemi colore ........................................ 402
Operazioni con riempimenti gradiente e bitmap ......... 410
Impostazione della trasparenza ................................. 415
15. Anteprima e pubblicazione ................... 421
Anteprima del sito ...................................................... 423
Pubblicazione sul Web............................................... 425
16. Indice analitico ..................................... 437
1
Benvenuti
2
Benvenuti
Benvenuti
3
Benvenuti!
Benvenuti a WebPlus X5 di Serif, il modo più semplice per
sbarcare sul Web per attività, imprese e famiglie.
Per offrire una modalità d'uso così semplice, WebPlus mette a
disposizione una selezione molto ampia di modelli di design, barre
di navigazione delle pagine, contenuti di gallerie creative e stili. In
questo modo, la pubblicazione su web con standard qualitativo
professionale è facilmente raggiungibile sia dagli utenti esperti che
dagli utenti meno esperti. È inoltre possibile riutilizzare i testi
esistenti importando documenti dei programmi di elaborazione
testi.
Per sfruttare al meglio le immagini sul sito, è possibile utilizzare
Studio ritaglio immagine per ritagliare le immagini dagli sfondi e
FotoLab per la regolazione avanzata delle immagini e le
combinazioni di effetti. Impossibile non provarle.
WebPlus X5 non si limita alla pubblicazione di pagine Web
"statiche". Le sue potenzialità reali vengono alla luce nell'aggiunta
e gestione di contenuti dinamici, come blog, forum, Sistemi di
gestione dei contenuti (SGC), contatori e molto altro. È anche
possibile utilizzare strumenti E-commerce per gestire la redditizia
funzionalità Carrello della spesa.
Una volta che si soddisfatti del sito creato con WebPlus, è possibile
pubblicarlo in tutta semplicità per condividerlo con colleghi,
clienti, amici e familiari.
Per un riepilogo più dettagliato delle caratteristiche offerte da
WebPlus, vedere la sezione Funzioni chiave (a pag. 4).
In caso di aggiornamento
Effettuando l'aggiornamento di una versione precedente di
WebPlus si ottiene la nuova edizione che include un'ampia gamma
di fantastiche nuove funzioni (pag. 15) che permettono a WebPlus
4
Benvenuti
di mantenere a distanza la concorrenza offrendo prezzi molto più
competitivi! Ci auguriamo che le nuove funzionalità e il
miglioramento della potenza siano apprezzate.
Registrazione
Ricordarsi di registrare la nuova copia utilizzando la Registrazione
guidata nel menu ?. In questo modo è possibile ricevere
informazioni sui nuovi sviluppi e i futuri aggiornamenti.
Funzioni chiave
Prima di iniziare con WebPlus, si consiglia di acquisire familiarità
con le relative funzioni chiave e opzioni.
Layout
•
Modelli di design Layout tema
Scegliere un tema, ad esempio Arctic o Naturale, su cui
basare il proprio sito. Ogni tema offre vari tipi di pagine
di uso comune: è possibile scegliere tra le pagine
Informazioni sulla società, Galleria, Prodotti, Contatto e
molte altre. Selezionare più layout come nuove pagine,
quindi inserire con facilità le proprie immagini nei
segnaposto per le immagini.
•
Modelli di design pronti all'uso
È possibile creare in modo immediato siti Web
personalizzati in base a un aspetto e a uno schema colore
di propria scelta. Tutti i modelli di design professionali
sono dotati di immagini prive di royalty a disposizione
dell'utente.
•
Strumenti di layout professionali
Gli strumenti di impaginazione, ad esempio righelli,
linee guida e una griglia a punti mobili, consentono di
posizionare gli oggetti con precisione. La funzione di
aggancio consente di trasferire un oggetto sulla guida o
sulla griglia. L'utilizzo delle Guide permanenti consente
Benvenuti
5
di spostare collettivamente tutti gli oggetti agganciati alle
linee guida: se si sposta la guida, gli oggetti si
sposteranno di conseguenza. È possibile invece allineare
e ridimensionare oggetti mediante l'aggancio della
guida dinamica, senza dover utilizzare guide righello o
trasformazioni di oggetti precise.
•
Controllo delle pagine
Aggiungere e rimuovere pagine con pochi clic del mouse
nella scheda Sito. Trascinare le pagine nella scheda per
modificare l'ordine della sequenza. Assegnare pagine
master a più pagine del sito contemporaneamente per
risparmiare tempo e ottenere una maggiore coerenza nel
design. È possibile inoltre assegnare più pagine master a
una pagina Web specifica per un design delle pagine più
vario.
Elementi essenziali del sito Web
•
Barra QuickBuilder per un webdesign di facile
utilizzo
Il modo più semplice per iniziare a utilizzare WebPlus:
funzionalità di trascinamento delle pagine, barre di
navigazione, cornici di testo, immagini, contenuto Flash,
gallerie fotografiche, pulsanti oppure oggetti avanzati
direttamente sulla pagina per risultati rapidi senza la
necessità di familiarizzare preventivamente con
l'interfaccia utente.
•
Struttura del sito di facile utilizzo
La scheda Sito gerarchica consente di visualizzare
facilmente il layout complessivo del sito.
•
Barre di navigazione
Utilizzare le barre di navigazione intelligenti per la
navigazione delle pagine a livello di sito: tutte le barre
vengono aggiornate automaticamente in modo da
includere eventuali nuove pagine aggiunte e possono
adottare molti stili di design diversi. È inoltre possibile
6
Benvenuti
includere forum, blog e articoli SGC nei sottomenu
della barra di navigazione modificati in modo dinamico.
•
Strumento Ricerca sito
Eseguire ricerche di testo in tutto il sito con l'efficace
strumento Ricerca sito.
•
Ottimizzazione per motore di ricerca
Controllare le modalità in cui i motori di ricerca
indicizzano il sito Web. Includere o escludere pagine
dall'indicizzazione utilizzando la mappa del sito del
motore di ricerca o file robot: è possibile proteggere la
riservatezza e allo stesso tempo offrire ai potenziali
visitatori Web risultati di ricerca precisi dal sito.
•
E-Commerce: vendere è la parola d'ordine.
WebPlus facilita e velocizza il processo di
posizionamento degli elementi da vendere sul sito Web
grazie al supporto incorporato per i fornitori del
carrello della spesa E-Commerce (ad esempio PayPal).
La semplice aggiunta di moduli E-Commerce, pulsanti
E-Commerce o perfino un collegamento ipertestuale da
qualsiasi oggetto WebPlus (testo, immagini o forme)
consente di accedere al carrello della spesa di propria
scelta. I moduli Acquista ora, Aggiungi al carrello
della spesa, Donazione e Sottoscrizione consentono la
circolazione di denaro grazie all'utilizzo di opzioni di
acquisto e convalida dei moduli. È possibile effettuare
registrazioni direttamente ai carrelli della spesa o
utilizzare account esistenti.
•
Moduli per Web
Applicare moduli alle pagine Web: è possibile utilizzare
una procedura di creazione guidata di moduli per Web al
fine di adottare moduli standard pronti all'uso per
raccogliere dettagli di contatto, feedback/commenti
degli utenti, sondare opinioni o caricare documenti
(ad esempio curriculum) o immagini. Utilizzare moduli
standard preimpostati come blocchi costitutivi per ridurre
al minimo i tempi di progettazione dei moduli. Inviare
dati di moduli tramite Risorse Web, il gateway di
Benvenuti
7
trasferimento da modulo a e-mail gratuito di Serif (i dati
vengono immessi direttamente nell'e-mail al momento
dell'invio), o sottoporre dati a script locali/remoti.
Controllare l'ordine delle schede per migliorare la
navigazione tra i moduli.
•
Oggetti avanzati
Risorse Web Serif, il servizio di hosting di oggetti
avanzati di Serif, offre una serie di funzioni del sito
interattive:
•
Visualizzatori attivi: indica il numero di persone che
stanno attualmente visualizzando una pagina Web.
•
Blog: aggiungere profili personali, collegamenti di
segnalibri condivisi e utilizzare trackback per
riferimenti incrociati tra blog. Modificare l'aspetto
del blog con stili visivi predefiniti diversi (o
utilizzare i propri). Utilizzare gruppi di editor per
la pubblicazione di articoli di più autori.
•
Sistema di gestione dei contenuti (SGC): questo
sistema consente ai fornitori di contenuti di
aggiungere e aggiornare contenuto Web da qualsiasi
posizione, senza WebPlus e senza dover
ripubblicare il sito.
•
Forum: stimola discussioni basate su thread
dinamiche in una finestra a schermo intero. È
possibile creare più forum e gestirli in modo
indipendente (moderare discussioni e impostare
l'accesso utente con credenziali).
•
Contatori attività: consente di aggiungere un
contatore che indica il numero di visite sulla pagina
corrente.
•
Notizie: per annunci di notizie semplici, ad esempio
aggiornamenti del sito Web o le prossime date di
una riunione di club.
8
Benvenuti
•
Sondaggio: consente di aggiungere un sondaggio
online per sondare le opinioni dei visitatori Web.
•
Prenotazione delle risorse: utilizzare la
prenotazione delle risorse basata sul calendario per
gestire autonomamente prenotazioni per alloggi,
strutture per riunioni e conferenze, campi da squash
e altro.
•
Casella messaggi: consente di aggiungere una
finestra di chat interattiva alla pagina Web.
•
Elenco utenti: fornisce la funzione di controllo
accesso per le pagine o per il sito mediante la
gestione di gruppi utenti "zonali" (ad esempio
Personale). I visitatori Web possono registrarsi
autonomamente tramite credenziali di accesso
utente del sito (con attivazione tramite e-mail
opzionale).
•
Cornici di documento attivo
I collegamenti ipertestuali possono aprire una pagina in
una cornice di documento su un'altra pagina. Impostare
un URL assoluto per una navigazione tra cornici più
precisa.
•
Google Maps
Incorporare una Google Map direttamente nella pagina
Web "Direzioni". Aggiungere molteplici marcatori
personali per individuare luoghi quali uffici, depositi, siti
di interesse ed eventi.
•
Generare fatturato con Google AdSense
Aggiungere sul sito Web spazio pubblicitario azionato
da Google, una funzionalità remunerata da Google
stesso. 24/7!
•
Feed RSS: aggiungere feed di terze parti (o creare i
propri).
Mantenere i visitatori Web aggiornati fornendo le notizie
Benvenuti
9
più recenti dai siti Web preferiti (BBC News, CNN,
Reuters, FTSE, NASDAQ) con lo strumento Lettore
RSS. In alternativa, è possibile fornire le notizie
personalmente creando il proprio feed RSS direttamente
sulla pagina: lo strumento Feed RSS imposta feed,
titoli, riepiloghi e collegamenti URL.
•
Strumenti di gestione del sito
Gestire tutte le proprietà di pagine/pagine master,
risorse, caratteri, testo, collegamenti ipertestuali e
ancoraggi, tutto tramite la funzionalità Gestione sito di
WebPlus. Gestire pagine Web singolarmente in modo
efficace, in base alla selezione o all'applicazione a tutte
le pagine. La funzionalità Controllo sito rileva problemi
relativi alla navigazione sul sito, alla formattazione di
testo e a moduli/e-commerce e, ove possibile,
implementa risoluzioni automatiche.
•
Rilevamento dell'utilizzo del sito ovunque
Effettuare la registrazione a Google Analytics per il
rilevamento e il monitoraggio completo dei dati dei
visitatori del sito Web. Analizzare i dati online in
qualsiasi momento con grafici e mappe di facile
interpretazione.
Immagini
•
Importazione di immagini
Importare formati di file standard di uso comune, inclusi
tutti i formati di fotocamere digitali RAW più recenti,
file Photoshop, foto HD e metafile Serif (per la
condivisione di grafici tra applicazioni Serif). È possibile
importare più immagini e incollarle singolarmente.
•
Ottimizzazione della gestione delle immagini con la
barra multimediale
Questo strumento consente di evitare la ripetitività del
processo di importazione delle foto. Tenere a portata di
mano il contenuto fotografico nella barra multimediale: è
sufficiente trascinare e rilasciare gli oggetti dalla barra
10
Benvenuti
oggetti multimediali sulle immagini da sostituire.
Cercare le immagini in base ai relativi metadati.
Controllare il dimensionamento e l'allineamento
dell'immagine nella relativa cornice.
•
Straordinarie gallerie fotografiche online
È possibile sorprendere amici, familiari e colleghi con le
straordinarie gallerie fotografiche SlideShowPro™
(Flash), Flash e JavaScript. I diversi stili per la galleria
forniscono la navigazione di foto tramite selezione o
rollover di miniature, disposizione delle foto in griglia o
in pila. Usufruire della funzionalità di supporto delle
didascalie (utilizzando dati EXIF), nonché creare e
gestire album.
•
Ritagli di immagini rapidi e semplici
Studio ritaglio immagine semplifica il ritaglio delle
immagini posizionate, direttamente in WebPlus.
Utilizzare i pennelli per cancellare sfondi uniformi (cielo,
pareti e così via) o per mantenere i soggetti interessanti
(persone, oggetti e così via).
•
Modifiche immagine
È possibile selezionare Modifiche (luminosità, contrasto,
effetto occhi rossi e molto altro) oppure Modifica in
PhotoPlus per accedere al famoso pacchetto di modifica
delle foto di Serif (se installato).
•
FotoLab per modifiche non distruttive e filtri effetto
Il potente FotoLab consente di apportare con grande
efficacia una sorprendente varietà di modifiche
regolabili, nonché effetti artistici e creativi (matita,
acquerello, colori a olio e altro). Utilizzare gli strumenti
integrati Raddrizza, Ritaglia, Occhi rossi e Ripara
tinta per applicare con facilità i ritocchi desiderati.
Applicare filtri alle aree selezionate della foto utilizzando
la funzione di maschera basata su pennello.
Selezionare Salva per salvare le modifiche/combinazioni
di effetti come preferiti per un uso futuro.
Benvenuti
11
•
Un formato Metafile versatile
È possibile importare ed esportare Serif Metafile
(SMF), un formato immagine proprietario che ha
apportato miglioramenti al formato Windows Metafile
(WMF). Le migliori definizioni di linee, riempimenti e
testo lo rendono ideale per la condivisione di elementi
grafici fra applicazioni Serif.
•
Rollover a comparsa
Creare la propria semplice galleria foto: mostrare una
versione di maggiori dimensioni di un'immagine al
passaggio del mouse sulla miniatura.
•
Cornici immagine decorative
È possibile applicare divertenti cornici immagine pronte
all'uso direttamente alle immagini dalla scheda Galleria.
Oggetto multimediale
•
Video YouTube®
Selezionare i video YouTube® preferiti e includerli nella
propria pagina Web.
•
Podcast
Creare i propri feed podcast e trasmettere i propri
episodi audio e video in modo facile e con frequenza. I
visitatori Web possono effettuare la sottoscrizione a tutti
i browser Web più utilizzati e tramite la sottoscrizione
con un clic del mouse a Google Reader®, My Yahoo!® e
Apple iTunes®.
Creatività
•
creativi
È possibile creare incredibili grafiche vettoriali con gli
strumenti Matita, Penna e Linea retta, nonché aggiungere
alla fine della riga simboli quali frecce, rombi e piume.
In alternativa, la serie di QuickShapes completamente
personalizzabili consente di creare con rapidità i contorni
dei design, mentre Converti in curve, Ritaglia forma e
12
Benvenuti
gli strumenti di disegno delle curve garantiscono la
completa flessibilità per la creazione di qualsiasi forma si
desideri. Le buste con distorsione del reticolo
aggiungono prospettiva, inclinazione e rigonfiamenti a
qualsiasi oggetto.
•
Stili pronti per l'uso
È possibile scegliere vari effetti dei filtri, livelli di
lucentezza, ombreggiature, texture e materiali dalla
scheda Stili. È possibile personalizzare gli stili
preimpostati o memorizzare quelli personalizzati.
•
Trasparenza
Aggiungere trasparenza agli sfondi, alle cornici di testo,
alle tabelle, alle forme e al testo per ottenere un aspetto
professionale. Analogamente ai riempimenti colore, è
possibile applicare trasparenze a tinta unita, gradiente e
bitmap, nonché creare trasparenze bitmap dalla propria
raccolta di immagini.
•
Schemi colore intelligenti
Utilizzare il Designer schema colore per scambiare i
colori utilizzati nel sito Web, tutto tramite un unico clic.
Utilizzare le preimpostazioni di schema o progettare i
propri schemi colore personalizzati utilizzando le
diffusioni in base alle teorie condivise del colore.
•
Nuovi effetti filtro 2D/3D
Aggiungere straordinari riflessi di un oggetto, una
funzionalità formidabile per titoli di pagine Web e
immagini. È possibile sfocare qualsiasi oggetto o
tracciare un bordo colorato uniforme o sfumato intorno ai
bordi degli oggetti (tracciare con un nuovo riempimento
del contorno mediante il quale viene applicato un
riempimento sfumato dal bordo interno al bordo esterno
della larghezza del profilo). Gli effetti 3D sono
ottimizzati grazie al controllo della Trasparenza con
effetti realistici simili al vetro su superfici non
riflettenti/riflettenti e più luci colorate separatamente per
effetti di illuminazione di grande impatto. Tutti gli effetti
filtro possono essere applicati in modalità anteprima o
Benvenuti
13
all'oggetto sulla pagina. Utilizzare il nuovo strumento
Ombra per un controllo delle ombre direttamente sulla
pagina.
•
3D istantaneo con trasformazioni sullo schermo
Trasformare oggetti 3D sul posto con la modifica 3D da
una barra degli strumenti contestuale. Applicare effetti
luminosi a più colori (con controllo direzionale), nonché
profili di effetti smusso e tornio personalizzati per creare
i propri contorni esclusivi. Il rendering ottimizzato
tramite hardware ottimizza le prestazioni di ridisegno
(in base all'hardware).
Testo
•
Importazione di documenti di testo Word e Open Office
Aggiungere contenuto di elaborazione di testo a qualsiasi
cornice di testo senza problemi. Per eseguire
l'importazione, non è necessario che l'applicazione sia
installata in locale. Per ottimizzare l'importazione del
testo, utilizzare una selezione di convertitori di
importazione.
•
Testo artistico e di cornice
È possibile disporre del controllo completo del testo
grazie al controllo del testo dello stile DTP di WebPlus.
Il testo artistico può essere utilizzato per aumentare
l'impatto dei propri siti Web, soprattutto per la titolazione
o l'aggiunta di un percorso disegnato. Le cornici di testo
HTML consentono di mantenere la conformità al
formato HTML con la funzione di Adattamento
automatico o un adattamento del testo manuale. Tutto il
testo dispone di funzionalità di modifica compatibili con
i programmi di elaborazione di testo più utilizzati.
•
Le cornici di testo
compongono il testo nel brano in cornici di testo, quindi
posizionano o dimensionano facilmente la cornice in
modo da adattarla. I profili di ritaglio e disposizione
separati consentono di avere un maggiore controllo sul
14
Benvenuti
flusso e sull'aspetto del testo. È possibile importare,
incollare ed esportare il testo in formato Unicode,
nonché utilizzare una lingua straniera oppure font o
caratteri speciali. Anche i percorsi di testo traggono
benefici da una disposizione intelligente del testo.
•
Caratteri
Sostituire i caratteri mancanti quando si aprono
progetti di terze parti. Visualizzare il set di caratteri
correntemente installato nella scheda Caratteri, inclusi
quelli assegnati più di recente al testo, quelli preferiti e
quelli Websafe. Passare con il mouse sopra un carattere
per avere un'anteprima del testo selezionato. Se si è
soddisfatti, è sufficiente fare clic sul nuovo carattere per
applicarlo. È inoltre possibile scambiare con facilità
tutte le istanze selezionate di un carattere comune con un
altro carattere in un'unica operazione.
•
Collegare e posizionare forme e immagini sul testo
Controllare il posizionamento di forme e immagini
all'interno delle cornici di testo HTML o creative (o in
relazione a titoli di testo artistico).
•
Tabelle e calendari
Scegliere tra un'ampia gamma di formati preimpostati o
disegnare la propria tabella o il proprio calendario
personalizzato. Utilizzare la comoda barra degli
strumenti contestuale Tabella per ordinare dati,
formattare celle e scegliere tra un'ampia gamma di
funzioni per calcoli dei fogli di lavoro (utilizzare
riferimenti cella assoluti). I calendari si basano su tabelle
per garantire funzionalità avanzate e supportano
l'aggiornamento degli anni, gli eventi personali in linea e
le festività pubbliche.
•
Ricerca e sostituzione
È possibile effettuare nel testo ricerche di parole e frasi,
attributi di testo, caratteri particolari, colori, caratteri
speciali (Unicode), espressioni e parole normali in
posizioni particolari nelle frasi.
Benvenuti
•
15
Unione database
Presentare contenuto di database sulla pagina Web da
dati di server di database Serif (SDB), Microsoft Access
(MDB), dBASE, ODBC e altri formati di database noti,
nonché file Microsoft Excel, HTML e file di testo
delimitato. È possibile fornire ai propri utenti Web
elenchi di prodotti, liste di distribuzione, inventari e
pressoché qualsiasi informazione di database.
Posizionare testo o immagini in aree ripetute, ripetendo
moduli e-commerce Acquista ora o Aggiungi al
carrello della spesae perfino frammenti HTML. Creare
il proprio database fotografico (con campi EXIF) per
un'operazione di unione successiva.
Pubblicazione sul Web
•
Visualizzazione dell'anteprima del proprio lavoro
Testare la nuova pagina Web o l'intero sito in una serie
selezionata di browser Web installati.
•
Pubblicazione del sito
Pubblicare in una cartella locale o caricare direttamente
sull'ISP tramite FTP; caricare tutte le pagine nuove o
modificate in modo incrementale. Utilizzare
Pubblicazione regolabile per caricare e visualizzare una
pagina attualmente visualizzata, funzionalità ideale per la
verifica di singole pagine durante la creazione del sito
Web.
Nuove funzioni
•
Studio pulsante (vedere pag. 102)
Creare i propri pulsanti personalizzati per le barre di
navigazione in Studio pulsante, un ambiente ideale per
un design focalizzato sui pulsanti. Tutti gli strumenti
chiave di WebPlus sono a portata di mano per la
modifica in ogni stato del pulsante (ad esempio
normale, in basso, passaggio del mouse), insieme al
controllo di scala dei pulsanti intelligente. È inoltre
16
Benvenuti
possibile utilizzare i pulsanti come oggetti autonomi o
perfino eseguire la conversione in una barra di
navigazione in un solo clic.
•
Nuove barre di navigazione (vedere pag. 83)
È possibile esplorare nuove e interessanti barre di
navigazione intelligenti di diversi tipi, da Blocco,
Grafica, Parlato e Scheda a Standard e Tradizionale.
I pulsanti, i separatori e le preimpostazioni di sfondo per
i menu a comparsa e della barra possono essere
personalizzati o creati da zero nei nuovi Studio
pulsante e Studio design, strumenti che forniscono il
controllo assoluto del design.
•
Menu a comparsa (vedere pag. 98)
Mediante la struttura del sito (o la funzione
personalizzata), creare un menu di navigazione a
comparsa visualizzato da qualsiasi oggetto WebPlus
(pulsante, oggetto della Galleria, QuickShape o
immagine).
•
Pannelli (vedere pag. 134)
Creare pannelli come contenitori per la visualizzazione
di dettagli aggiuntivi, suggerimenti utili, scelte rapide,
barre di navigazione convertite, moduli Acquista ora
PayPal, in pratica qualsiasi oggetto si desideri. Se si
desidera, è possibile rendere mobili i pannelli che
rimangono bloccati nella finestra del browser per la
visualizzazione permanente (anche durante lo
scorrimento delle pagine). Mediante le azioni è possibile
collegare un pannello nascosto a qualsiasi oggetto da
visualizzare su rollover o quando si fa clic con il mouse
sull'oggetto (ideale per pulsanti, oggetti della Galleria,
immagini). È inoltre possibile utilizzare le azioni per
messaggi di avviso a comparsa o avviare la stampa
tramite pulsanti posizionati sulla pagina.
•
Minicart PayPal® (vedere pag. 188)
Impostare una finestra del carrello della spesa ECommerce mobile che compare quando si aggiungono
Benvenuti
17
elementi, quindi si riduce a icona per essere sempre "a
portata". Ideale per tenere sotto controllo gli acquisti.
•
Funzionalità Google Maps migliorate (vedere pag. 122)
Individuare le esatte posizioni "fotografiche" utilizzando
Street View di Google, direttamente con un clic su
qualsiasi marcatore di mappa. Google Maps supporta ora
un numero illimitato di indicatori di mappa.
Facilità di utilizzo
•
Indicazione della selezione in base al passaggio del
mouse (vedere pag. 285)
Per l'utilizzo in design di pagine Web con più oggetti di
maggiore complessità, gli oggetti emettono un "bagliore"
al passaggio del mouse per indicare la selezione.
•
Selezione Lazo (vedere pag. 285)
Lo strumento Lazo consente di selezionare più
facilmente specifici oggetti all'interno di design
complessi. Basta trascinare lo strumento intorno
all'oggetto desiderato per includerlo nella selezione.
•
Oggetti di pagine master indipendenti (vedere pag. 62)
Per una maggiore libertà di design, è possibile
promuovere gli oggetti di pagine master sulla propria
pagina, separandoli e rendendoli disponibili per
modifiche indipendenti. Come riferimento visivo, è ora
possibile distinguere gli oggetti di pagine master dagli
oggetti di pagina mediante un diverso colore del riquadro
di delimitazione; è inoltre possibile distinguere gli
oggetti di pagine master diverse tra loro.
•
Dettagli utente aziendali per sito. (vedere pag. 272)
Creare raggruppamenti di dettagli utente aziendale,
denominati Set azienda; applicare un set azienda a
ciascun sito. Ideale per gli sviluppatori Web di WebPlus
che desiderano disporre di flessibilità di design su più
siti.
18
Benvenuti
•
Variabili definite dall'utente (vedere pag. 273)
Impostare le proprie variabili in modo da aggiornare
automaticamente i termini comuni che si ripetono
nell'intero sito Web. Eccellente per aggiornare nomi,
prezzi e versioni di prodotto, nonché varianti
linguistiche, tutto contemporaneamente.
•
Oggetti a visualizzazione immediata per pagina (Per
ulteriori informazioni, consultare la Guida di WebPlus)
Ideale per elencare oggetti sulla pagina, sulla pagina
master o sul tavolo di montaggio, la scheda Oggetti
consente inoltre di posizionare gli oggetti, di modificarne
l'ordine e di collegare la pagina master in design di
pagina complessi.
Creatività
•
Riempimenti gradiente e bitmap, nonché Trasparenza su
Profili (vedere pag. 371)
Creatività ancora superiore, con i profili oggetto.
Possibilità di applicare riempimenti e trasparenze di tipo
lineare, ellittico, conico e bitmap alle forme e alle
cornici di testo per un design accattivante.
•
Schemi colore divertenti e moderni (vedere pag. 402)
È possibile sperimentare una straordinaria selezione di
schemi in grado di suscitare emozioni, ciascuno capace
di trasformare l'aspetto generale del sito in un solo clic.
Ideale per aggiornare i siti basati su modelli di design di
layout tema. Il Designer schema colore dispone ora
anche di un Selettore colore che consente di basare lo
schema personalizzato su qualsiasi colore dello spazio di
lavoro selezionato.
Immagini
•
Immagini tramite Lightbox (vedere pag. 130)
Fare clic sulle miniature delle immagini per presentare le
immagini ingrandite in un lightbox a comparsa, ideale
anche per caselle di accesso mobili, moduli, pagine Web
Benvenuti
19
per risparmiare spazio prezioso. Tutti i lightbox si
muovono sulla pagina con un effetto sbalorditivo, con una
funzione di presentazione opzionale, didascalie e stili.
•
Importare SVG (Scalable Vector Graphics) (vedere
pag. 323)
Aggiungere loghi, pulsanti e altri elementi artistici
vettoriali alla pagina utilizzando il formato SVG
supportato dai browser moderni (incluso SVG
compresso).
•
Importare documenti Microsoft Word 2010 (vedere
pag. 235)
Analogamente a quanto avviene per i documenti Word
2007, è possibile importare documenti Word 2010
direttamente nelle cornici di testo!
•
Importare impostazioni utente personalizzate al
momento dell'aggiornamento
Se si effettua l'aggiornamento da WebPlus X4, ora è
possibile conservare i propri contenuti personalizzati
della Galleria, gli stili fi oggetto, le preferenze, i
dizionari utente, le scelte rapide da tastiera, i profili
PDF e molto altro, in WebPlus X5.
Nella Guida di WebPlus sono elencati ulteriori
miglioramenti di prodotto di minore entità rispetto alle
versioni precedenti. Per ulteriori dettagli, vedere
l'argomento Nuove funzioni nella Guida.
20
Benvenuti
Installazione
Requisiti di sistema
Minimo:
•
PC con sistema operativo Windows dotato di unità DVD
e mouse
•
Sistema operativo Microsoft Windows® XP (32 bit),
Windows® Vista o Windows® 7
•
512 MB di RAM
•
336 MB di spazio libero su disco
•
Risoluzione del monitor di 1024 x 768
•
Internet Explorer 5.5 (6.0 o versioni successive per
l'utilizzo dell'oggetto avanzato)
Per la modifica di siti complessi e/o di grandi dimensioni sono
necessarie ulteriori risorse su disco e una maggiore quantità di
memoria.
Opzionale:
•
Stampante compatibile con Windows
•
Scanner e/o fotocamera digitale compatibile con TWAIN
•
Scheda grafica 3D Accelerated con DirectX 9 (o
superiore) o supporto di OpenGL
•
.NET 2.0 per i filtri di importazione testo (Word
2007/2010 + OpenOffice) (installato per impostazione
predefinita)
Benvenuti
•
21
Per la pubblicazione sul Web e l'accesso alle risorse
online, è necessario disporre di un account e di un
accesso a Internet
Installazione iniziale
Per installare WebPlus, è sufficiente inserire il DVD del
programma WebPlus X5 nell' unità DVD. La funzione AutoRun
avvia automaticamente il processo di installazione. Per installare il
programma, è sufficiente rispondere alle domande sullo schermo.
Reinstallazione
Per reinstallare il software o modificare l'installazione
successivamente, selezionare Impostazioni/Pannello di controllo
dal menu Start di Windows, quindi fare clic sull'icona
Installazione applicazioni. Assicurarsi che il DVD del programma
WebPlus X5 sia inserito nell'unità DVD, fare clic sul pulsante
Installa…, quindi seguire le istruzioni sullo schermo.
22
Benvenuti
2
Per iniziare
24
Per iniziare
Per iniziare
25
Avvio guidato
All'avvio del programma viene visualizzato l'Avvio guidato che
offre diverse opzioni di WebPlus:
Le opzioni sono semplici da comprendere e permettono di iniziare
la creazione del sito da zero o da un modello di design pre-fornito.
È possibile aprire siti salvati in precedenza o importare nel sito
pagine Web non create con WebPlus da file o URL.
•
Inizia nuovo sito consente di creare il proprio sito da
zero.
•
Usa modello di design permette di creare un sito
istantaneo da un modello predefinito.
•
Altre risorse consente di accedere a una serie di risorse
gratuite e di modelli di design (a pagamento).
•
Apri permette di accedere ai siti aperti di recente. Passare
con il mouse sopra ciascuna voce per visualizzarne
rapidamente l'anteprima.
26
Per iniziare
•
L'area Apprendimento consente di accedere a
esercitazioni, informazioni di assistenza e altro.
Utilizzare il menu a discesa Scegli spazio di lavoro per scegliere
l'aspetto dello spazio di lavoro, ad esempio le posizioni delle
schede Studio, le dimensioni delle schede e se mostrare/nascondere
lo stato delle schede.
Quando si selezionano profili differenti nel menu, nello
spazio di lavoro viene visualizzata l'anteprima di ciascun
layout di scheda.
L'Avvio guidato viene visualizzato per impostazione predefinita
all'avvio di WebPlus. È possibile disattivarlo tramite l'opzione Non
mostrare più la procedura guidata nella schermata dell'avvio
guidato. Per riattivarlo, selezionare la casella di controllo di Usa
Avvio guidato in Strumenti > Opzioni... (utilizzare l'opzione di
menu Opzioni>Generale).
Creazione di un sito con un modello di
design
Con WebPlus viene fornita una serie completa di modelli di design
suddivisi in categorie che consentono di creare velocemente
qualsiasi tipo di sito Web.
Ogni modello offre:
•
Design complementare - Layout professionale con
elevato impatto grafico.
•
Schemi - Selezionare uno schema colore specifico per
realizzare un aspetto specifico.
•
Selezione di pagine - Selezionare alcune o tutte le
pagine modello (ad esempio, Home, Prodotti,
Informazioni sulla società e così via) su cui basare il
nuovo sito.
Per iniziare
27
I modelli di design sono di due tipi: layout tema, che consentono
di selezionare immagini personalizzate, o modelli Pro predefiniti
che già contengono immagini.
Layout tema
Offre vari temi (ad esempio,
Scarabocchio) su cui basare il
sito; invece delle immagini,
sono presenti i relativi
segnaposto. Aggiungere
semplicemente le proprie
immagini ai segnaposto e
personalizzare il testo
segnaposto, quindi procedere
alla pubblicazione.
Modelli Pro predefiniti
Si tratta di modelli suddivisi in
categorie contenenti immagini
esenti da royalty che possono
essere utilizzate per creare
rapidamente il sito Web. È
necessario solo personalizzare
il testo segnaposto, quindi
procedere alla pubblicazione.
Per creare un sito con un modello di design:
1.
Avviare WebPlus oppure scegliere Avvio guidato... dal
menu File per visualizzare Avvio guidato.
2.
Selezionare Usa modello di design.
28
Per iniziare
3.
Nella finestra di dialogo, selezionare un layout tema o un
modello di design dal riquadro principale.
Layout tema
Modelli di design Pro
I modelli Pro sono raggruppati in diverse categorie tematiche;
utilizzare la barra di scorrimento o comprimere una categoria
per visualizzare altre opzioni (fare clic sul pulsante accanto
al nome della categoria). Il riquadro a destra viene aggiornato
in modo da visualizzare le miniature delle pagine disponibili
per tale modello.
Per iniziare
4.
29
Dal riquadro a destra,
scegliere le pagine da
inserire nel sito.
Selezionare o
deselezionare la casella
sotto ciascuna pagina
oppure fare clic su
Seleziona tutto per
selezionare tutte le
pagine (fare clic su
Deseleziona tutto per
cancellare la selezione
corrente).
5. Scegliere uno Schema
colore dall'elenco a
discesa nella parte
superiore della finestra di
dialogo (i primi tre
schemi sono specifici del
modello selezionato). Le
miniature delle pagine
vengono aggiornate in
modo da riflettere
l'aspetto della nuova
pagina. Per una migliore
visualizzazione,
utilizzare i pulsanti Zoom
avanti e Zoom indietro o
il cursore dello zoom
nella parte inferiore della
finestra di dialogo.
6. Fare clic su Apri.
All'apertura del sito, viene visualizzata la prima pagina (Home
page) insieme alla scheda Sito di Studio riportata a destra, in cui
30
Per iniziare
vengono elencate le varie pagine che costituiscono la struttura del
sito.
Note
Le categorie di modello, oltre ai modelli Pro di WebPlus
X5, consentono di accedere ad altri modelli acquistabili
da Serif.
Poiché ogni modello presenta uno schema colore, è
possibile sostituire lo schema di base per modificare i
colori del sito in qualsiasi momento.
È possibile salvare qualsiasi sito WebPlus come file di
modello (*.wpx) che potrà essere utilizzato come base
per altri siti. Vedere Salvataggio dei modelli personali
nella Guida di WebPlus.
Creazione di un sito da zero
Sebbene i modelli di design possano semplificare le scelte di
design, è possibile iniziare da zero un nuovo sito vuoto con la
stessa facilità.
Per creare un nuovo sito da zero utilizzando l'Avvio
guidato:
•
Avviare WebPlus.
- oppure Fare clic su
Standard.
•
Nuovo sito dalla barra degli strumenti
Selezionare Crea > Inizia nuovo sito.
Per iniziare
31
Il nuovo sito viene aperto con una pagina vuota utilizzando le
proprietà della pagina predefinite.
Se si fa clic su
Annulla nell'avvio guidato, si ottiene
lo stesso risultato.
Per iniziare un nuovo sito durante una sessione di
WebPlus:
•
Selezionare Nuovo dal menu File.
Per rendere più rapida la creazione di un sito da zero, WebPlus
offre la Barra QuickBuilder. La scheda contiene oggetti di uso
frequente e funzioni che si possono inserire nella pagina Web
mediante trascinamento, evitando la necessità di dover
comprendere inizialmente il funzionamento delle barre degli
strumenti di WebPlus.
Apertura di un sito esistente
È possibile aprire un sito WebPlus esistente dall'Avvio guidato,
tramite la barra degli strumenti Standard o tramite il menu File. È
inoltre possibile importare pagine Web da siti Web HTML
esistenti tramite il menu File. (Per maggiori dettagli, vedere la
Guida di WebPlus).
Per aprire un sito WebPlus esistente (Avvio guidato):
1.
Dall'Avvio guidato, controllare i siti dalla sezione Apri.
L'ultimo sito aperto viene visualizzato all'inizio
dell'elenco. Per visualizzare la miniatura di anteprima di
qualsiasi sito prima di aprilo, passare con il puntatore del
mouse sul relativo nome nell'elenco.
2.
Fare clic sul nome del file per aprirlo.
32
Per iniziare
Se il sito non è stato aperto di recente, fare clic su
Sfoglia... per individuarlo.
Per aprire siti WebPlus esistenti (durante la sessione
WebPlus):
Apri sulla barra degli strumenti
1.
Fare clic su
Standard.
2.
Nella finestra di dialogo Apri, selezionare la cartella e il
nome del file. Per più siti, fare clic tenendo premuto
Maiusc per selezionare più file adiacenti o fare clic
tenendo premuto Ctrl per selezionare file non adiacenti.
3.
Fare clic sul pulsante Apri.
Per aprire i siti tramite trascinamento:
•
Da Esplora risorse, trascinare e rilasciare l miniatura di
anteprima del sito in qualsiasi punto dello spazio di
lavoro WebPlus.
Per ripristinare la versione salvata di un sito aperto:
•
Scegliere Ripristina dal menu File.
Sostituzione dei caratteri
WebPlus supporta la sostituzione dei caratteri automatica durante
l'apertura di un sito WebPlus che contiene caratteri non disponibili
sul computer. La finestra di dialogo visualizzata consente inoltre di
sostituire manualmente un carattere mancante, se necessario. Per
maggiori dettagli, vedere la Guida di WebPlus.
Per iniziare
33
Operazioni con più di un sito
Se sono aperti contemporaneamente più siti Web, è possibile
passare facilmente da un sito all'altro utilizzando metodi differenti.
Fare clic sulla scheda
Finestra nella parte superiore
dello spazio di lavoro per
renderla attiva (ad esempio,
w456.wpp).
In alternativa, è possibile
selezionare il nome di sito
attualmente aperto dal menu
Finestra. I siti Web non
salvati vengono indicati con
un asterisco, il sito
correntemente attivo è
contrassegnato da un segno
di spunta. Nell'esempio a
fianco, il sito w456.wpp è
attivo e non è salvato.
Salvataggio del sito
Per salvare la pubblicazione:
•
Fare clic su
Standard.
•
Per salvare con un nome differente, scegliere Salva con
nome... dal menu File.
Salva sulla barra degli strumenti
Dopo il nome di un sito non salvato verrà visualizzato un
asterisco nella relativa scheda Finestra o sul menu
Finestra.
34
Per iniziare
3
Impostazione di siti e
pagine
36
Impostazione di siti e pagine
37
Informazioni sulla struttura del sito e la
navigazione
A differenza di una pubblicazione stampata, un sito Web non è
dipende dalla sequenza lineare della pagina. Quando si progetta un
sito, è più utile immaginarlo in termini spaziali, con una struttura
simile a quella di un museo che le persone esplorano.
Normalmente si presuppone che i visitatori entrino dall'entrata
principale (la Home Page) e che quindi si dirigano a diversi luoghi
in base ai collegamenti forniti. Queste vie di navigazione sono
come i corridoi che collegano le varie stanze di museo. È
"l'architetto" della pagina che deve effettuare una disposizione
ragionevole di pagine e collegamenti in modo da permettere ai
visitatori di trovare quello che cercano senza perdersi.
In WebPlus, è possibile utilizzare la struttura ad albero del sito
per pianificare visivamente la struttura del sito e aggiungere barre
di navigazione che si adattino in modo dinamico alla struttura
definita.
Struttura del sito
A differenza di quanto accade con il museo della nostra analogia,
“la struttura" di un sito Web non ha niente a che vedere con il
layout fisico o il luogo in cui sono memorizzate le pagine. Si tratta
invece di una modalità logica di disposizione del contenuto del sito
che permette ai visitatori di esplorarlo in tutta semplicità. Uno dei
principi organizzativi più utili, che WebPlus raccomanda
caldamente, è quello della struttura ad "albero invertito" che inizia
dalla Home page e si dirama nelle altre pagine. Per i visitatori che
esplorano il sito, questa disposizione presenta i contenuti in un
modo familiare e gerarchico con una struttura a sezioni e livelli.
•
Una sezione è una categoria di contenuti, ad esempio
"Galleria", "Prodotti" o "Contatto". Le varie sezioni
principali in genere vengono elencate sulla Home page
del sito in una barra di navigazione. Idealmente, ogni
pagina del sito dovrebbe appartenere a una particolare
38
sezione. Inoltre, a meno che in una sezione specificata
sia presente solo una pagina, la sezione avrà una propria
pagina principale che in genere serve da menu per le
pagine sussidarie.
•
Un livello è il numero di passaggi (ad esempio,
collegamenti) necessari per raggiungere una pagina
specifica dalla Home page. La Home Page si troverà
sempre al Livello 1, in genere con le pagine principali
dei menu delle sezioni. Questo permette un
funzionamento semplice e automatico delle barre di
navigazione. Le pagine un passaggio "sotto" alle pagine
dei menu delle sezioni si trovano al livello 2 e sono
considerate secondarie rispetto alla pagina principale. Ad
esempio, una pagina principale dei prodotti potrebbe
avere due pagine secondarie denominate Prodotti 1 e
Prodotti 2.
In WebPlus, la struttura ad albero del sito (che si trova nella scheda
sito) fornisce un aiuto visivo che consente di organizzare il
contenuto del sito in sezioni e livelli. Ecco come la stessa struttura
può essere visualizzata nella struttura ad albero del sito di
WebPlus:
39
La struttura ad albero del sito agevola la visualizzazione delle
relazioni tra pagine e del layout del sito in un modo adatto ai
contenuti offerti. Ovviamente, un sito Web reale è una rete di
pagine collegate tra loro e la struttura ad albero non impedisce
l'installazione di collegamenti tra due pagine qualsiasi. In ogni
caso, permette di visualizzare i percorsi principali del sito, verso
l'alto, verso il basso e laterali. Il design per sezione logica/livello
agevola la navigazione del sito e WebPlus permette di creare
facilmente barre di navigazione che rispecchiano la struttura del
sito e aiutano a indirizzare i visitatori lungo i "percorsi principali".
Inoltre, WebPlus supporta anche pagine HTML e collegamenti
offsite che possono essere inseriti nella struttura del sito come
qualsiasi altra pagina. Le icone delle pagina di questi due elementi
hanno un aspetto leggermente diverso da quelle delle pagine Web
standard per indicare che si basano solo su codice HTML (Per
ulteriori informazioni, consultare la Guida di WebPlus) o che si
collegano a una posizione esterna al sito Web.
Navigazione
In WebPlus, si possono collegare semplicemente le diverse pagine
Web grazie alle barre di navigazione pre-programmate per
comprendere la struttura del sito che permettono di progettare siti
semplici da navigare. È sufficiente selezionarne una dalla barra
degli strumenti Oggetti Web e WebPlus si occupa di tutto!
Ad esempio, questa è la barra di navigazione selezionata per il sito
visualizzato nella struttura ad albero principale precedente. I
pulsanti forniscono collegamenti alla Home page e alle pagine dei
menu di sezione (tutte di Livello 1) e i menu a comparsa
permettono di raggiungere le pagine secondarie (Livello 2 in
questo caso).
40
Per ulteriori informazioni, vedere Aggiunta di barre di
navigazione a pag. 83.
Impostazione delle proprietà del sito
Le proprietà del sito consentono di effettuare impostazioni che
verranno applicate a tutto il sito. In generale, stabilire le
impostazioni Proprietà sito al momento di pianificare il sito; di
solito, una volta determinate tali impostazioni, non è necessario
modificarle, anche se è possibile farlo in qualsiasi momento.
Alcune proprietà del sito, ad esempio l'aspetto della pagina e le
impostazioni di ottimizzazione dei motori di ricerca, si riflettono
anche sulle singole pagine (tramite Proprietà pagina; vedere
pag. 71). In questo modo è possibile rispettivamente ignorare o
integrare le proprietà del sito "globali" e applicare impostazioni
"locali" a pagine specifiche.
Per visualizzare o modificare le impostazioni delle
proprietà del sito:
•
Scegliere Proprietà sito... dal menu File. Viene
visualizzata la finestra di dialogo Proprietà sito, in cui
ogni opzione di menu visualizzata riflette un aspetto
delle proprietà del sito.
Opzione di
menu
Proprietà
Pagina
(predefinito)
Allineamento pagina predefinito
Consente di impostare un allineamento della
pagina orizzontale predefinito (Sinistra o
Centrato).
41
Dimensioni pagina predefinite
Le impostazioni di larghezza e altezza predefinite
determinano le dimensioni di nuove pagine Web o
pagine master standard.
Aspetto pagina
Imposta i colori di schema o non di schema a
livello di sito per collegamenti ipertestuali, colore
su pagina e colore di sfondo.
Denominazione
file
Estensione file di pagina predefinita
L'estensione predefinita per le pagine pubblicate è
.HTML. Alcuni server Web richiedono di
utilizzare un'estensione diversa.
Avvisa di caratteri maiuscoli in nomi file
Quando si creano nuove pagine, l'utente verrà
avvisato se i caratteri maiuscoli sono utilizzati
quando si crea il nome del file della pagina.
Nomi file di risorse
Controlla la formattazione dei nomi file di risorse
per consentire il corretto caricamento sugli ISP
che impongono vincoli di denominazione dei file.
Pubblicazione
URL sito
Definisce l'indirizzo URL completo. Questa
impostazione è necessaria per l'ottimizzazione
per motore di ricerca con mappe del sito o feed
RSS.
42
Account FTP
Imposta l'account FTP predefinito utilizzato per la
pubblicazione sul Web.
Impostazioni account FTP
Mostra le impostazioni di account FTP
predefinite.
Grafica
Opzioni di esportazione delle immagini globali
Applica le impostazioni di formato,
ricampionamento, denominazione, ottimizzazione,
testo come curve e larghezza/altezza massime
predefinite per le immagini collegate.
Output HTML
Output HTML e Impostazioni ID HTML
predefinite
Consentono di controllare la resa delle pagine
Web scegliendo tra i diversi metodi di codifica e
verificando gli ID HTML generati.
Intestazione pagina
Consente di aggiungere i dettagli dell'autore e di
copyright alle intestazioni delle pagine del sito.
Funzioni
Oggetti avanzati
Sovrascrive i colori di Blog, Forum o SGC con i
colori non di schema selezionabili o con i colori di
schema correnti del sito.
Funzioni
Oggetti avanzati
Applica lo schema colore corrente del sito agli
oggetti avanzati quali blog, forum e SGC.
Lightbox
Impostazioni generali
Imposta i valori a livello di sito per lightbox. È
possibile configurare le impostazioni di Bordo,
Colore bordo, Colore/Opacità contenuto e di
riproduzione.
43
Impostazioni didascalia
Imposta il carattere, la posizione, le dimensioni, il
colore/opacità del carattere e il colore dello
sfondo del testo per la didascalia.
Impostazioni sfondo
Imposta il colore/opacità dello sfondo.
Anteprima Lightbox
Fare clic su Anteprima Lightbox… per verificare
le impostazioni di lightbox appena effettuate.
Icona Preferiti
Mostra un'icona Preferiti...
Consente di impostare un file di icona (un
elemento grafico) per il sito che verrà visualizzato
quando un visitatore Web aggiunge il sito Web ai
Preferiti.
Cerca
Descrittori per i motori di ricerca
Consente di includere informazioni descrittive e
parole chiave per il sito.
Motore di ricerca Mappe del sito e robot
Informa i motori di ricerca o i robot se possono
eseguire operazioni di crawling, analizzare e
indicizzare pagine Web nel sito. Un file della
mappa del sito include pagine Web da indicizzare,
mentre un tag meta robot (o un file robots.txt)
controlla le pagine da escludere
dall'indicizzazione.
Riepilogo
Proprietà e statistiche
Consente di visualizzare e modificare le
informazioni per il sito corrente.
44
Impostazione delle dimensioni e
dell'allineamento della pagina
Le impostazioni predefinite delle proprietà del sito per Larghezza
e Altezza determinano le dimensioni di qualsiasi pagina nuova o
master. Un'impostazione predefinita della proprietà del sito per
l'allineamento (A sinistra o Centrato) determina come il contenuto
della pagina viene allineato in un browser.
Una delle prime operazioni da effettuare quando si crea un nuovo
sito da zero è controllare le dimensioni predefinite e regolarle se
necessario. È possibile regolare le impostazioni delle dimensioni in
qualsiasi momento ma, in genere, è consigliabile apportare le
modifiche prima di procedere alla progettazione degli elementi
della pagina.
In generale, utilizzare un'impostazione di Larghezza della pagina
adatta a un monitor standard (di solito 750 pixel è un'impostazione
idonea) in modo da non costringere gli utenti a utilizzare lo
scorrimento orizzontale.
Per le dimensioni e l'allineamento della pagina, è possibile ignorare
l'impostazione del sito per una pagina specifica, come descritto in
Impostazione delle proprietà della pagina a pag. 71.
Per impostare i valori delle dimensioni delle pagine a
livello di sito:
•
Dall'opzione di menu Pagina della finestra di dialogo,
selezionare valori di Larghezza e/o Altezza da applicare
alle pagine.
È inoltre possibile modificare l'impostazione di allineamento della
pagina predefinita come una proprietà del sito.
45
Per impostare il valore di allineamento delle pagine a
livello di sito:
•
selezionare "A sinistra" o "Centrato" nel menu a discesa
Allineamento pagina predefinito.
Impostazione dell'aspetto della pagina
Il colore del collegamento ipertestuale, il colore su pagina, il colore
di sfondo e l'immagine di sfondo possono essere controllati
globalmente mediante le proprietà del sito. Ciò significa che tutte
le pagine Web create adotteranno tali impostazioni, anche se si
dispone dell'opzione di ignorare le impostazioni di sfondo e su
pagina per ciascuna pagina. Vedere Impostazione delle proprietà
della pagina a pag. 1.
Per impostazione predefinita, i siti basati su un modello o quelli
creati da zero utilizzano colori di schema per il relativo
collegamento ipertestuale e colori su pagina. Questi colori
appartengono allo schema colore corrente del sito ma è possibile
impostare uno schema diverso o modificare i singoli colori in
qualsiasi momento. Vedere Utilizzo degli schemi colore a
pag. 402.
Per impostare colori del collegamento ipertestuale, su
pagina e di sfondo:
3.
1.
nella sezione Aspetto pagina, fare clic sulla freccia Giù
per il colore da modificare.
2.
Selezionare un colore diverso dall'elenco a discesa, in cui
vengono visualizzati colori di schema numerati e altri
colori. Selezionare Altri colori... per effettuare una scelta
dalla finestra di dialogo Selettore colori.
Fare clic su OK.
46
Per impostare un'immagine di sfondo:
1.
Nella sezione Aspetto pagina, fare clic su Immagine
sfondo...
2.
Selezionare Usa immagine di sfondo, quindi individuare
e selezionare l'immagine dalla finestra di dialogo Importa
immagine. Fare clic su Apri.
3.
•
Utilizzare Opzioni esportazione… per decidere se
l'immagine deve essere convertita durante
l'esportazione o mantenuta uguale.
•
Se selezionata, l'opzione Scorri con pagina
consente di scorrere lo sfondo in modo indipendente
dal contenuto della pagina nella finestra del
browser; se non è selezionata, lo sfondo non può
scorrere con il contenuto della pagina.
•
Il menu a discesa Ripeti consente di controllare la
modalità di ripetizione dell'immagine sullo sfondo
(Orizzontale, Verticale o Affiancato). L'opzione
Nessuno consente di posizionare una sola
immagine.
•
Il menu a discesa Posizione consente di impostare
la posizione dell'immagine (ad esempio In alto al
centro). Negli sfondi con immagini ripetute,
l'immagine viene ripetuta da questa posizione
iniziale. È anche possibile specificare una posizione
con Personalizza..., per impostare la posizione
dell'immagine in relazione al relativo angolo in alto
a sinistra.
Fare clic su OK.
47
Se si utilizza uno sfondo dell'immagine con aree
trasparenti, il colore di sfondo sarà comunque attivo e
trasparirà. Altrimenti, l'immagine coprirà il colore di
sfondo.
Se il colore su pagina è trasparente, verrà mostrato lo
sfondo e i margini della pagina non risulteranno visibili
(il contenuto è comunque limitato alle dimensioni della
pagina).
Per maggiori dettagli su altre impostazioni della scheda, vedere la
Guida di WebPlus.
Ottimizzazione per motore di ricerca
L'indicizzazione comporta la raccolta automatica di informazioni
sulle pagine Web da parte di motori di ricerca come Google,
Yahoo e molti altri. "Raccogliendo" queste informazioni sul
motore di ricerca, gli utenti del motore di ricerca possono utilizzare
tali informazioni indicizzate per ottenere risultati di ricerca rapidi e
accurati che corrispondono ai criteri di ricerca immessi dall'utente.
Per impostazione predefinita, i contenuti di ogni pagina Web
pubblicata (soprattutto il testo dell'intestazione) verranno
indicizzati. Tuttavia, in un ambiente Internet di miliardi di pagine
Web costantemente indicizzate, gli sviluppatori Web possono
ottimizzare questo processo di indicizzazione per fare in modo che
le pagine di un sito compaiano in una posizione superiore nei
risultati di ricerca di un utente.
È possibile ottimizzare le pagine Web per motori di ricerca nei
diversi modi riportati di seguito.
•
Creazione di titoli per la pagina: in aggiunta ai nomi
della pagina è possibile creare titoli della pagina. In
questo modo è possibile che i risultati di ricerca
restituiscano le pagine con un titolo più utile anziché solo
il nome della pagina. Ad esempio, nei risultati di ricerca,
una home page sui volatili americani potrebbe restituire
48
"Home page Volatili americani" anziché solo "Home"
seguito dalla descrizione della pagina. Vedere
Impostazione dei nomi delle pagine, dei titoli e dei
file.
•
Tag meta Descrizione e Parole chiave: per le pagine del
sito e/o singole, è possibile aggiungere al sito o alla
pagina testo descrittivo che verrà incluso in qualsiasi
risultato di ricerca corrispondente associato al sito o alla
pagina. Le parole chiave consentono una migliore
corrispondenza tra il testo del motore di ricerca immesso
(come è possibile immetterlo su Google) e le parole
chiave associate al sito o alla pagina. Un tag meta robot
consente inoltre di includere il sito o le pagine
nell'indicizzazione o escluderle; è inoltre possibile
impedire che i collegamenti ipertestuali ad altre pagine
vengano esplorati (mediante operazioni di crawling da
parte dei software "spider").
•
Testo ALT dell'immagine: il testo alternativo, utilizzato
al posto di un'immagine che non può essere visualizzata,
può essere sfruttato dai robot dei motori di ricerca.
Vedere Impostazione delle opzioni di esportazione
delle immagini.
•
Testo del titolo del collegamento ipertestuale: anche il
testo descrittivo di supporto (ad esempio "Consultate la
nostra nuova gamma di prodotti") visualizzato al
passaggio del puntatore del mouse su una destinazione
del collegamento ipertestuale può essere sfruttato dai
robot dei motori di ricerca. Vedere Aggiunta di
collegamenti ipertestuali e ancoraggi.
•
Robot: le pagine (o cartelle) possono essere escluse
dall'indicizzazione del motore di ricerca utilizzando un
file robot. Questa procedura funziona in modo
equivalente rispetto ai tag meta robot ma utilizza un file
di testo (robots.txt) per indicare ai robot o agli spider gli
elementi da non indicizzare. Il file elenca semplicemente
i riferimenti della pagina/cartella del sito esclusi.
•
49
Mappe del sito: l'opposto del concetto di "robot"; le
pagine possono essere incluse per facilitare e ottimizzare
operazioni di crawling/indicizzazione intelligenti. I
riferimenti di pagina del sito vengono memorizzati in un
file della mappa del sito (sitemap.xml) dedicato.
Che si utilizzino tag Meta, robot o mappe del sito indipendente o in
modo combinato, WebPlus semplifica la configurazione. Poiché
tali impostazioni possono essere stabilite o modificate per l'intero
sito (Proprietà sito; opzione di menu Motore di ricerca), qualsiasi
pagina appena creata adotterà le impostazioni del motore di ricerca
del sito. Se si modificano le impostazioni del sito, tutte le pagine
Web verranno aggiornate automaticamente con le nuove
impostazioni. Tuttavia, è possibile ignorare le impostazioni del sito
Web in una pagina Web specifica (Proprietà pagina; opzione di
menu Motore di ricerca) in qualsiasi momento. Se le impostazioni
vengono ignorate sulla pagina, le modifiche successive alle
impostazioni del sito verranno sempre ignorate per quelle pagine.
Utilizzo di titoli, descrizioni e tag
Anche tali elementi se sono opzionali, se si desidera aumentare la
probabilità che il sito Web verrà "notato" dai servizi di ricerca Web
principali, è necessario ottimizzare i titoli delle pagine e immettere
le descrizioni e i tag appropriati. I servizi di ricerca gestiscono
cataloghi di pagine Web spesso compilati utilizzando i "crawler" o
altri programmi che analizzano il Web per raccogliere dati sui siti e
sui relativi contenuti. L'inserimento di titoli descrittivi, descrizioni
e tag aiuta i motori di ricerca a elaborare le informazioni del sito. È
possibile immettere titoli, descrizioni e tag per il sito nella sua
interezza e/o per pagine singole. Ad esempio, per un sito
ornitologico semplice è possibile impostare i seguenti dettagli, che
riflettono il contenuto del sito o della pagina.
50
Proprietà nel
sito
Proprietà nella pagina
Titolo
N/D
Volatili americani:
Galleria egrette e aironi
Descrizione
Questo sito
Web unico
composto da
una galleria
fotografica
presenta la
bellezza e la
diversità della
fauna avicola
nordamericana.
Si tratta di specie di
uccelli di grandi
dimensioni che popolano
paludi d'acqua dolce,
lagune costiere e perfino i
litorali.
Parole
chiave
Uccelli,
America,
Audubon
Airone guardabuoi,
Airone blu, Airone verde
Per inserire i descrittori per i motori di ricerca:
1.
(Per il sito) Scegliere Proprietà sito... dal menu File.
- oppure (Per una pagina) Fare clic con il pulsante destro del
mouse sulla pagina nello spazio di lavoro (o nella scheda
Sito) e scegliere Proprietà pagina... (o scegliere
l'elemento dal menu Modifica).
2.
Fare clic sull'opzione di menu Cerca della finestra di
dialogo.
3.
Nella finestra superiore, digitare una breve descrizione
del sito. Sebbene non esistano limiti di lunghezza, le
prime dieci parole circa della descrizione sono le più
importanti.
4.
Nella finestra successiva, inserire il numero desiderato di
parole chiave separate da virgole che classificano il sito o
51
la pagina in modo adeguato. Mettersi nei panni di un
potenziale visitatore e pensare a quali parole chiave
inserirebbe se stesse cercando esattamente ciò che viene
offerto nel sito o nella pagina.
5.
Impostare un codice lingua dal menu a discesa per
identificare l'utilizzo della lingua. I motori di ricerca
Internet della maggior parte degli utenti permetteranno
ricerche per pagine Web specifiche della lingua, in modo
che il sito verrà visualizzato nei risultati di ricerca in base
alla propria impostazione di codice della lingua.
Esclusione di pagine dall'indicizzazione (tag
meta robot)
Un tag meta robot può essere utilizzato per controllare la modalità
in cui i robot dei motori di ricerca accedono al sito o alla pagina.
Tutto il sito e le pagine possono essere impostati in modo da
consentirne o meno l'indicizzazione, i collegamenti ipertestuali
delle pagine possono essere impostati in modo da poter essere
seguiti o meno ed è possibile impostare qualsiasi combinazione
delle opzioni descritte. Le impostazioni a livello di sito vengono
effettuate selezionando Indicizza pagine su questo sito e Segui i
collegamenti dalle pagine o come modifiche su proprietà di
pagina specifiche.
Per attivare la creazione di tag meta robot:
1.
(Per il sito) Scegliere Proprietà sito... dal menu File.
- oppure (Per una pagina) Fare clic con il pulsante destro del
mouse sulla pagina nello spazio di lavoro o nella scheda
Sito e scegliere Proprietà pagina... (o scegliere
l'elemento dal menu Modifica).
2.
Selezionare l'opzione di menu Motore di ricerca e
selezionare l'opzione Crea tag meta robot (per una
pagina sarà necessario ignorare le impostazioni a livello
di sito).
52
3.
(Per il sito) Utilizzare le due opzioni secondarie per
consentire o impedire che i motori di ricerca indicizzino
l'intero sito (selezionare/deselezionare l'opzione
Indicizza pagine su questo sito) o per consentire o
impedire l'indicizzazione di tutte le pagine collegate da
una pagina indicizzata (selezionare/deselezionare
l'opzione Segui i collegamenti dalle pagine).
- oppure (Per la pagina) Assicurarsi che Ignora impostazioni
motore di ricerca sito sia selezionato, quindi selezionare
Crea tag meta robot e selezionare/deselezionare le
opzioni secondarie equivalenti per la pagina specifica.
Esclusione di pagine dall'indicizzazione (file di
robot)
L'obiettivo di questo metodo è lo stesso di quello per l'utilizzo di
un tag meta robot, ma viene creato un file robots.txt e nessun tag
meta robot è incluso nelle pagine Web. Il file robots.txt viene
memorizzato nella cartella principale del sito Web e può essere
visualizzato in qualsiasi editor di testo per verificare le pagine e le
cartelle escluse.
Per attivare un file robots.txt:
1.
Scegliere Proprietà sito... dal menu File.
2.
Dall'opzione di menu Motore di ricerca, selezionare
Crea file robot del motore di ricerca.
3.
(Per il sito) Per consentire o impedire ai motori di ricerca
l'indicizzazione dell'intero sito (selezionare/deselezionare
l'opzione Indicizza pagine su questo sito).
- oppure (Per una pagina) Dalle proprietà della pagina, per
impedire che i motori di ricerca indicizzino la pagina,
assicurarsi che Ignora impostazioni motore di ricerca
sito sia selezionato, quindi deselezionare l'opzione
Indicizza questa pagina.
53
Inclusione di pagine nell'indicizzazione
Finora sono stati analizzati principalmente i metodi di esclusione di
pagine Web dall'indicizzazione. Senza tali controlli, le pagine Web
verranno indicizzate mediante il rilevamento di collegamenti
ipertestuali della pagina, l'esecuzione di operazioni di crawling su
di esse, la raccolta di parole chiave, descrizioni e testo delle pagine
da indicizzare. Tuttavia, questo procedimento potrebbe non essere
efficace a causa della presenza di un numero limitato di
collegamenti ipertestuali tra pagine in tutto il sito. Di conseguenza,
è possibile creare un file della mappa del sito del motore di ricerca
(sitemap.xml) che funga da ricerca locale per consentire ai crawler
di iniziare a esaminare il sito. Il file elenca le pagine del sito che
l'utente sceglie di indicizzare. Il file indica inoltre ai motori di
ricerca quando le pagine sono state modificate, informa quando il
motore di ricerca deve controllare la pagina e come le pagine
"importanti" sono in relazione tra loro.
Come il file robot, l'impostazione delle proprietà del sito e della
pagina crea il file della mappa del sito (pubblicato con il sito); il
file viene memorizzato nella cartella Web principale
(possibilmente insieme a un file robots.txt).
Un requisito per l'utilizzo di mappe del sito del motore di
ricerca è la necessità di dichiarare un URL assoluto. In
questo modo è possibile l'indicizzazione dell'indirizzo
URL appropriato (ad esempio www.helloworld.com), che
consente agli utenti del motore di ricerca di effettuare
un collegamento al sito dai risultati di ricerca.
Per attivare le mappe del sito del motore di ricerca:
1.
Scegliere Proprietà sito... dal menu File.
2.
Dall'opzione di menu Motore di ricerca, selezionare
l'opzione Crea file della mappa del sito del motore di
ricerca.
3.
(Opzionale) Se l'opzione summenzionata è selezionata, il
file sitemap.xml predefinito può essere rinominato. Fare
54
clic sul pulsante Cambia... e apportare le modifiche in
base alle esigenze.
4.
(Per il sito) Per popolare il file della mappa del sito con
un elenco di tutte le pagine Web del sito (per un
"rilevamento" delle pagine migliorato), l'opzione
Indicizza pagine su questo sito è selezionata.
Deselezionare l'opzione per creare un file sitemap.xml
vuoto.
- oppure (Per una pagina) Dalle proprietà della pagina, per
aggiungere la pagina al file della mappa del sito,
assicurarsi che Ignora impostazioni motore di ricerca
sito e Indicizza questa pagina siano selezionati. Questa
operazione presuppone che il sito non è stato elencato nel
file sitemap.xml nella sua interezza.
5.
Selezionare/deselezionare le impostazioni Mappa del sito
riportate di seguito.
•
Data e ora dell'ultima modifica della pagina.
•
Frequenza di modifica della pagina (impostare il
menu a discesa su Orario, Giornaliero, Settimanale,
Mensile, Annuale o Mai): Questa opzione
suggerisce al motore di ricerca la frequenza con cui
la pagina verrà probabilmente modificata. Il motore
di ricerca deciderà con quale frequenza indicizzare
la pagina in base a questa impostazione.
•
Valutazione di priorità pagina: da 0,0 (valore
minore) a 1,0 (valore maggiore). Imposta una
priorità pagina rispetto alle altre pagine Web da cui
è più probabile che i motori di ricerca eseguano
l'indicizzazione. L'impostazione predefinita può
essere impostata sulle proprietà del sito con
modifiche della pagina specifiche impostando una
priorità più alta o più bassa dell'impostazione
predefinita.
55
Utilizzo di Gestione sito
Gestione sito di WebPlus offre una serie di informazioni utili
relative all'intero sito in una singola finestra di dialogo organizzata
come un menu. Questo strumento consente di visualizzare le
proprietà della pagina e della pagina master e utilizzare una serie di
strumenti di gestione per visualizzare e modificare i collegamenti
ipertestuali, le risorse, il testo, i caratteri e molto altro.
Le potenti funzionalità di Gestione sito comprendono:
•
La possibilità di selezionare la portata e di gestire una
singola pagina, una selezione di pagine o tutte le pagine
del sito.
•
Qualsiasi colonna può essere ordinata nei due sensi
permettendo di riordinare rapidamente le informazioni.
•
Trova e sostituisci. Dove disponibile, rappresenta una
potente modalità per applicare le modifiche del testo a
tutte le pagine Web simultaneamente.
La maggior parte degli strumenti di gestione sono utili in qualsiasi
momento dello sviluppo del sito, mentre la gestione delle risorse e
del testo e l'uso di Gestione sito sono essenziali per controllare il
sito appena prima della pubblicazione su Web.
Per avviare Gestione sito:
•
Fare clic su
Gestione sito nella Barra dei
suggerimenti nella parte inferiore dello spazio di lavoro
(o nella Barra degli strumenti contestuale delle pagine).
Un riepilogo rapido offre indicazioni sulle funzionalità di ogni
strumento di gestione.
56
Tipo di
gestione
Consente di…
Proprietà
pagina/pagina
master
Includere pagine nella navigazione,
associare pagine master, impostare
l'allineamento e le dimensioni della pagina,
rinominare le pagine, impostare uno sfondo,
aggiungere suoni, ottimizzare le pagine per i
motori di ricerca e applicare
reindirizzamenti, transizioni, o controllo
di accessi.
Proprietà
pagina HTML
Visualizzare e modificare i nomi della
pagina HTML e i nomi (e il percorso) dei
file, includere le pagine nella navigazione
(con controllo del separatore), aprire in una
cornice.
Collegamento
ipertestuale
Visualizzare e modificare i collegamenti
ipertestuali, attivare/disattivare i
collegamenti ipertestuali nella pagina,
trovare e sostituire i collegamenti di
destinazione.
Ancoraggio
Visualizzare e modificare il nome e la
posizione dell'ancoraggio, includere pagine
nella navigazione (con controllo del
separatore), passare agli ancoraggi.
Risorsa
Visualizzare immagini, elementi
multimediali, file collegati, risorse di codice
HTML, script o applet nel sito. Passare a
ogni risorsa della pagina, cambiare lo stato
57
dell'immagine tra collegato e incorporato,
sostituire o ricampionare immagini.
E-Commerce
Visualizzare oggetti E-Commerce nelle
pagine del sito.
Testo
Visualizzare e modificare testo (in
WritePlus), attribuire un nome ai brani,
riformattare il testo, applicare stili,
convertire cornici e tabelle creative in testo
compatibile HTML.
Carattere
Visualizzare i caratteri e la relativa
disponibilità, passare ai caratteri nella
pagina e sostituire caratteri.
File
Visualizzare la struttura del sito con i nomi
del file di pagina anziché i nomi delle
pagine. Aggiungere file al sito. Rinominare
e modificare i percorsi del file.
Controllo sito
Visualizzare i problemi comuni di layout
individuati nel sito.
Informazioni su pagine e pagine
master
Analizzando le singole pagine dal punto di vista del design, ogni
pagina di WebPlus è caratterizzata da una pagina “in primo piano"
e da una pagina master “di sfondo".
58
Le Pagine master rappresentano un modo flessibile per
memorizzare elementi di sfondo che si desidera vengano
visualizzati su più pagine, come un logo, lo sfondo, intestazioni/piè
di pagina, il design del bordo o la barra di navigazione. Il concetto
chiave è che è una pagina master determinata in genere è condivisa
da più pagine, come illustrato di seguito. Posizionando un
elemento di design in una pagina master e quindi specificando le
varie pagine che utilizzeranno tale pagina master, si garantisce che
tutte le pagine incorporino tale elemento. Ovviamente, le singole
pagine possono avere i propri elementi.
59
La scheda Sito di Studio include una sezione superiore Pagine
master che contiene la pagina master (o le pagine master) e una
Struttura sito inferiore nella finestra Pagine che contiene le pagine
standard. Ogni pagina visualizzata nella finestra indica la pagina
master che viene utilizzata per tale pagina.
Per variare il design delle pagine nel sito, è possibile creare più di
una pagina master (vedere Aggiunta, rimozione e ridisposizione
delle pagine a pag. 63). Quando si dispone di più pagine master, è
possibile associarle a pagine diverse o combinarle nella stessa
pagina.
Assegnazione di pagine master differenti
Per impostazione predefinita, alle pagine create in nuovi siti viene
associata automaticamente una pagina master (A). Tuttavia, se si
desidera utilizzare una pagina master diversa, è possibile associarla
alla pagina al posto della pagina master originale.
Per associare una diversa pagina master a una pagina:
1.
Nella scheda Sito, fare clic sulla pagina con il pulsante
destro del mouse e selezionare Proprietà pagina....
2.
Dall'opzione di menu Sfondo della finestra di dialogo,
deselezionare la pagina master originale, quindi
selezionare la pagina master da utilizzare.
3.
Fare clic su OK.
Per annullare l'assegnazione di una pagina master:
•
Deselezionare la voce corrispondente nella finestra di
dialogo delle proprietà della pagina (opzione di menu
Sfondo).
Se si deselezionano tutte le pagine master, la pagina
utilizzerà l'aspetto del sito (Proprietà del sito).
60
Assegnazione di più pagine master
WebPlus consente di applicare più pagine master alla pagina Web
correntemente selezionata per ottenere design specifici della pagina
più complessi. Questa opzione consente inoltre di disporre l'ordine
delle pagine master relazionandole tra loro e con il contenuto della
pagina.
Ad esempio, si supponga di avere due design esistenti in due
pagine master diverse: "Master A" e "Master B". Tramite le
proprietà della pagina, è possibile posizionare "Master B" che
contiene il testo IPSUM in primo piano nella pagina selezionata e
utilizzare "Master A" come sfondo della pagina.
Per assegnare più pagine master a una pagina Web:
1.
Nella scheda Sito, fare clic sulla pagina con il pulsante
destro del mouse e selezionare Proprietà pagina....
2.
Dall'opzione di menu Sfondo della finestra di dialogo,
selezionare più pagine master.
3.
61
Fare clic su OK. La pagina utilizzerà ora gli elementi di
pagina di tutte le pagine master.
Le pagine Web con più pagine master associate vengono
visualizzate nella Struttura sito della scheda Sito con un segno più
(anziché con A, B, C e così via).
La finestra di dialogo sopra indicata
consente inoltre di controllare l'ordine
in cui i contenuti della pagina e della
pagina master vengono visualizzati
nella pagina. In modo simile a quanto
accade con i livelli in un programma di
illustrazione, gli oggetti nelle voci più
in alto nell'elenco della finestra di
dialogo verranno visualizzati davanti
agli oggetti nelle pagine master "più in
basso". È possibile ridisporre le pagine
master tra loro. Le pagine master
aggiunte per ultime verranno mostrate
dietro a qualsiasi altro contenuto.
Nell'esempio a fianco Master B viene
posizionata sopra ogni altro contenuto.
Per riordinare il contenuto della pagina e le pagine
master:
•
Selezionare la voce della pagina nella finestra di dialogo
delle proprietà della pagina (opzione di menu Sfondo) e
fare clic sul pulsante Su o Giù.
- oppure -
•
Spostare una pagina trascinandone il nome a una nuova
posizione nell'elenco.
62
- oppure -
•
Dalla Scheda oggetti, selezionare una pagina, quindi
riordinare le pagine master tramite trascinamento.
Modifica degli oggetti della pagina master
Se si sta lavorando su pagine a cui sono associate pagine master,
gli oggetti di pagine master contribuiranno a migliorare il design
della pagina. Tali oggetti possono essere modificati in modo
semplice e rapido dalla pagina mediante una barra di controllo
posta sotto l'oggetto selezionato.
Per modificare l'oggetto della pagina master:
1.
Nella pagina Web selezionare l'oggetto della pagina
master per visualizzare la barra di controllo.
2.
Fare clic su
Modifica sulla pagina master. Viene
visualizzata la pagina master da modificare.
Se lo si desidera, è possibile rendere indipendente un oggetto della
pagina master dalla relativa pagina master. Tali oggetti possono
diventare modificabili se vengono promossi dalla pagina master a
quella web e l'oggetto della pagina master viene sostituito da una
copia modificabile.
63
Per promuovere un oggetto della pagina master:
1.
Nella pagina Web, selezionare l'oggetto della pagina
master per visualizzare la barra di controllo sotto
l'oggetto.
2.
Fare clic su
Promuovi da pagina master. In questo
modo viene effettuata una copia dell'oggetto originale,
che può quindi essere modificata in modo indipendente
senza ripercussioni sulla pagina master.
Anche tutte le altre pagine che utilizzano la pagina
master non subiranno modifiche.
Se lo si desidera, è possibile ricollegare in qualsiasi momento
l'oggetto alla pagina master, lasciando la pagina come era in
origine.
Per ricollegare l'oggetto:
1.
Nella pagina standard, selezionare l'oggetto promosso
per visualizzare la barra di controllo sotto l'oggetto.
2.
Fare clic su
Ripristina pagina master.
64
Aggiunta, rimozione e ridisposizione
delle pagine
Utilizzando la scheda
Sito di Studio, è
possibile:
• Aggiungere
pagine standard
o HTML.
• Eliminare pagina.
• Aggiungere una o
più pagine
master.
• Utilizzare il
trascinamento per
riorganizzare le
pagine all'interno
della struttura del
sito.
• Aggiungere
pagine dai modelli
di design installati.
• Aggiungere
collegamenti
offsite.
• Impostare una
pagina come
home page.
65
Utilizzare la finestra Pagine master superiore della scheda Sito per
accedere alle pagine master e la finestra Pagine (struttura ad albero
del sito principale della scheda) per accedere alle pagine.
Aggiunta di pagine
Per aggiungere una nuova pagina vuota:
1.
Utilizzare la finestra Pagine (struttura ad albero del sito)
della scheda Sito di Studio, selezionare la pagina dopo la
quale si desidera aggiungere la pagina nuova.
2.
Fare clic sulla freccia Giù sul pulsante
Aggiungi
direttamente sopra la finestra Pagine della scheda Sito.
Dal menu a discesa, scegliere Nuova pagina vuota.
3.
Nella finestra di dialogo Proprietà pagina, specificare le
opzioni per la nuova pagina da ciascuna delle opzioni di
menu (vedere Impostazione delle proprietà della
pagina a pag. 71).
4.
Fare clic su OK.
Una nuova pagina viene visualizzata nella posizione specificata
nella struttura del sito. Per le dimensioni della pagina vengono
utilizzate le Proprietà sito (pag. 40). È sempre possibile spostare
la pagina un un'altra posizione o livello oppure passare a una
pagina master differente (vedere Ridisposizione delle pagine o
Assegnazione di pagine master a pag. 59 e 59).
66
Tutte le nuove pagine create utilizzeranno le Proprietà
sito impostate correntemente (menu File), ad esempio
le dimensioni e l'allineamento della pagina predefinite, a
meno che non siano state sovrascritte le proprietà del
sito nella finestra di dialogo Proprietà pagina.
La pagina vuota potrebbe anche essere basata su una
pagina master, ad esempio se il sito è stato creato da
un modello potrebbe quindi contenere contenuto di
pagina come definito dalla pagina master della pagina
vuota.
Aggiunta di pagine master
Per aggiungere una nuova pagina master:
1.
Nella scheda Sito di Studio, assicurarsi che il
pulsante Pagine master> sia selezionato in modo da
espandere la finestra Pagina master.
2.
Fare clic sul pulsante
Pagine master.
Aggiungi sopra la finestra
Una nuova pagina master viene visualizzata nella finestra Pagine
master della scheda Sito.
Per riassegnare pagine a specifiche pagine master,
vedere la sezione Informazioni sulle pagine e le
pagine master a pag. 57.
67
Eliminazione delle pagine
Per eliminare una pagina o una pagina master:
1.
Nella scheda Sito di Studio, selezionare la pagina o la
pagina master da eliminare facendo clic sulla relativa
voce.
2.
Rimuovi sopra la finestra
appropriata per eliminare la pagina.
Quando si elimina una pagina, è possibile rimuovere i
collegamenti ipertestuali del sito che puntano ad essa
oppure reindirizzare i collegamenti ipertestuali a
un'altra pagina specifica (i collegamenti ipertestuali agli
ancoraggi sulla pagina eliminata possono opzionalmente
essere eliminati).
Aggiunta di pagine HTML
Le pagine HTML possono essere aggiunte a una struttura del sito
della scheda Sito. Tali pagine possono essere incluse nella
navigazione per le pagine standard.
Per aggiungere una pagina HTML:
1.
2.
Aggiungi
direttamente sopra la finestra Pagine. Dal menu a discesa
scegliere Nuova pagina HTML
Una nuova pagina HTML viene aggiunta alla scheda Sito. Per
ulteriori informazioni, vedere la sezione Creazione di pagine
HTML (pag. 76) .
68
Ridisposizione delle pagine
La struttura ad albero del sito può essere utilizzata non solo per
aggiungere o eliminare pagine, ma anche per ridisporre le pagine in
base alle esigenze. L'utilizzo della struttura con elementi principali
e secondari consente di ridisporre le pagine in modo intuitivo
tramite comodi pulsanti o trascinamento. È possibile spostare una
pagina:
•
In una posizione sequenziale differente (sopra o sotto)
nello stesso livello della struttura
•
In un livello superiore (principale)
•
In un livello inferiore (secondario)
Per spostare una pagina:
1.
Visualizzare la scheda Sito di Studio.
2.
Fare clic per selezionare la pagina nella struttura ad
albero del sito.
3.
(Con la funzionalità di trascinamento) Trascinare la voce
della pagina verso l'alto o verso il basso e spostarla in
una nuova posizione nella struttura. Osservare il cursore
per informazioni sulla nuova posizione relativa a quella
della pagina immediatamente sotto il cursore:
sposta la pagina allo stesso livello della pagina di
destinazione evidenziata.
rende la pagina secondaria rispetto alla pagina di
destinazione evidenziata.
69
Aggiunta di pagine modello
L'aggiunta di pagine standard consente di iniziare il design delle
pagine da zero, ma per semplificare il processo è possibile adottare
pagine "pronte all'uso" selezionandole dai modelli WebPlus
installati. Per conservare il design originale della pagina, la pagina
master associata alla pagina aggiunta viene "importata" con la
pagina.
Per aggiungere una nuova pagina da un modello:
1.
2.
Aggiungi
direttamente sopra la finestra Pagine. Dal menu a
discesa, scegliere Nuova pagina modello....
3.
Dalla finestra di dialogo Aggiungi nuova pagina da
modello, scegliere un modello dal riquadro a sinistra e
selezionare la pagina da aggiungere (selezionare altre
pagine da includere, se necessario).
4.
WebPlus consente all'utente di scegliere se copiare o
meno la pagina master associata insieme alla pagina.
70
Selezionare dal menu a comparsa in alto a sinistra una
delle seguenti opzioni:
5.
•
Copia pagina master. La pagina master viene
sempre copiata nel sito.
•
Confronta e copia pagina master. Viene verificata
l'esistenza della pagina master nel sito e, se non è
presente, viene copiata.
•
Nessuna pagina master. La pagina master della
pagina non viene mai copiata nel sito.
Fare clic sul pulsante Apri. Le pagine vengono aggiunte
alla scheda Sito.
Aggiunta di collegamenti offsite
È possibile aggiungere un collegamento offsite alla struttura del
sito. In genere, si tratta di una pagina o di una risorsa separata dal
sito che si desidera includere nella struttura di navigazione del sito.
Il collegamento offsite viene visualizzato nella struttura ad albero
del sito e nelle barre di navigazione, pertanto è possibile gestirlo
come una semplice pagina del sito.
Per aggiungere un collegamento offsite:
1.
2.
Aggiungi
direttamente sopra la finestra Pagine. Dal menu a
discesa, scegliere Nuovo collegamento offsite....
3.
Nella finestra di dialogo, digitare un Nome menu per
identificare il collegamento offsite nella struttura ad
albero del sito (l'equivalente del nome pagina
corrispondente).
4.
5.
71
Fare clic per selezionare il tipo di destinazione del
collegamento, quindi immettere la destinazione specifica
del collegamento ipertestuale offsite (vedere Selezione
della destinazione di un collegamento ipertestuale a
pag. 1) e la finestra in cui si desidera venga visualizzata
la destinazione. Non deselezionare Includi in
navigazione se il collegamento deve essere visualizzato
nella navigazione a livello di sito.
•
Selezionare Prima e/o Dopo per applicare linee di
separazione orizzontali sopra/sotto la pagina come
una voce di sottomenu nelle barre di navigazione.
•
Aggiungere una descrizione per aggiungere
ulteriori informazioni sul testo correlato alla pagina
nella voce di sottomenu della barra.
Fare clic su OK.
Impostazione della home page
Per impostare una pagina Web come home page:
•
Fare clic con il pulsante destro del mouse su una pagina
standard nella scheda Sito e selezionare Imposta come
Home page.
Impostazione delle proprietà della
pagina
Il sito WebPlus dispone della propria struttura generale, costituita
dal sito stesso, una o più pagine master e un numero di pagine
singole. Ogni aspetto della struttura dispone di diverse
impostazioni delle proprietà che contribuiscono all'aspetto e al
comportamento del sito pubblicato. Che si inizi con un modello
WebPlus o da zero, è possibile scegliere se mantenere le
impostazioni delle proprietà predefinite o modificarle in base alle
esigenze.
72
Le proprietà di singole pagine possono essere visualizzate tramite
la scheda Sito, facendo clic con il pulsante destro del mouse sulla
pagina attiva nello spazio di lavoro o tramite Gestione sito.
Gestione sito offre un metodo più potente per visualizzare ma
anche modificare le proprietà di più pagine contemporaneamente; è
sufficiente selezionare le pagine scelte e modificare una o più
proprietà della pagina. Tutte le pagine selezionate adotteranno le
nuove impostazioni.
Per visualizzare le impostazioni delle proprietà della
pagina master:
•
Gestione pagine master
sopra la finestra Pagine master sulla scheda Sito. Viene
visualizzato Gestione pagine master.
Per visualizzare le impostazioni delle proprietà della
pagina Web normali:
•
Fare clic con il pulsante destro del mouse sulla pagina
nello spazio di lavoro e scegliere Proprietà pagina....
Viene visualizzata la finestra di dialogo Proprietà pagina.
Nome della
scheda
Proprietà
Navigazione
(predefinito)
Pagina, titolo e nome di file
Ogni pagina dispone di un nome di pagina o
un nome di file "visibile" nella struttura ad
albero del sito della scheda Sito. È possibile
modificare o scegliere un titolo diverso dal
nome della pagina.
Includi in navigazione
Per impostazione predefinita, tutte le pagine
sono incluse nelle barre di navigazione.
Utilizzare questa opzione per escludere la
pagina dalla navigazione.
73
Separatori e descrizione
Se inclusi nella navigazione, selezionare
Prima e/o Dopo per applicare le linee di
separatore tra le opzioni di menu della barra
di navigazione e le opzioni di menu a
comparsa. Una casella Descrizione consente
di aggiungere ulteriori informazioni sul testo
correlato alla pagina nella voce di sottomenu
della barra.
Cornice documento attivo
Le pagine possono essere aperte in una cornice del
documento attivo se la cornice è stata creata in
precedenza.
Posizionamento
Questa opzione posiziona la nuova pagina
prima, dopo o come elemento secondario della
pagina che si sceglie nell'elenco a discesa.
Questa opzione viene visualizzata solo
quando si aggiunge una pagina.
Aspetto
Larghezza e altezza
Consente di impostare le dimensioni di
pagina per le singole pagine/pagine master,
sovrascrivere le Dimensioni pagina
predefinite (in File>Proprietà sito...)
utilizzate quando la pagina è stata creata.
È inoltre possibile trascinare il bordo destro
o inferiore della pagina per modificare
rispettivamente la larghezza o l'altezza della
pagina.
74
Allineamento pagina
L'allineamento determina come il contenuto della
pagina viene visualizzato in un browser. Utilizzare
l'impostazione di allineamento della pagina
predefinita del sito (Usa impostazione sito) o
scegliere Sinistra o Centrato come modifica locale.
Selezione
Scegliere un Colore che distinguerà in modo univoco
gli oggetti posizionati su questa pagina da quelli su
una pagina master associata. Il colore viene
visualizzato al passaggio del puntatore del mouse
sull'oggetto e sul profilo dell'oggetto selezionato.
Copia in corso
Duplica gli elementi di design da una pagina
Web esistente nella nuova pagina.
Selezionare Copia oggetti da pagina e
scegliere la pagina nell'elenco attivato. Se si
desidera, è possibile copiare il contenuto
HTML associato.
Questa opzione viene visualizzata solo
quando si aggiunge una pagina.
Sfondo
Pagine master
Controlla le pagine master associate alla pagina.
Selezionare questa opzione per associare una pagina
master, deselezionare per annullare l'associazione o
trascinare (o utilizzare i pulsanti Su/Giù) per
ridisporre l'ordine della pagina master.
Sfondo
L'elenco a discesa offre diversi modi di visualizzare
lo sfondo della pagina.
Cerca
75
•
Usa aspetto sito: utilizza l'aspetto di
sfondo a livello di sito impostato in
File>Proprietà sito>Pagina.
•
Usa sfondo pagina master: utilizza le
impostazioni di sfondo di una pagina
master associata. Queste impostazioni
sovrascrivono l'aspetto dello sfondo del sito
(sopra).
•
Usa sfondo personalizzato: utilizza un
Colore su pagina, Colore sfondo o una
Immagine sfondo solo per la pagina
corrente. Se l'opzione Usa sfondo
personalizzato è selezionata, le opzioni
diventano disponibili.
Tag di ricerca
Includono le descrizioni di tag e le parole chiave
opzionali su singole pagine, che sovrascrivono le
impostazioni del motore di ricerca del sito.
Motore di ricerca Mappe del sito e robot
Informa i motori di ricerca o i robot se possono
eseguire operazioni di crawling, analizzare e
indicizzare la pagina corrente. Un file della mappa
del sito include la pagina corrente nell'indicizzazione,
mentre un tag meta robot (o un file robots.txt)
esclude la pagina. Queste impostazioni sovrascrivono
le impostazioni del motore di ricerca del sito.
Sicurezza pagine
Sicurezza pagine
Consente di applicare il controllo dell'accesso alle
pagine Web assegnando la pagina a un gruppo utenti
(tramite l'oggetto avanzato dell'Elenco utenti di
Risorse Web Serif).
76
Reindirizza
Reindirizza a
Dopo un intervallo di tempo configurabile, una
pagina Web viene reindirizzata in una nuova
destinazione del collegamento ipertestuale (un'altra
pagina, immagine, e-mail e così via).
Effetti
Transizione di entrata/uscita pagina
Le transizioni di entrata e di uscita pagina possono
essere applicate durante il passaggio da una pagina
Web all'altra.
Usa file audio
Scegliere un file audio per lo sfondo che viene
caricato e riprodotto automaticamente alla prima
visualizzazione di una pagina specifica.
Creazione di pagine HTML
Il codice HTML è il codice con tag di base letto e interpretato dal
browser Internet del visitatore del sito Web che formatta la pagina
in base ai tag utilizzati. Il codice e i tag utilizzati rappresentano le
istruzioni in base a cui la pagina viene formattata, pertanto è
fondamentale che sia strutturato correttamente e conforme alle
convenzioni HTML.
WebPlus supporta lo sviluppo di pagine Web in linguaggio HTML.
È possibile aggiungere pagine nella finestra Struttura sito della
scheda Sito (viene visualizzata un'icona distinta della pagina
HTML).
Le pagine HTML nella scheda Sito possono essere controllate
esattamente come le pagine standard, ad esempio è possibile
trascinare, rinominare e visualizzare in anteprima la pagina,
inserire collegamenti offline, stimare il tempo di scaricamento o
includere la pagina nella navigazione. Tuttavia, alle pagine HTML
77
non sono associate pagine master. Inoltre, facendo doppio clic
sull'icona della pagina HTML viene avviata la finestra Origine
della pagina HTML per la modifica del codice HTML (anziché la
visualizzazione WYSIWYG di una pagina standard). Nella finestra
Origine vengono visualizzati alcuni tag HTML di base noti agli
sviluppatori HTML esperti.
Non è disponibile la visualizzazione WYSIWYG quando si
lavora direttamente con il codice sorgente HTML.
A partire da questo punto, è richiesta la modifica della struttura
HTML predefinita. In genere, il testo viene inserito (tramite
digitazione o operazione di incolla) tra il tag di apertura e il tag di
chiusura
Visualizzazione pagine
Lo spazio di lavoro di WebPlus si compone di un'area “pagina" e
di un'area circostante "tavolo di montaggio".
78
L'area pagina (A) è quella dove si inseriscono testo, elementi
grafici e altri elementi che si desidera vengano visualizzati nella
pagina Web finale. L'area tavolo di montaggio (B) è quella in cui
generalmente si conservano gli elementi in preparazione o in attesa
del posizionamento nell'area della pagina. Quando si pubblica il
sito dal sito di WebPlus, qualsiasi elemento che si sovrapponga
all'area della pagina viene visualizzato, mentre tutti gli elementi sul
tavolo di montaggio non vengono visualizzati. Il tavolo di
montaggio è condiviso da tutte le pagine e pagine master ed è utile
per copiare o spostare gli oggetti tra le pagine.
Per spostare o copiare un oggetto tra pagine diverse
utilizzando il tavolo di montaggio:
1.
Trascinare l'oggetto dalla pagina di origine al tavolo di
montaggio (tenere premuto il tasto Ctrl per copiare).
2.
Visualizzare la pagina di destinazione (vedere Passaggio
da una pagina all'altra di seguito).
3.
Trascinare (o tenere premuto Ctrl e trascinare per
copiare) l'oggetto dal tavolo di montaggio alla pagina di
destinazione.
79
WebPlus consente di vedere esattamente l'area su cui si sta
lavorando, dalla vista panoramica dell'intera pagina fino alla vista
ravvicinata su una zona ristretta. Ad esempio, è possibile utilizzare
le barre di scorrimento disponibili a destra e nella parte inferiore
della pagina principale per spostare la pagina e il tavolo di
montaggio rispetto alla finestra principale. La visualizzazione
viene ricentrata automaticamente mentre si trascinano gli oggetti
verso il bordo dello schermo.
La barra degli strumenti Visualizza nella parte superiore dello
schermo fornisce lo strumento Panoramica
come metodo
alternativo per spostarsi, oltre a vari pulsanti che permettono di
eseguire lo zoom avanti e indietro, per esaminare e modificare la
pagina a livelli di dettaglio diversi.
Passaggio da una pagina all'altra
WebPlus fornisce diverse modalità per raggiungere rapidamente la
parte del sito su cui è necessario lavorare. La scheda sito fornisce
un "pannello di controllo" centrale che include sia la Struttura ad
albero del sito, che raffigura la gerarchia delle pagine del sito
(vedere Informazioni sulla struttura del sito e la navigazione a
pag. 35), che le icone per le pagine master del sito.
Differenze tra selezione e visualizzazione di una pagina Con un
solo clic la pagina/pagina master viene semplicemente selezionata.
Per visualizzare effettivamente la pagina/pagina master associata è
necessario fare doppio clic su una voce.
Una voce arancio (con il nome della
pagina in neretto) indica la pagina
selezionata.
L'icona dell'occhio indica la pagina o la
pagina master correntemente
visualizzata che è possibile modificare
nello spazio di lavoro. Questo esempio
mostra che la pagina attualmente
visualizzata è anche selezionata.
80
Un'icona di una pagina master
evidenziata nella finestra superiore
della scheda Sito indica la pagina
master selezionata.
Un'icona con l'occhio nell'icona
della pagina master indica la pagina
correntemente visualizzata. Questo
esempio mostra una pagina master
visualizzata e selezionata.
Per visualizzare una pagina/pagina master specifica:
È possibile usare vari metodi per visualizzare una pagina:
•
Nella Barra dei suggerimenti, utilizzare i
pulsanti di navigazione della pagina della barra dei
suggerimenti.
- oppure Fare clic sulla voce della pagina o pagina master
nell'elenco Individuazione pagina.
•
Nella scheda Sito, fare doppio clic sulla voce della
pagina (o pagina master) che si desidera visualizzare. La
finestra Struttura sito della scheda include una struttura
ad albero con le voci delle pagine del sito, mentre nella
finestra Pagine master vengono visualizzate solo le
pagine master sotto forma di miniature. È necessario di
81
fare clic sul pulsante Pagine Master> per visualizzare la
finestra delle pagine master.
•
Struttura sito nella barra dei
suggerimenti o nella finestra Pagina della scheda Sito.
Selezionare la voce della pagina nella struttura ad albero
della finestra di dialogo (se necessario fare doppio clic
sulle voci per espandere ogni ramo). Fare clic sul
pulsante Visualizza pagina.
Per le pagine master:
•
Nella scheda Sito di Studio, fare clic sul pulsante Pagine
master> per visualizzare la finestra delle pagine master.
Verranno visualizzate una o più icone delle pagine
master.
•
Fare doppio clic sull'icona della pagina master da
visualizzare.
Per passare dalla pagina corrente alla pagina master e
viceversa:
•
Nella Barra dei suggerimenti, fare clic sul pulsante
Pagina/Pagina master.
Se a una pagina sono associate varie pagine master, si
passa solo alla prima pagina master.
Come scelta rapida per visualizzare la Home page del
sito:
•
Nella Barra dei suggerimenti, fare clic sul pulsante
Home page.
82
4
Navigazione e collegamenti
ipertestuali
84
Navigazione e collegamenti ipertestuali
85
Aggiunta di barre di navigazione
In WebPlus, le barre di navigazione sono programmate per
comprendere la struttura del sito, pertanto la progettazione di
quest'ultimo in termini di navigazione risulta semplice.
Le barre di navigazione consentono di spostarsi facilmente tra i
diversi livelli e sezioni di un sito (vedere pag. 35), fornendo
collegamenti alla Home page e ad altre pagine di sezione di livello
superiore, mentre tramite i menu a comparsa è possibile collegarsi
a pagine secondarie all'interno di ogni sezione.
È possibile installare le barre di navigazione facilmente a qualsiasi
livello del sito, riconfigurarle per il collegamento a una parte
specifica del sito, modificare l'aspetto della barra di navigazione,
nonché escludere determinate pagine dalla navigazione in base alle
necessità.
Livelli e struttura del sito
La sezione Informazioni sulla struttura del sito e sulla
navigazione (pag. 35) è utile per ottenere dettagli relativi alla
struttura di un sito basata su sezioni e livelli.
Durante la definizione di una barra di navigazione, è possibile
scegliere il livello di pagina che viene visualizzato in tale barra.
Immaginarsi tale livello come un puntatore a parti del sito a cui è
necessario collegarsi, correlato alla pagina della barra di
navigazione. È possibile specificare "Livello superiore", "Stesso
livello", "Livello secondario", "Precedente e successivo" e altro
ancora.
Per comprendere questa relazione tra le pagine e i livelli di
riferimento, viene fornito un suggerimento visivo durante la
creazione della barra di navigazione (in ciascuna miniatura Tipo di
navigazione). I rettangoli verde scuro mostrano il livello di pagina
da utilizzare, mentre il punto nero (•) indica la pagina in cui viene
inserita la barra di navigazione.
86
Livello
superiore
Stesso
livello
Livello
secondario
Precedente
e successivo
I design delle icone sono esempi, pertanto non
rappresentano la struttura effettiva del sito.
Dal momento che la struttura del sito è conosciuta dalle barre di
navigazione, queste ultime vengono aggiornate dinamicamente in
caso di spostamento di pagine in livelli differenti.
Creazione delle barre di navigazione
Sebbene le barre di navigazione possano essere aggiunte a
qualsiasi pagina, in genere tale operazione viene effettuata nella
pagina master. In questo modo è possibile evitare di incollare lo
stesso elemento in più pagine. Il comportamento di una barra di
navigazione in una pagina master rispecchia la relativa ipotetica
presenza in ogni pagina, conformemente al principio secondo cui i
relativi pulsanti e menu sono correlati alla posizione di ogni pagina
nella struttura complessiva del sito.
Quando si aggiunge una barra di navigazione, è possibile
selezionare la modalità con cui verrà visualizzata la navigazione
della pagina scegliendo:
•
Tipo. Il design intrinseco della barra di navigazione (ad
esempio, blocco, parlato, tradizionale).
•
Tipo di navigazione. La struttura del sito o
personalizzata su cui si basa la barra di navigazione.
•
Aspetto. Il design di pulsanti, separatori e sfondi della
barra di navigazione. È possibile utilizzare design
preimpostati o personalizzati.
•
Menu a comparsa. Il design di pulsanti, separatori e
sfondi di ciascun menu a comparsa che viene
visualizzato sulla barra di navigazione, qualora si
utilizzino pagine secondarie nella struttura del sito.
87
Per aggiungere una barra di navigazione:
1.
Selezionare la pagina (o pagina master).
2.
Nel
riquadro a comparsa Navigazione della barra
degli strumenti Oggetti Web, fare clic su
barra di navigazione.
3.
Inserisci
Nella scheda Tipo della finestra di dialogo, esaminare i
tipi di barre di navigazione nell'elenco a discesa Tipo,
espandendo le opzioni di menu, se necessario. Utilizzare
le frecce sulla tastiera per esplorare rapidamente.
Nella finestra di anteprima adiacente passare il mouse
sulle opzioni di menu per rivedere l'aspetto dei menu a
comparsa.
4.
Selezionare il tipo di navigazione scelto, ad esempio
Blocco 2.
5.
Nella scheda Tipo di navigazione scegliere se basare la
barra di navigazione direttamente su Struttura sito del
sito (attivare Basato sulla struttura del sito).
- oppure Personalizzare le opzioni della barra di navigazione
(attivare Personalizza; vedere Personalizzazione delle
barre di navigazione a pag. 90).
88
Se si sceglie Struttura sito, è possibile:
6.
•
Selezionare i pulsanti che devono essere inclusi
nella barra di navigazione, ovvero Livello
superiore, Livello principale, Stesso livello e così
via.
•
In base alla selezione principale, è possibile
scegliere di includere la pagina secondaria, gli
ancoraggi, la home page, la pagina principale e/o
Nascondi pagina corrente o disattivare i
collegamenti.
•
Attivare l'opzione Denominazione collegamenti
correlati se si utilizzano collegamenti correlati, ad
esempio Home, Su, Precedente e Successivo. Con
l'opzione Usa nomi fissi attivata, vengono
visualizzati i relativi nomi, ad esempio,
"Successivo". Con Usa nomi pagina viene
visualizzato il nome effettivo della pagina come
definito nelle proprietà della pagina. È possibile
fare clic su Personalizza per modificare il nome di
unl collegamento correlato.
•
Impostare Cornice/finestra di destinazione per
modificare la posizione in cui verrà aperta la nuova
pagina. Scegliere tra Stessa finestra (più comune),
Nuova finestra (utile per pagine esterne al sito),
Parte anteriore della finestra corrente, Cornice
principale, Finestra denominata e Cornice
documento.
(Opzionale) Dalla scheda Aspetto, è possibile
selezionare diversi design per pulsanti, separatori o
sfondo, se necessario, che verranno visualizzati nella
barra di navigazione principale. È possibile selezionare i
design nei seguenti modi:
•
89
Scegliere un'impostazione predefinita dal riquadro a
comparsa, facendo clic sulla freccia Giù della
miniatura del pulsante, ad esempio per i pulsanti
predefiniti.
- oppure -
•
Fare clic su
Modifica per creare un design
personalizzato basato sul pulsante correntemente
selezionato. È possibile modificare il carattere, le
dimensioni e il colore del testo oltre agli sfondi nei
diversi stati del pulsante Per ulteriori informazioni,
vedere la Guida di WebPlus.
7.
(Opzionale) Dalla scheda Menu a comparsa, scegliere i
design, come descritto per la scheda Aspetto, per le
pagine secondarie della struttura del sito.
8.
Fare clic su OK. Nella pagina viene visualizzata la barra
di navigazione.
Le barre di navigazione presentano uno schema colore
che consente un ulteriore controllo dell'aspetto della
barra. Vedere Utilizzo degli schemi colore a
pag. 402.
Per modificare una barra di navigazione:
1.
Fare doppio clic sulla barra di navigazione.
- oppure Selezionare
- oppure -
Modifica barra di navigazione....
Fare clic con il pulsante destro del mouse sulla barra e
selezionare Modifica barra di navigazione....
90
2.
Modificare le impostazioni disponibili per ciascuna
scheda .
Personalizzazione della struttura della barra di
navigazione
Per impostazione predefinita, la struttura della barra di navigazione
sarà basata sulla struttura del sito. Se si desidera modificare
l'ordine o la gerarchia degli elementi della barra di navigazione in
modo che abbiano uno struttura diversa da quella del sito, WebPlus
consente di personalizzare le barre di navigazione tramite la
creazione di una struttura di navigazione personalizzata. È
possibile aggiungere, modificare o eliminare elementi che
consentono di accedere a diversi tipi di destinazioni di
collegamento (vedere Aggiunta di collegamenti ipertestuali e
ancoraggi a pag. 105) esattamente come in Struttura sito della
scheda Sito.
Se viene utilizzata una struttura di navigazione
personalizzata, la barra di navigazione non viene più
aggiornata automaticamente quando vengono aggiunte
nuove pagine al sito. Per l'esecuzione automatica
dell'aggiornamento è necessario che la barra sia basata
sulla struttura del sito.
Per personalizzare una barra di navigazione selezionata:
1.
Fare doppio clic sulla barra di navigazione.
2.
Nella scheda Tipo di navigazione, attivare l'opzione
Personalizza.
3.
Modificare l'ordine degli elementi della barra di
navigazione con la funzione di trascinamento (oppure
utilizzare i pulsanti Sposta su, Sposta giù, Rendi
secondario o Rendi principale).
4.
Fare clic su Aggiungi collegamento per aggiungere un
nuovo collegamento alla fine della struttura di
91
navigazione personalizzata. In genere questa procedura
viene utilizzata per aggiungere una pagina inserita nel
sito in un secondo momento. All'elemento vengono
assegnati una destinazione del collegamento, una cornice
o una finestra di destinazione e un titolo nella finestra di
dialogo visualizzata. Fare clic su OK.
5.
Fare di nuovo clic su OK. Nella barra di navigazione ora
viene utilizza la struttura di navigazione personalizzata
per la presentazione delle opzioni di menu.
Fare clic su Ripristina per ripristinare la struttura di navigazione
predefinita, ovvero la struttura del sito, oppure su Elimina tutto
per rimuovere tutte le voci della struttura personalizzata.
È inoltre possibile salvare la struttura di navigazione personalizzata
nel sito in modo da poterla utilizzare in altre barre di navigazione.
Per salvare la barra di navigazione personalizzata:
•
Fare clic su Impostazioni predefinite, quindi
selezionare Salva... nel riquadro a comparsa.
•
Immettere un nome per la struttura di navigazione
personalizzata (ad esempio, customnavtree-1).
•
Fare clic su OK. La struttura viene memorizzata nel sito.
Successivamente, è possibile richiamare la struttura salvata per
altre barre di navigazione tramite Impostazioni predefinite
(riquadro a comparsa Carica).
Modifica di pulsanti, separatori e sfondi
Quando si crea o modifica una barra di navigazione, è possibile
mantenerne inalterati il tipo e la struttura, ma modificare o
personalizzare i pulsanti, i separatori e lo sfondo che la
compongono.
92
È possibile creare nuove barre da qualsiasi barra di
navigazione esistente nel sito. Scegliere innanzitutto una
barra di navigazione. In questo modo è possibile
ottenere più rapidamente l'aspetto desiderato.
Per visualizzare le impostazioni di pulsanti, separatori e
sfondo:
•
Dalla scheda Aspetto, è possibile modificare o
personalizzare pulsanti, separatori e sfondo selezionando
l'elemento della barra di navigazione da un riquadro di
selezione.
Le opzioni della finestra di dialogo variano in base
all'elemento della barra di navigazione selezionato.
Per modificare i pulsanti della barra di navigazione
(utilizzando un altro pulsante preimpostato):
1.
Fare clic sulla freccia a discesa nella miniatura Singolo
per visualizzare il riquadro a comparsa Preimpostazioni.
2.
Selezionare un pulsante da una categoria (si tratta delle
categorie Tipo della barra di navigazione).
3.
(Opzionale) Modificare le opzioni Separazione e
Allineamento. Le opzioni relative a Orizzontale
interessano i pulsanti visualizzati in orizzontale nella
barra di navigazione e viceversa.
4.
Fare clic su OK.
È possibile creare pulsanti personalizzati da zero in
Studio pulsante di WebPlus. Vedere Creazione di
pulsanti personalizzati a pag. 103.
93
Per modificare i separatori della barra di navigazione
(utilizzando un'altra preimpostazione):
1.
Fare clic sulla freccia a discesa nella miniatura
Separatore per visualizzare il riquadro a comparsa
Preimpostazioni.
2.
Selezionare un separatore da una categoria.
3.
(Opzionale) Modificare le opzioni di ridimensionamento
e creare i separatori.
4.
Fare clic su OK.
È possibile creare separatori personalizzati da zero in
Studio design di WebPlus. Vedere Creazione di
pulsanti personalizzati a pag. 103.
Per modificare lo sfondo della barra di navigazione
(utilizzando un'altra preimpostazione):
1.
Fare clic sulla freccia a discesa nella miniatura Sfondo
per visualizzare il riquadro a comparsa Preimpostazioni.
2.
Selezionare uno sfondo da una categoria.
3.
(Opzionale) Modificare le opzioni di riempimento e le
altre opzioni per adattarle al design.
4.
Fare clic su OK.
Modifica dei menu a comparsa
I menu a comparsa sono parte integrante delle barre di navigazione
basate sulle strutture dei siti che utilizzano pagine secondarie.
Essi vengono visualizzati solo quando si passa il mouse sopra i
pulsanti della barra di navigazione e scompaiono una volta
allontanato il cursore dal pulsante.
94
Come per i pulsanti, anche per i menu a comparsa sono
disponibili numerose opzioni di configurazione. A differenza
dei pulsanti, i menu a comparsa possono essere configurati
come Menu a comparsa testo o Menu a comparsa grafica.
È possibile utilizzare entrambi i tipi di menu a comparsa per
qualsiasi barra di navigazione(Blocco, Evidenzia, Parlato e
così via) a seconda del design.
Per visualizzare le impostazioni dei menu a comparsa:
1.
Dalla scheda Menu a comparsa, è possibile
personalizzare il menu a comparsa scegliendo un tipo di
menu. Selezionare Menu a comparsa testo o Menu a
comparsa grafica. Quest'ultima opzione consente di
implementare oggetti di pulsanti per creare i relativi
menu.
2.
Selezionare un'opzione di menu. Le opzioni della finestra
di dialogo variano in base all'oggetto selezionato.
3.
Modificare caselle di immissione, elenchi a discesa,
caselle di controllo e pulsanti di opzione per adattarli al
design del menu a comparsa. Le impostazioni del menu a
comparsa grafica per pulsanti, separatori e sfondo
condividono impostazioni simili a quelle dei pulsanti.
Visualizzazione dei separatori
Per le pagine, i collegamenti offsite o gli ancoraggi inclusi nella
navigazione e visualizzati nella barra di navigazione o nei relativi
95
menu a comparsa, è possibile controllare la visualizzazione dei
separatori tra ogni opzione di menu.
Per controllare la visualizzazione dei separatori nella
barra di navigazione:
1.
Dalla finestra di dialogo Impostazioni barra di
navigazione, selezionare la scheda Aspetto, quindi
l'opzione Separatori.
2.
Attivare l'opzione Inserisci separatore quando
specificato dalla struttura di navigazione.
3.
Fare clic su OK.
4.
Dalla scheda Sito, fare clic con il pulsante destro del
mouse sulla pagina o sul collegamento offsite e
selezionare Proprietà pagina....
5.
Dall'opzione di menu Navigazione, selezionare Prima
e/o Dopo per inserire una linea di separazione sopra/sotto
il menu a comparsa della pagina.
6.
Fare clic su OK.
Vengono visualizzate le stesse opzioni di separazione
per gli ancoraggi degli oggetti facendo clic con il
pulsante destro del mouse su un oggetto e selezionando
Ancoraggio.
Per controllare la visualizzazione dei separatori nei
menu a comparsa:
1.
Dalla finestra di dialogo Impostazioni barra di
navigazione, selezionare la scheda Menu a comparsa.
•
Per i Menu a comparsa testo (attivare il pulsante di
opzione), selezionare Linee e bordi, quindi Inserisci
separatore quando specificato dalla struttura di
navigazione.
96
- oppure -
•
Per i Menu a comparsa grafica (attivare il pulsante
di opzione), selezionare Separatori e attivare
l'opzione sopra indicata.
2.
Fare clic su OK.
3.
Ripetere i passi da 4 a 6 sopra descritti.
Salvataggio delle opzioni della barra di
navigazione
Se i pulsanti, i separatori, lo sfondo e il menu a comparsa di una
barra di navigazione vengono personalizzati, è possibile salvare
queste impostazioni combinate in un'unica posizione utilizzando il
pulsante Impostazioni predefinite. Ciò consente di applicare lo
stesso aspetto della barra di navigazione a altre barre create nel
sito.
Inclusione/esclusione delle pagine nella
navigazione
Per impostazione predefinita, tutte le pagine sono incluse nella
navigazione, quindi possono essere collegate tramite barre di
navigazione. È possibile escludere alcune pagine (tutte, tranne la
Home page) in modo che vengano ignorate dalle barre di
navigazione. Ad esempio, in caso di sezioni di riferimento o pagine
di archivio che non si desidera vengano visualizzate
completamente dal visitatore. Tali sezioni vengono rimosse dalla
barra di navigazione escludendo le relative pagine principali.
Tenere presente che, anche se una pagina viene esclusa dalla
navigazione, non viene rimossa dal sito, pertanto continuerà a
essere presente nella struttura ad albero del sito e sarà possibile
creare collegamenti ipertestuali a tale pagina; semplicemente non
verrà visualizzata nella barra di navigazione.
97
Per escludere una pagina dalla navigazione:
•
Nella scheda Sito di Studio, fare clic con il pulsante
destro del mouse sulla pagina nella struttura ad albero del
sito e selezionare Proprietà pagina.... Deselezionare
Includi in navigazione.
•
Per le pagine incluse viene visualizzato l'indicatore
nella voce della pagina nella struttura ad albero del sito
della scheda Sito, mentre tale indicatore non compare per
le pagine escluse che risultano inattive.
Utilizzo delle barre di navigazione dinamiche
Fino a ora si è presupposto l'utilizzo di barre di navigazione basate
sulla struttura del sito che visualizzano pagine statiche come voci
di menu. Tuttavia, per ottenere barre di navigazione più dinamiche,
è possibile inserire nei sottomenu della barra di navigazione forum
sempre diversi, SGC e titoli di articoli di blog (fare semplicemente
clic su un titolo per visualizzare l'articolo corrispondente).
Si presuppone l'utilizzo di un collegamento offsite (incluso nella
navigazione) per il collegamento di forum, SGC e blog.
Per creare una barra di navigazione dinamica:
•
Fare clic con il pulsante destro del mouse sul
collegamento offsite nella scheda Sito, quindi fare clic su
Proprietà collegamento offsite....
•
Dalla finestra di dialogo Collegamento offsite,
modificare il menu a discesa nella sezione Informazioni
oggetto avanzato per aggiungere elementi feed (ad
esempio, titoli di articoli pubblicati) come elementi
secondari del sottomenu della barra.
Ogni titolo di articolo è selezionabile e consente di aprire
l'articolo associato in una finestra, in genere separata.
98
Conversione in pannelli
È possibile convertire la barra di navigazione in pannello
(pag. 134) per poter posizionare i pulsanti della barra di
navigazione con maggiore libertà (nell'area del pannello) e rendere
le barre di navigazione sempre visibili.
Per convertire una barra di navigazione in pannello:
1.
Selezionare la barra di navigazione.
2.
Dalla barra degli strumenti contestuale, selezionare
Converti in pannello.
Per ulteriori informazioni sui pannelli, vedere Aggiunta di
pannelli a pag. 134.
Aggiunta di menu a comparsa
I menu a comparsa costituiscono una parte integrale delle barre di
navigazione a più livelli (pag. 83) e vengono visualizzati come
menu solo al passaggio del puntatore del mouse sul pulsante. Le
voci di menu a comparsa rappresentano pagine secondarie a livelli
inferiori del sito.
In WebPlus è inoltre possibile aggiungere menu a comparsa a
qualsiasi oggetto (un QuickShape, un'immagine, un elemento della
galleria, ma più comunemente un pulsante), poiché il menu è
essenzialmente lo stesso di quelli integrati con le barre di
navigazione. Come le barre di navigazione, le voci di menu a
comparsa visualizzate possono essere configurate, adottando
l'intera struttura del sito (o parte di essa) o la cornice
personalizzata.
99
I menu a comparsa
sono
particolarmente
utili quando si
desidera
visualizzare una
serie limitata e
possibilmente
correlata, di
collegamenti di
navigazione, ad
esempio una serie
di prodotti.
Si dispone del controllo completo del livello del sito che si
desidera presentare nel menu a comparsa. Nell'esempio accanto, il
menu a comparsa è basato su pagine secondarie appartenenti a una
pagina principale Prodotti (che probabilmente contiene il pulsante
e il menu a comparsa).
Per creare un menu a comparsa:
1. Selezionare un oggetto da associare al menu a comparsa.
2. Selezionare Menu a comparsa... dal menu Inserisci.
- oppure Fare clic con il pulsante destro del mouse su un oggetto e
selezionare Menu a comparsa....
3. Dalla scheda Tipo di navigazione della finestra di dialogo,
selezionare l'opzione Mostra un menu a comparsa... per
attivare i collegamenti di navigazione da associare all'oggetto.
4. Attivare Basato sulla struttura del sito o Personalizza per
utilizzare rispettivamente i collegamenti di navigazione del sito
come parte del menu o basare il menu a comparsa sulla propria
struttura personalizzata (pag. 90).
100 Navigazione e collegamenti ipertestuali
5. Dalla scheda Aspetto menu della finestra di dialogo,
selezionare Menu a comparsa testo o Menu a comparsa
grafica. Quest'ultima opzione consente di implementare oggetti
di pulsanti per creare i relativi menu.
6. Selezionare un'opzione di menu dalla casella, quindi
modificare le caselle di immissione, gli elenchi a discesa, i
pulsanti di opzione e le caselle di controllo in modo da adattarli
al design del menu a comparsa. Le impostazioni del menu a
comparsa grafica per pulsanti, separatori e sfondo condividono
impostazioni simili a quelle dei pulsanti.
Tutte le opzioni vengono descritte in dettaglio in Modifica dei
menu a comparsa a pag. 93.
7. Fare clic su OK.
Aggiunta di pulsanti
Navigazione e collegamenti ipertestuali 101
I pulsanti sono parte integrante delle barre di navigazione di WebPlus (Per
ulteriori informazioni, consultare la Guida di WebPlus), ma possono essere
aggiunti alla pagina Web anche come oggetti indipendenti, tramite
collegamento a una destinazione di collegamento ipertestuale o
visualizzazione di un menu a comparsa.
In WebPlus, i pulsanti possono essere basati su un design preimpostato
oppure possono essere creati da zero in Studio pulsante. In genere, viene
scelto un pulsante preimpostato che viene poi personalizzato in base alle
esigenze specifiche dell'utente.
Indipendentemente dal metodo scelto, è possibile modificare l'etichetta di
testo per adattarla alla funzione del pulsante in modo semplice e veloce.
Per aggiungere un pulsante preimpostato:
1.
Dal riquadro a comparsa
Navigazione della barra
pulsante.
Inserisci
2.
Nella finestra di dialogo Modifica pulsante, fare clic sul
riquadro di anteprima del pulsante.
3.
Selezionare un tipo di pulsante preimpostato dal riquadro
a comparsa. Nel riquadro di anteprima viene visualizzato
il design del pulsante selezionato.
4.
Immettere una Etichetta pulsante per identificare il
pulsante, ad esempio, "Home", "Immagini", "Guida" e
così via.
5.
Selezionare l'Azione che viene richiamata quando si fa
clic sul pulsante.
•
L'opzione Collegamento ipertestuale indirizza
l'utente verso la destinazione (ad esempio, pagina
Internet, pagina del sito, file) tramite un
collegamento ipertestuale (vedere pag. 105). Fare
clic su Modifica... per selezionare un tipo di
destinazione e la relativa finestra di destinazione.
•
Invia modulo consente di creare un pulsante Invia
utilizzato per inviare i dati del modulo. L'etichetta
del pulsante viene sempre sovrascritta con il testo
Invia (ma è comunque possibile modificarla di
nuovo). L'azione del pulsante viene richiamata solo
quando il pulsante viene inserito in un modulo.
•
Ripristina modulo consente di creare un pulsante
Ripristina utilizzato nei moduli per cancellare i dati
immessi nei relativi campi. I pulsanti Invia e
Ripristina in genere vengono posizionati uno di
fianco all'altro.
•
Script personalizzato consente di digitare codice
JavaScript personalizzato nella casella di
immissione (non è necessario includere i tag ).
6.
(Opzionale) Selezionare Disattivato affinché il controllo
sia inattivo a meno che non venga attivato da uno script.
7.
(Opzionale) Selezionare Pulsante inizialmente nello
stato Giù affinché il pulsante venga visualizzato come
già selezionato anziché nello stato Normale.
8.
Fare clic su OK.
9.
Posizionare il cursore nel punto in cui si desidera inserire
il pulsante.
10. Per inserire il pulsante con le dimensioni predefinite, fare
semplicemente clic con il mouse.
- oppure Per impostare le dimensioni del pulsante, trascinare
un'area e rilasciare il pulsante del mouse.
Per modificare un pulsante:
•
Fare doppio clic su un pulsante e apportare le modifiche
seguendo la procedura sopra descritta.
Creazione di pulsanti personalizzati
Se si desidera modificare ulteriormente le impostazioni predefinite
di un pulsante oppure creare un pulsante da zero, è possibile
utilizzare Studio pulsante, un ambiente di design del pulsante
integrato in WebPlus. Con Studio pulsante è possibile concentrarsi
sul design del pulsante senza distrarsi con gli altri oggetti nella
pagina, poiché viene visualizzato esclusivamente il design.
Studio pulsante consente di modificare l'aspetto di un pulsante
personalizzato in ogni suo stato, ad esempio nello stato Normale
iniziale, nello stato Giù (premuto) e nello stato Passaggio cursore.
Studio pulsante è dotato di una Scheda Procedura
interattiva che semplifica la creazione del pulsante
personalizzato. La scheda include ulteriori informazioni
sulla modifica nei diversi stati del pulsante e sull'utilizzo
delle guide e delle opzioni di dilatazione per controllare
gli elementi del pulsante che vengono allungati e gli
elementi che restano invariati.
Per creare un pulsante personalizzato:
1.
(Opzionale) Dalla finestra di dialogo Pulsante,
selezionare un pulsante preimpostato da utilizzare come
base per il nuovo pulsante.
2.
Dalla stessa finestra di dialogo, fare clic sul pulsante
Modifica. Studio pulsante viene avviato e il
pulsante viene ingrandito per adattarsi allo spazio di
lavoro.
3.
Nello stato Normale (vedere Scheda Stati pulsante),
utilizzare gli strumenti e le schede WebPlus standard per
personalizzare il design del pulsante nel modo
desiderato.
4.
Dalla scheda Stati pulsante nella parte inferiore dello
spazio di lavoro, modificare il pulsante in ogni singolo
stato (selezionare Giù, Passaggio cursore, Disattivato e
così via).
Le opzioni Menu destra e Menu sotto sono utilizzate
esclusivamente per i menu a comparsa.
5.
Fare clic su Applica modifiche sulla barra degli
strumenti principale per uscire. Il pulsante modificato
viene aggiornato nella posizione originale.
Tenere presente che Studio pulsante è dedicato
principalmente al design del pulsante e non
all'etichettatura. Pertanto, per modificare l'etichetta, fare
doppio clic sulla pagina e apportare le modifiche
desiderate utilizzando l'opzione Etichetta pulsante
della finestra di dialogo.
Una volta aggiunto il pulsante alla pagina, è comunque possibile
utilizzare Studio pulsante per modificarne il design in qualsiasi
momento.
Per modificare il design di un pulsante:
•
Selezionare
Modifica design pulsante dalla barra
degli strumenti contestuale.
Conversione in barra di navigazione
È possibile convertire un pulsante in barra di navigazione
(pag. 83) in qualsiasi momento. In tale modo il pulsante avrà tutte
le caratteristiche specifiche delle barre di navigazione, ad esempio,
presenterà la struttura del sito o una struttura personalizzata.
Per convertire un pulsante in barra di navigazione:
1.
Selezionare il pulsante.
2.
Converti in barra di navigazione.
Aggiunta di collegamenti ipertestuali e
ancoraggi
L'aggiunta di un collegamento ipertestuale a un oggetto come
una casella, un testo o un'immagine consente a un visitatore del
sito Web di attivare un evento facendo clic su tale oggetto. In
genere, l'evento consiste nel passaggio a uno degli elementi
seguenti:
•
Pagina del sito
•
Pagina Internet di terze parti
•
Finestra di composizione delle e-mail
•
File sul disco o nella rete locale
•
Ancoraggio (una determinata destinazione all'interno di
una pagina Web)
•
Oggetto avanzato (in particolare un forum, un blog o un
CMS in Risorse Web Serif)
•
Feed o podcast RSS
•
Carrello della spesa
•
Elemento di navigazione
•
Dati utente
•
Immagine
I collegamenti ipertestuali ben progettati sono un aspetto
importante della struttura del sito. Costituiscono un supporto alla
navigazione per i visitatori del sito, nonché un'aggiunta importante
alle relazioni tra pagine logiche come mostrato nella struttura ad
albero del sito. Non vengono comunque ignorati i vantaggi in
termini di risparmio di tempo garantiti invece dall'utilizzo delle
barre di navigazione.
I collegamenti ipertestuali e gli ancoraggi possono
essere gestiti in tutto il sito tramite Gestione sito,
accessibile dalla barra degli strumenti contestuale
predefinita o dalla barra dei suggerimenti.
Per aggiungere un collegamento ipertestuale:
1.
Con lo strumento Puntatore selezionare l'oggetto
singolo o raggruppato oppure evidenziare l'area di testo a
cui aggiungere un collegamento ipertestuale.
2.
Selezionare
Collegamento ipertestuale nel
riquadro a comparsa Collegamento ipertestuale della
barra degli strumenti Strumenti.
Verrà visualizzata la finestra di dialogo Collegamenti
ipertestuali.
3.
collegamento, ad esempio una pagina del sito, una pagina
Internet, un oggetto avanzato e così via.
4.
A seconda del tipo di collegamento, scegliere le opzioni
specifiche del tipo nel riquadro a destra come
destinazione del collegamento ipertestuale.
5.
In base alla modalità di visualizzazione desiderata della
destinazione del collegamento è possibile scegliere
diverse finestre o cornici di destinazione. Di seguito sono
riportati i tipi e i risultati previsti:
•
Stessa finestra: la destinazione del collegamento
viene mostrata nella stessa finestra in cui è stato
selezionato il collegamento ipertestuale.
•
Nuova finestra: viene utilizzata una nuova finestra
per visualizzare la destinazione del collegamento.
Le relative proprietà (dimensioni, posizione e
aspetto) possono essere definite tramite il pulsante
Impostazioni... (selezionare innanzitutto Usa
codice elemento a comparsa JavaScript). La
finestra originale rimarrà aperta.
•
Livello superiore della finestra corrente: la
destinazione del collegamento viene mostrata nella
finestra di livello superiore. Utilizzare questa
destinazione per i collegamenti ipertestuali creati
all'interno di una cornice in una pagina oppure per
cornici all'interno di altre cornici.
•
Cornice principale: la destinazione del
collegamento viene mostrata nella cornice
principale o nella finestra principale della cornice in
cui è stato selezionato il collegamento ipertestuale.
Utilizzare questa destinazione per i collegamenti
ipertestuali creati all'interno di una cornice in una
pagina oppure per cornici all'interno di altre cornici.
Vedere la Guida di WebPlus.
•
Finestra denominata: è possibile definire una
finestra personalizzata immettendo un nome di una
nuova finestra nel menu a discesa più a destra. Le
relative proprietà possono essere definite come per
l'opzione Nuova finestra descritta in precedenza. È
anche possibile utilizzare una finestra denominata
esistente dello stesso menu a discesa.
•
Cornice documento: la destinazione del
collegamento viene mostrata in una cornice creata
in precedenza tramite lo strumento Documento con
cornice. L'ID HTML, ad esempio ifrm_1, di una
cornice esistente viene selezionato nel menu a
discesa più a destra. Vedere la Guida di WebPlus.
Se si sta impostando una cornice documento attiva
come destinazione, selezionare la cornice attiva
nell'elenco a discesa Apri in cornice documento
attiva. Se non viene visualizzata nell'elenco sarà
necessario impostare l'"attivazione" della cornice
facendo doppio clic sulla cornice e selezionando
Cornice documento attiva.
•
6.
Lightbox: la destinazione del collegamento viene
mostrata in un lightbox a comparsa sovrapposto alla
pagina Web. Fare clic su Opzioni Lightbox... per
fornire facoltativamente una didascalia, modificare
le dimensioni del lightbox o includerlo in una
presentazione. Vedere Utilizzo dei lightbox a
pag. 130.
Scegliere altre proprietà come il nome Titolo (mostrato
al passaggio del mouse sulla descrizione della
destinazione del collegamento ipertestuale) e una chiave
di accesso al collegamento.
7.
Se si desidera aggiungere un collegamento ipertestuale al
testo, utilizzare l'elenco a discesa Stile per scegliere la
relativa formattazione. I colori Normale, Seguito, Attivo
e Rollover vengono impostati in base ai diversi criteri di
formattazione presenti nell'elenco a discesa.
8.
Fare clic su OK.
Per modificare o rimuovere un collegamento
ipertestuale:
1.
Con lo strumento Puntatore selezionare l'oggetto o fare
clic per introdurre un punto di inserimento nel testo
collegato. Non è necessario effettuare un trascinamento
su un'area del testo con collegamento ipertestuale.
2.
Collegamento ipertestuale
nel riquadro a comparsa Collegamento ipertestuale della
barra degli strumenti Strumenti.
Verrà visualizzata la finestra di dialogo Collegamenti ipertestuali
con la destinazione del collegamento corrente. Se il collegamento è
nel testo, viene evidenziato tutto il collegamento del testo.
•
Per modificare il collegamento ipertestuale, selezionare
un nuovo tipo di destinazione, una nuova destinazione
e/o nuove opzioni del collegamento.
•
Per rimuovere il collegamento ipertestuale, fare clic su
Nessun collegamento ipertestuale.
Per visualizzare o modificare i collegamenti ipertestuali
esistenti:
•
Scegliere Gestione sito>Gestione collegamenti
ipertestuali... nel menu Strumenti per visualizzare,
rinominare o rimuovere i collegamenti ipertestuali.
Inserimento di un ancoraggio
Un ancoraggio è una posizione specifica in una pagina che può
fungere da destinazione per un collegamento ipertestuale. Invisibile
al visitatore della pagina Web, in genere consente di
contrassegnare un punto all'interno di un testo (ad esempio l'inizio
di una sezione particolare) o un'immagine in un punto specifico
della pagina. Gli ancoraggi sono utili se il contenuto della pagina è
sufficientemente ampio per essere diviso in sezioni, ma non
abbastanza per richiedere la suddivisione in pagine separate. In
questo modo, il lettore può passare al contenuto correlato senza
uscire dalla pagina corrente. Inoltre, consentendo ai visitatori Web
di rimanere nella stessa pagina si evita che si "perdano" durante la
consultazione delle informazioni disponibili nel sito.
Per inserire un ancoraggio:
1.
Con lo strumento Puntatore selezionare l'oggetto di
destinazione o fare clic per introdurre un punto di
inserimento nel testo di destinazione.
2.
Ancoraggio nel
riquadro a comparsa Collegamento ipertestuale della barra
degli strumenti Strumenti.
- oppure Scegliere Ancoraggio... in Inserisci o fare clic con il
pulsante destro del mouse sul menu.
3.
Nella finestra di dialogo, digitare un nome per l'ancoraggio.
4.
(Facoltativo) Selezionare Includi ancoraggio in
navigazione per consentire l'accesso all'ancoraggio (in
genere un oggetto selezionato) tramite una barra di
navigazione invece di un collegamento ipertestuale.
Innanzitutto sarà necessario selezionare Includi ancoraggi
nella barra di navigazione. Assegnare un titolo
all'ancoraggio.
•
Selezionare Prima e/o Dopo per applicare linee di
separazione orizzontali sopra/sotto l'ancoraggio come voce
di sottomenu nella barre di navigazione.
•
Aggiungere una descrizione per aggiungere ulteriori
informazioni sul testo correlato alla pagina nella voce di
sottomenu della barra.
5.
Fare clic su OK.
Per visualizzare o modificare gli ancoraggi esistenti:
•
Scegliere Gestione sito>Gestione ancoraggio... nel
menu Strumenti per visualizzare, rinominare o
rimuovere un ancoraggio associato a un oggetto
particolare. Inoltre è possibile includere l'ancoraggio
nella navigazione della pagina.
5
Aggiunta di
oggetti Web
114 Aggiunta di oggetti web dinamici
Aggiunta di oggetti web dinamici 115
Aggiunta di una ricerca sito
WebPlus utilizza una potente funzionalità di ricerca che effettua
corrispondenze tra i termini di ricerca dell'utente con il testo
visualizzato nel sito nel testo artistico, nelle cornici di testo o nelle
tabelle. In tal modo è possibile recuperare facilmente il contenuto
da qualsiasi pagina Web in hosting.
La funzione di ricerca opera mediante l'utilizzo dello strumento
Ricerca sito e dello strumento Risultati ricerca sito, entrambi in
hosting sul riquadro a comparsa Cerca della barra degli strumenti
Oggetti Web. Ogni strumento viene utilizzato per creare oggetti
che funzionano in modo combinato.
Oggetto Risultati ricerca
sito: crea una finestra in cui
vengono visualizzati i risultati
di ricerca. In genere, tale
oggetto è posizionato e
dimensionato sulla sua stessa
pagina e non viene
visualizzato nella struttura di
navigazione del sito.
Di solito, la casella dei
risultati di ricerca viene
posizionata prima di
aggiungere l'oggetto Ricerca
sito.
- Oggetto Ricerca sito: la
casella di testo in cui gli
utenti digitano la parola o la
frase che desiderano cercare.
Di solito, questa casella di
testo viene aggiunta a una
pagina master e viene
visualizzata su tutte le pagine
del sito.
Ad esempio, il termine di ricerca "vitae" riportato in precedenza
può recuperare risultati di ricerca che mostrano le pagine Web
contenenti il termine di ricerca. L'utente fa clic sul pulsante Cerca
per avviare qualsiasi ricerca.
I risultati di ricerca mostrano un'intestazione del nome della pagina
con collegamento ipertestuale e in aggiunta il testo della pagina
Web associato per riferimento. È sufficiente fare clic sul
collegamento ipertestuale per accedere alla pagina Web.
Per aggiungere Risultati ricerca sito:
1.
Fare clic sullo
strumento Risultati ricerca sito sul
riquadro a comparsa Cerca della barra degli strumenti
Oggetti Web.
2.
Spostare il cursore di posizionamento
su una
posizione scelta, quindi fare clic e trascinare per
posizionare la finestra dei risultati di ricerca.
Per aggiungere l'oggetto Ricerca sito:
1.
Fare clic sullo
strumento Ricerca sito sul riquadro
a comparsa Cerca della barra degli strumenti Oggetti
Web.
2.
Sulla pagina Web o sulla pagina master, postare il
cursore di posizionamento
su una posizione scelta
e fare clic per posizionare l'oggetto Ricerca sito.
L'oggetto di ricerca viene visualizzato sulla pagina.
Aggiungere l'oggetto di ricerca nella parte superiore
della pagina master per consentire l'accesso alla
funzionalità di ricerca a livello di sito.
La ricerca sito è superflua se non si dispone di alcun mezzo di
visualizzazione dei risultati di ricerca per l'utente. È possibile
realizzare ciò utilizzando l'oggetto Risultati ricerca sito che, come
l'oggetto Ricerca sito, può essere posizionato su una pagina Web
sotto un cursore di posizionamento. Tuttavia, in genere l'oggetto
viene ridimensionato in base alle dimensioni di pagina intera prima
del posizionamento (deve visualizzare più risultati di pagine Web
consecutivamente).
Mantenere i risultati di ricerca su una pagina separata,
possibilmente nuova, che può avere anche il proprio
aspetto (fare doppio clic sull'oggetto per modificare
l'aspetto della pagina).
Utilizzo della Galleria
La scheda Galleria è dotata di una quantità straordinaria di
contenuto creativo con funzionalità di trascinamento
progettato a livello professionale che conferirà un aspetto
moderno al sito Web. È disponibile un'intera gamma di
categorie, tra cui:
•
Cornici immagine
•
Distintivi e adesivi
•
Pulsanti E-Commerce
•
Flag
•
Banner Flash
•
Set di icone e icone
•
Note
•
Simboli rapidi
La scheda funge anche da contenitore per l'archiviazione
degli oggetti di design personali che si desidera riutilizzare
nello stesso sito o in altri siti Web. Dopo avere copiato un
design nella Galleria, questo diventa disponibile su
qualsiasi sito: è sufficiente aprire la Galleria.
La Galleria (sopra) è composta da due parti: un menu a discesa
Categorie in alto (A) e una finestra Design in basso (B) nella quale
viene visualizzato un elenco di miniature che rappresentano i
design della categoria selezionata.
Per visualizzare la Galleria:
1.
Fare clic sulla scheda Galleria di Studio.
2.
Selezionare una categoria dal menu a discesa.
Gli elementi nella prima sottocategoria elencata vengono
visualizzati per impostazione predefinita.
Per utilizzare un design nella Galleria:
•
Fare clic sulla miniatura corrispondente nella categoria di
design e trascinarla sulla pagina. La Galleria mantiene
una copia del design fino a quando non viene
espressamente eliminata.
Alcuni elementi della galleria sono modificabili e possono
quindi essere utilizzati come punto di partenza per i
propri design.
Memorizzazione dei propri design
La scheda Galleria può inoltre memorizzare i design
personalizzati nella categoria Design personali pronta all'uso: il
design è disponibile in qualsiasi sito WebPlus.
Quando si installa WebPlus per la prima volta, la galleria
Design personali è vuota ed è possibile aggiungervi
design personalizzati.
Per spostare o copiare un oggetto nella categoria
Design personali:
1.
Selezionare la categoria Design personali dall'elenco a
discesa Categorie.
2.
Trascinare l'oggetto dalla pagina e rilasciarlo sulla
finestra Design.
3.
Dalla finestra di dialogo, immettere un nome per il
design, quindi selezionare OK. Viene visualizzata una
miniatura del design nella finestra Design.
Premere il tasto Ctrl prima di iniziare a trascinare per
copiare anziché spostare il design.
Per rinominare o eliminare un design:
•
Fare clic sul pulsante a discesa
nell'angolo inferiore
destro di una miniatura (visualizzato al passaggio del
mouse) e scegliere un'opzione dal menu.
Per suddividere ulteriormente i design in categorie, è possibile
aggiungere sottocategorie a Design personali o creare una nuova
categoria personalizzata anziché Design personali.
Una volta create, le sottocategorie e le categorie possono essere
eliminate o rinominate.
Per aggiungere, eliminare o rinominare le sottocategorie
personalizzate:
•
Per aggiungere, selezionare una categoria e fare clic su
Aggiungi sottocategoria... dal pulsante
Scheda.
Menu
•
Per eliminare o rinominare, selezionare le opzioni dal
pulsante a discesa
sottocategoria.
sulla barra del titolo della
Se si aggiunge una sottocategoria, è necessario denominarla in una
finestra di dialogo. Per la ridenominazione o l'eliminazione, è
sufficiente scegliere la sottocategoria prima di selezionare
l'opzione.
Per aggiungere, eliminare o rinominare le categorie
personalizzate:
1.
Con la scheda Galleria selezionata, fare clic sul pulsante
Menu Scheda e scegliere Aggiungi categoria...,
Rimuovi categoria o Rinomina categoria... dal menu
del riquadro a comparsa.
2.
Utilizzare la finestra di dialogo per apportare e/o
confermare la modifica.
Verranno eliminati anche tutti i design presenti in
una categoria eliminata.
Aggiunta di mappe di Google Maps
Utilizzare le mappe di Google Map incorporate nella pagina Web
per assicurarsi che un cliente individui la sede dell'azienda, i
partecipanti riescano a trovare il luogo di una riunione o di un
evento speciale o per identificare luoghi di particolare interesse. Se
si incorpora tale elemento in una pagina Web "Direzioni" designata
allo scopo, sarà possibile aggiungere la mappa e direzioni di
supporto scritte al proprio sito in base alle esigenze.
Sarà possibile posizionare marcatori su ogni mappa per
identificare ciascuna posizione. Per ogni marcatore è possibile
impostare la comparsa (facendo clic) di uno dei seguenti elementi:
•
Una casella di callout con testo semplice (ad esempio un
indirizzo postale e/o Web).
•
Una casella di callout con testo in formato HTML.
•
Una finestra di StreetView.
Per aggiungere una mappa di Google Map:
1.
Fare clic su
Inserisci Google Map sul riquadro a
comparsa Oggetto multimediale della barra degli
strumenti Oggetti Web.
2.
Dalla finestra di dialogo Google Map, immettere il
codice postale o l'indirizzo nel campo Cerca una
posizione, quindi fare clic su Cerca. Poiché viene
utilizzato il geolocalizzatore di Google, WebPlus
individuerà il luogo in cu si trova l'utente e visualizzerà
di preferenza gli indirizzi locali.
3.
Esplorare la mappa utilizzando i controlli di panoramica
e zoom di supporto: trascinare il cursore a forma di mano
per effettuare la panoramica, i pulsanti e il cursore dello
zoom per ingrandire/ridurre la visualizzazione. Se si
dispone di un mouse con una rotellina di scorrimento,
assicurarsi che l'opzione Attiva zoom rotellina di
scorrimento del mouse sia selezionata per un controllo
dello zoom ottimale.
4.
(Opzionale) Dall'elenco a discesa Controllo
navigazione, selezionare Completo (per panoramica,
pulsanti e cursore dello zoom), Compatto (solo per i
pulsanti dello zoom) o Nessuno (per nascondere tutti i
controlli di navigazione).
5.
(Opzionale) Dall'elenco a discesa Controllo tipo di
mappa, selezionare Barra (per le opzioni di mappa
affiancata e Satellite), il menu a discesa (per le modalità
Mappa, Satellite e Terreno) o Nessuno (per nascondere i
controlli del tipo di mappa).
6.
Fare clic su OK.
7.
Il puntatore del mouse si trasformerà nel cursore
Incolla. L'operazione successiva determina le dimensioni
iniziali e il posizionamento della mappa.
Per inserire la mappa nelle dimensioni predefinite, è
sufficiente fare clic con il mouse.
- oppure Per impostare le dimensioni della mappa in modo da
adattarla meglio al design della pagina, trascinare un'area
e rilasciare il pulsante del mouse.
L'icona
Street View può essere trascinata sulla
mappa per visualizzare la posizione sotto il cursore in
Street View. Fare clic per
chiudere la finestra di
Street View. Se non si desidera rendere disponibile
questa funzionalità ai visitatori Web, deselezionare
l'opzione Mostra controllo strada nella finestra di
dialogo.
Aggiunta di marcatori
È possibile aggiungere un numero illimitato di marcatori
rossi alla mappa di Google Map. Ogni marcatore può visualizzare
ulteriori informazioni al passaggio e al clic del mouse.
Per aggiungere un marcatore:
1.
Dalla finestra di dialogo Google Map, fare clic su Aggiungi.
2.
Posizionare il cursore
clic.
3.
Dalla finestra di dialogo Marcatore Google Map, immettere
un Nome per il marcatore. Questa "descrizione comandi"
viene visualizzata al passaggio del mouse e può
rappresentare il nome di un'azienda o di un sito.
4.
Assegnare una Azione su clic al marcatore, ovvero ciò che
viene visualizzato facendo clic sul pulsante. Selezionare una
delle seguenti opzioni:
•
sulla posizione scelta, quindi fare
Etichetta predefinita: il testo viene immesso nella
casella Etichetta. Al momento della pubblicazione,
un clic consente di visualizzare testo semplice in
una casella di callout.
•
Considera etichetta come script: il testo viene
immesso con tag HTML nella casella Etichetta. al
momento della pubblicazione, un clic consente di
visualizzare una casella di callout in formato
HTML.
•
Street View: al momento della pubblicazione, una
finestra di Street View ingrandita viene visualizzata
davanti alla mappa. Fare clic per
finestra di Street View.
5.
chiudere la
Fare clic su OK. Il marcatore viene visualizzato
sull'anteprima della mappa in verde (per indicare la
selezione corrente). Ripetere la procedura per ogni
marcatore.
È inoltre possibile modificare, individuare, spostare o eliminare un
marcatore sulla mappa di Google Map.
Per modificare i marcatori della mappa di Google Map:
•
Fare doppio clic sulla mappa di Google Map sulla
pagina.
•
Dalla finestra di dialogo, selezionare un marcatore
dall'elenco a discesa Marcatori mappa, quindi:
•
Per modificare l'etichetta del marcatore, fare clic su
Modifica e modificare il testo nella casella di
scorrimento Etichetta.
•
Per spostare il marcatore, fare clic su Sposta, quindi
posizionare nuovamente il cursore
•
sulla mappa.
Per eliminare il marcatore, fare clic su Rimuovi.
Per registrare l'impostazione Street View:
1.
Con Azione su clic impostata su Street View, utilizzare i
controlli di panoramica e di zoom della finestra per
impostare la visualizzazione; questa operazione consente
di impostare la direzione (Intestazione), l'angolo (Passo)
e l'ingrandimento (Zoom).
2.
Fare clic su Vista record.
Aggiunta di inserzioni pubblicitarie
Google Adsense è un servizio Google gratuito che consente di
posizionare spazi pubblicitari sulle pagine Web. Gli utenti che
visitano le pagine Web visualizzeranno annunci in base al tipo di
contenuto pubblicato dal sito: il visitatore trae vantaggio da un
facile accesso a opportunità di acquisto personalizzate mentre lo
sviluppatore Web ottiene profitti per compensare il costo di hosting
o semplicemente per disporre di proventi maggiori.
Per ospitare le inserzioni pubblicitarie, gli sviluppatori Web
devono disporre di un account Google Adsense approvato
(www.google.com/adsense), dove è possibile scegliere il tipo e il
formato di annuncio da visualizzare, tenendo presente che ogni
annuncio viene definito unità. È possibile copiare un frammento di
codice generato per unità dal sito Web Google Adsense e
incollarlo nella finestra di dialogo dell'annuncio pubblicitario
Google Adsense di WebPlus.
I tipi di annunci includono unità Annuncio, Immagine,
Collegamento e Video di base. I formati sono diversi in base al tipo
di unità ma variano da Leaderboard (728x90 pixel), Banner
(468x60), Mezzo banner (234x60), Pulsante (125x125) a diverse
dimensioni quali Grattacielo, quadrato e rettangolare.
Google Adsense offre anche rapporti sull'utilizzo completi,
gestione di account, una funzione di filtro e risorse di supporto. Per
ulteriori informazioni, visitare il sito Web all'indirizzo
www.google.com/adsense.
Per accedere a Google Adsense:
•
Visitare il sito Web all'indirizzo
www.google.com/adsense per effettuare la registrazione
o accedere a Google Adsense. Fare clic sul pulsante
Registrati ora per nuovi utenti o accedere utilizzando i
dettagli utente esistenti; ai nuovi utenti verrà chiesto di
immettere l'URL e la lingua del sito, nonché di accettare
i termini e le condizioni di Google.
Quando si effettua la registrazione, è necessario
attendere che Google verifichi che il sito Web sia
appropriato. Si verrà contattati tramite e-mail con la
risposta di Google. Se la registrazione viene approvata,
sarà quindi possibile creare e gestire gli annunci.
Il processo di registrazione analizzerà il sito Web e
fornirà inserzioni pubblicitarie adatte al contenuto del
sito Web.
Per creare e gestire annunci:
1.
Accedere a Google Adsense.
2.
Da Impostazioni AdSense, scegliere AdSense per i
contenuti, quindi seguire la procedura guidata per
selezionare un'unità annuncio, il formato, lo stile agli
angoli e un canale di rilevamento.
3.
Copiare il frammento di codice generato dell'unità
Adsense fornito per l'unità annuncio. È necessario
incollare questo frammento di codice in WebPlus.
Per inserire annunci nella pagina Web:
1.
Selezionare una pagina Web (o pagina master) su cui si
desidera posizionare l'annuncio.
2.
Fare clic su
Inserisci annuncio Google Adsense
sul riquadro a comparsa E-Commerce della barra degli
3.
Incollare il frammento di codice copiato in precedenza
per l'unità facendo clic su Incolla dagli Appunti. Il
frammento viene visualizzato nella finestra di dialogo e
non può essere modificato.
4.
Fare clic su OK.
5.
Il puntatore del mouse si trasformerà nel cursore
Incolla. Posizionare il cursore dove si desidera collocare
l'annuncio, quindi fare clic per inserire l'annuncio nelle
dimensioni originali. L'annuncio non può essere
ridimensionato.
Per modificare l'annuncio:
1.
Modificare il formato e il colore dell'unità annuncio da
Impostazioni AdSense sul sito Web Google Adsense,
quindi copiare il frammento di codice.
2.
Fare doppio clic sull'annuncio sulla pagina.
3.
Incollare il frammento di codice nella casella di testo
facendo clic su Incolla dagli Appunti.
4.
Fare clic su OK.
Utilizzo dei lightbox
I lightbox sono un modo semplice di visualizzare versioni di
immagini a comparsa di maggiori dimensioni dalle miniature
aggiunte alla pagina Web. Se si è utilizzata la funzione Galleria
foto, si sarà già a conoscenza di questo concetto. Un grande
vantaggio dei lightbox è la possibilità di visualizzare le immagini
di maggiori dimensioni su richiesta e di sovrapporle sulla pagina
Web dopo un'animazione scorrevole.
WebPlus offre inoltre una semplice funzionalità di presentazione
(pag. 132) per mostrare le immagini presenti sulla stessa pagina
Web.
Per creare un lightbox per un'immagine sulla pagina
Web:
1.
Selezionare l'immagine (preferibilmente una miniatura).
2.
Creare un collegamento ipertestuale per l'immagine
(fare clic su Collegamento ipertestuale... dal menu
Inserisci o fare clic con il pulsante destro del mouse;
vedere pag. 105).
3.
Selezionare Immagine dal menu, scegliendo una finestra
di destinazione dall'elenco a discesa Tipo di Lightbox.
4.
(Opzionale) Fare clic su Opzioni Lightbox... per
aggiungere una didascalia all'immagine nel lightbox
utilizzando la casella Didascalia.
5.
Fare clic su OK.
Per limitare le dimensioni di visualizzazione di questa immagine
con lightbox collegata, WebPlus riduce in scala immagini molto
grandi a una larghezza e a un'altezza massime (800 x 660 pixel per
impostazione predefinita) mantenendo sempre le rispettive
proporzioni. Le immagini con dimensioni native minori di queste
dimensioni massime rimangono invariate. La larghezza e l'altezza
massime possono essere modificate. (Vedere Impostazione delle
proprietà del sito a pag. 40).
Per creare un lightbox in un'immagine locale:
•
Come sopra, ma scegliere l'opzione File anziché
Immagine.
Sarà possibile incorporare o collegare l'immagine; in entrambi i
casi, l'immagine viene visualizzata sempre utilizzando le relative
dimensioni dell'immagine nativa.
Presentazioni lightbox
È possibile creare semplici presentazioni lightbox basate sulle
immagini già posizionate sulla stessa pagina Web. Il lightbox
stesso disporrà di controlli per la visualizzazione della
presentazione.
Per creare una presentazione lightbox:
1.
Creare un lightbox per un'immagine sulla pagina Web
(come sopra).
2.
Dalla finestra di dialogo Collegamenti ipertestuali, fare
clic su Opzioni Lightbox....
3.
Dalla finestra di dialogo Opzioni Lightbox, immettere un
nome della presentazione nell' elenco a discesa
Presentazione. Questo nome viene utilizzato per
consentire l'aggiunta di altre immagini a questa
presentazione. Fare clic su OK.
4.
Ripetere la procedura per l'immagine successiva sulla
stessa pagina. Il nome della presentazione creato in
precedenza verrà visualizzato per altre immagini.
Selezionare il nome della presentazione da includere.
5.
(Opzionale) Immettere il testo della didascalia.
6.
Fare clic su OK.
Le presentazioni lightbox si applicano solo alle immagini
sulla stessa pagina. Se le immagini vengono aggiunte a
una presentazione da pagine diverse, verrà creata una
nuova presentazione per ogni pagina.
Lightbox su qualsiasi destinazione del
collegamento ipertestuale
I lightbox non sono limitati solo alla visualizzazione di immagini.
Il lightbox è in effetti un tipo di finestra all'interno del quale è
possibile visualizzare qualsiasi destinazione del collegamento
ipertestuale, in genere una pagina nel sito (ad esempio un modulo
o una pagina di accesso), una pagina Internet, blog, forum o feed
RSS. È inoltre possibile visualizzare un file Word, PDF o qualsiasi
altro tipo di file (utilizzando l'opzione File) nel lightbox.
Per creare un lightbox su qualsiasi destinazione del
collegamento ipertestuale:
1.
Selezionare un oggetto (immagine, pulsante o qualsiasi
altro oggetto).
2.
Creare un collegamento ipertestuale per l'oggetto (fare
clic su Collegamento ipertestuale... dal menu Inserisci
o fare clic con il pulsante destro del mouse).
3.
Assicurarsi che la finestra di destinazione dall'elenco a
discesa Tipo sia impostata su Lightbox.
4.
(Opzionale) Fare clic su Opzioni Lightbox... per
impostare le dimensioni di Larghezza e Altezza del
lightbox.
Impostazione delle proprietà globali di
lightbox
Analogamente alla maggior parte delle impostazioni in WebPlus, è
possibile personalizzare le impostazioni di lightbox per il sito
corrente. È possibile regolare le impostazioni per i controlli
generali lightbox (incluso il tipo di bordo), i controlli della
didascalia (carattere, dimensioni carattere, colore carattere,
opacità) e le impostazioni di sfondo (colore e opacità).
Per modificare le proprietà di lightbox per il sito:
1.
Da File>Proprietà sito..., selezionare l'opzione di menu
Lightbox.
2.
Modificare le impostazioni nelle sezioni Generale,
Didascalia e Impostazioni sfondo.
3.
(Opzionale) Visualizzare l'anteprima del sito utilizzando
il pulsante Anteprima Lightbox..., ottimizzando le
impostazioni tra le anteprime.
Lightbox della galleria foto
È possibile creare gallerie foto in stile lightbox (vedere pag. 361)
se si utilizza una galleria foto JavaScript; è disponibile uno stile
della galleria specificatamente per lightbox.
Se si sceglie questo stile, è possibile configurare le impostazioni di
lightbox che sovrascriveranno le impostazioni Proprietà sito
globali.
Inserimento di pannelli
I pannelli sono caselle di informazioni rettangolari sovrimposte
sulla pagina Web. Contengono informazioni di testo o grafiche o
entrambe. La possibilità di sovrapporre i pannelli consente di
aumentare la quantità di informazioni disponibili al visitatore Web
senza modificare il contenuto della pagina Web sottostante.
È possibile visualizzare i pannelli solo quando desiderato, facendo
clic o passando con il puntatore del mouse su pulsanti, oggetti
della Galleria o immagini. È inoltre possibile impostarne la
visualizzazione permanente, opzione ideale per le barre di
navigazione che non scompaiono mai durante lo scorrimento della
finestra.
I pannelli sono versatili e possono essere utilizzati per presentare:
•
Eventi esposti
•
Informazioni sulle vendite
•
Moduli Acquista ora PayPal
•
Suggerimenti e consigli utili
•
Informazioni di accesso rapido, ad esempio dettagli di
contatto e scelte rapide da tastiera.
•
Navigazione "sempre attiva" (Per ulteriori informazioni,
consultare la Guida di WebPlus).
•
Strumento di ingrandimento dell'immagine
Per agevolare la creazione di pannelli professionali, WebPlus
fornisce una straordinaria selezione di sfondi moderni su cui basare
il pannello. In alternativa, è possibile personalizzare ulteriormente
uno sfondo preimpostato o creare uno sfondo del pannello da zero
in Studio design di WebPlus (vedere pag. 139).
Inserimento del pannello
Per inserire un pannello:
1.
Dal riquadro a comparsa Navigazione della barra degli
strumenti Oggetti Web
Inserisci pannello.
, fare clic su
2.
(Opzionale) Dalla finestra di dialogo, fornire un ID
HTML per il pannello. Questa opzione può essere
mantenuta com'è, poiché l'ID sarà sempre univoco.
3.
Dalla finestra di dialogo, fare clic sul riquadro di
anteprima del pannello.
4.
Selezionare un tipo di pannello preimpostato dal riquadro
a comparsa. Nel riquadro di anteprima viene visualizzato
il design del pannello selezionato.
5.
(Opzionale) Trascinare il cursore Trasparenza per
impostare il grado di trasparenza del pannello rispetto al
relativo sfondo. Per visualizzare le modifiche, sarà
necessario visualizzare l'anteprima della pagina.
6.
Selezionare Allinea pannello a finestra del browser per
rendere il pannello sempre disponibile e fisso in una
posizione quando il visitatore Web scorre la pagina Web.
Impostare un Allineamento orizzontale e un
Allineamento verticale per controllare il
posizionamento del pannello di controllo.
7.
(Opzionale) Selezionare Pannello inizialmente nascosto
per nascondere il pannello alla chiusura della finestra di
dialogo. In genere, è possibile lasciare questa opzione
deselezionata inizialmente per consentire la
progettazione del pannello.
8.
Fare clic su OK.
9.
Posizionare il cursore nel punto in cui si desidera
collocare l'angolo superiore sinistro del pannello.
10. Per inserire il pannello a una dimensione predefinita, è
- oppure Per impostare le dimensioni del pannello, trascinare
I pannelli possono essere spostati e ridimensionati
come per qualsiasi oggetto creato in WebPlus.
Per modificare un pannello:
•
Fare doppio clic sul pannello e apportare le modifiche
seguendo la procedura sopra descritta.
Aggiunta di contenuto al pannello
È necessario considerare il pannello come un blocco predefinito
vuoto che può essere sviluppato utilizzando gli strumenti e le
funzioni standard di WebPlus. Se gli oggetti vengono creati
nell'area del pannello, essi appartengono al pannello. Questo si
estende a oggetti quali cornici di testo, testo artistico, tabelle,
QuickShapes e immagini. Il trascinamento del pannello comporta
lo spostamento dei relativi oggetti associati.
Come mostrare/nascondere il pannello
Perché nascondere il pannello una volta che lo si è progettato? Le
potenzialità dei pannelli deriva dalla possibilità di nasconderli e
quindi visualizzarli mediante un'azione di rollover o facendo clic
su un oggetto della pagina. Questo significa che i pulsanti, le
immagini e gli oggetti della galleria possono rivelare informazioni
più dettagliate solo quando necessario.
Per consentire che ciò si verifichi,
l'oggetto deve essere "attivato", ovvero
un'azione viene avviata in risposta al
rollover o al clic.
Tale operazione si verifica assegnando un'azione (Per ulteriori
informazioni, consultare la Guida di WebPlus) e un pannello già
creato all'oggetto contemporaneamente.
Per assegnare un'azione e un pannello:
1.
Fare clic con il pulsante destro del mouse sull'oggetto e
selezionare Azioni....
2.
Dalla finestra di dialogo, fare clic su Aggiungi... e
scegliere Visibilità dal riquadro a comparsa.
3.
Selezionare il pannello dall'elenco a discesa ID
pannello, quindi un evento dall'elenco a discesa Evento.
L'evento correlato al comportamento che si verifica
quando si esegue un'azione (ad esempio, quando si fa
clic o si esegue il rollover dell'oggetto).
4.
(Opzionale) Per impostazione predefinita viene applicata
un'animazione Dissolvenza del pannello, con Velocità
della dissolvenza regolabile, ma è possibile disattivare
l'effetto animazione deselezionando Dissolvenza.
5.
Fare clic su OK.
Infine, il pannello può essere nascosto con un singolo clic una volta
completata la progettazione.
Per nascondere un pannello selezionato:
•
Nascondi pannello.
Il pannello viene sostituito da un'icona Pannello nascosto.
Il pannello è comunque presente e può essere visualizzato
nuovamente disattivando il pulsante Nascondi pannello (facendo
clic). L'opzione Nascondi pannello corrisponde all'opzione
Pannello inizialmente nascosto della finestra di dialogo.
Alla pubblicazione della pagina, il pannello verrà visualizzato al
rollover dell'oggetto della pagina.
Creazione di sfondi personalizzati del
pannello
Se si desidera modificare ulteriormente le impostazioni predefinite
dello sfondo scelto oppure creare uno sfondo da zero, è possibile
utilizzare Studio design, un ambiente di design dello sfondo simile
a Studio pulsante. Con questo strumento è possibile concentrarsi
sul design dello sfondo senza distrarsi con gli altri oggetti sulla
pagina, poiché il design viene visualizzato al centro della pagina
isolato.
Per creare uno sfondo personalizzato:
1.
(Opzionale) Dalla finestra di dialogo Proprietà pannello,
selezionare un'impostazione predefinita da utilizzare
come base per il nuovo sfondo.
2.
Dalla stessa finestra di dialogo, fare clic sul pulsante
Modifica. Studio design viene avviato con lo
sfondo ingrandito per adattarlo allo spazio di lavoro.
3.
Mediante gli strumenti e le schede WebPlus standard,
personalizzare lo sfondo a proprio piacimento,
utilizzando la relativa scheda Procedura per progettare
lo sfondo in modo interattivo.
4.
Fare clic su Applica modifiche sulla barra degli
strumenti principale per uscire. Lo sfondo modificato
viene aggiornato nella posizione originale.
Studio design consente di impedire
selettivamente che gli oggetti del pannello vengano
ridimensionati o allungati: i riquadri a comparsa Scala
orizzontale e Scala verticale sulla barra degli
strumenti di Studio forniscono il controllo assoluto degli
oggetti. Per ulteriori informazioni, vedere la scheda
Procedura.
Inserimento di separatori
Anziché progettare i separatori come la barra di navigazione
personalizzata (pag. 91), è possibile creare separatori
indipendentemente dalle barre di navigazione. I separatori
indipendenti sono utilizzati principalmente tra pulsanti in pannelli
precedentemente convertiti da una barra di navigazione.
Per inserire un separatore:
1.
Dal riquadro a comparsa
Navigazione della barra
separatore.
Inserisci
2.
Dalla finestra di dialogo, fare clic sulla casella a scacchi
per visualizzare una serie di riquadri a comparsa di
impostazioni predefinite.
3.
Selezionare un separatore preimpostato.
4.
Fare clic su OK.
Per creare un separatore personalizzato:
1.
Dalla finestra di dialogo riportata sopra, fare clic su
Modifica.
2.
In Studio design (vedere sopra), utilizzare gli strumenti
e le schede WebPlus standard per personalizzare il
separatore a proprio piacimento, utilizzando la relativa
scheda Procedura per progettare il separatore in modo
interattivo.
Aggiunta di punti attivi
Il punto attivo è un'area di collegamento ipertestuale trasparente in
una pagina Web. I punti attivi, generalmente posizionati sopra gli
elementi grafici, fungono da "pulsanti" tramite cui, se selezionati in
un browser Web, viene restituita una risposta. Sono
particolarmente utili se si desidera consentire al visitatore di fare
clic su parti diverse di un'immagine. I punti attivi possono essere
disegnati e modificati a mano oppure creati per associarli a una
forma o un'area esistente.
Per disegnare un punto attivo:
1.
Inserisci punto attivo nella
barra degli strumenti Oggetti Web.
2.
Fare clic e trascinare per disegnare un'area punto attivo
rettangolare. Verrà visualizzata la finestra di dialogo
Collegamenti ipertestuali.
3.
collegamento, quindi immettere la destinazione specifica
del collegamento ipertestuale (vedere Selezione della
destinazione di un collegamento ipertestuale a pag. 1).
4.
Fare clic su OK. Nella pagina verrà visualizzata l'area di
un punto attivo.
Per associare un punto attivo a una forma esistente:
1.
Disegnare il punto attivo come descritto in precedenza e
creare la forma secondo le istruzioni disponibili in
Disegno e modifica di forme a pag. 380.
2.
Selezionare entrambi gli oggetti e scegliere Adatta
punto attivo a forma nel menu Strumenti. L'area del
punto attivo viene fatta corrispondere al profilo della
forma. In fase di pubblicazione, solo la forma risponde al
passaggio del cursore.
Il punto attivo e la forma continueranno a essere
separati, pertanto è possibile eliminare facilmente la
forma se non è più necessaria, una volta utilizzata come
modello per generare un punto attivo di una forma
desiderata.
Per modificare un collegamento ipertestuale punto
attivo:
•
Utilizzando lo strumento Puntatore, fare doppio clic sul
punto attivo.
Verrà visualizzata la finestra di dialogo Collegamenti ipertestuali
con la destinazione del collegamento del punto attivo corrente.
•
Per modificare il collegamento ipertestuale selezionare
un nuovo tipo di destinazione e/o una nuova destinazione
del collegamento.
•
Per rimuovere il collegamento ipertestuale, modificare la
destinazione del collegamento in Nessun collegamento
ipertestuale.
Modifica dei punti attivi
È possibile spostare e ridimensionare i punti attivi nella pagina,
proprio come per gli altri oggetti. Un punto attivo selezionato
dispone sia di un riquadro di delimitazione esterno sia di un profilo
interno che servono per scopi diversi.
Per spostare o ridimensionare un punto attivo:
•
Fare clic per selezionare il punto attivo, quindi:
•
Per spostarlo, fare clic e trascinarlo dal centro o dal
relativo riquadro di selezione. Per vincolare il punto
attivo a un movimento verticale oppure orizzontale,
tenere premuto il tasto Maiusc durante il
trascinamento.
•
Per ridimensionarlo, fare clic e trascinarlo dalle
maniglie esterne (riquadro di selezione).
Modificando il profilo interno, è possibile convertire i punti attivi
rettangolari in tracciati a mano libera che corrispondono
esattamente alle parti dell'elemento grafico sottostante che si
desidera siano "attive". Per modificare il profilo, spostare
innanzitutto il puntatore del mouse sul profilo interno del punto
attivo finché il cursore non cambia per indicare se si è sopra un
nodo o una linea.
Per creare un nodo aggiuntivo in un punto attivo:
•
Fare clic su un qualsiasi tratto del profilo del punto attivo
quando viene visualizzato il cursore
. Trascinare il
nuovo nodo in posizione per modificare il profilo del
punto attivo.
Per modificare la forma del profilo di un punto attivo:
•
Fare clic su un nodo e trascinarlo quando viene
visualizzato il cursore
.
Aggiunta di rollover
Il termine rollover si riferisce a un'interazione fra il mouse e
un'immagine. Ad esempio, è possibile puntare il mouse su
un'immagine e vedere immediatamente come cambia in
un'immagine differente (di seguito). Un'immagine il cui aspetto
cambia in risposta a un evento del mouse è denominata elemento
grafico rollover. Gli eventi del mouse sono in genere il passaggio
del mouse o la pressione di un pulsante del mouse: lo stato
dell'elemento grafico cambia in risposta a tali eventi, passando a
un'altra variante dell'immagine originale.
È possibile importare direttamente elementi grafici rollover creati
in Serif DrawPlus. Per ulteriori informazioni, vedere la Guida di
WebPlus.
Opzioni rollover
L'aggiunta di rollover implica sostanzialmente la decisione degli
stati da definire e la specifica di una variante dell'immagine per
ciascuno stato scelto. In WebPlus sono disponibili varie opzioni:
Stato Normale
è lo stato a
"riposo"
dell'immagine
prima
dell'applicazion
e del rollover
ed è sempre
definito.
Stato Sopra
è lo stato
attivato dal
passaggio del
mouse,
quando il
puntatore si
trova
direttamente
sopra
l'immagine.
Stato Giù
è lo stato
attivato
facendo clic
sull'immagine
tenendo
premuto il
pulsante del
mouse.
Un altro stato, Giù+Sopra (non mostrato), viene attivato dal
passaggio del mouse quando è già stato fatto clic sull'immagine.
È anche possibile specificare un evento collegamento
ipertestuale, ad esempio l'apertura di una pagina Web di
destinazione, attivato se l'utente rilascia il pulsante del mouse
quando l'immagine è in stato Giù. Inoltre, è possibile raggruppare i
pulsanti in una pagina in modo che funzionino insieme e che solo
un pulsante del gruppo possa avere lo stato "Giù" in un certo
momento.
Per creare un elemento grafico rollover:
1.
In un programma per la modifica delle immagini, creare
le immagini variabili di origine per ciascuno stato che
verrà definito. Vedere "Creazione di varianti delle
immagini" di seguito.
2.
Inserisci rollover nel riquadro a
Fare clic su
comparsa Immagine della barra degli strumenti Oggetti
standard.
3.
Specificare lo stato rollover (vedere sopra) da attivare per
ciascuna immagine, selezionando le caselle di controllo
della finestra di dialogo Elemento grafico rollover. Per
ciascuno di questi, selezionare il pulsante Sfoglia per
individuare l'immagine di origine corrispondente e
specificare le relative opzioni di esportazione (vedere
Impostazione delle opzioni di esportazione delle
immagini a pag. 332).
4.
Selezionare Incorpora file nel sito per incorporare le
immagini nel sito.
5.
Selezionare Normale o Giù come stato rollover iniziale
del pulsante.
6.
(Opzionale) Fare clic su Imposta... per definire la
destinazione del collegamento ipertestuale del pulsante.
7.
Selezionare Pulsante di opzione per collegare tutti i
pulsanti (di una pagina specifica) per cui è stata
selezionata questa opzione, in modo che solo uno di essi
possa avere lo stato Giù in un dato momento.
8.
Fare clic su OK.
WebPlus visualizza l'immagine assegnata allo stato Normale. Si
consiglia di visualizzare in anteprima la pagina, verificare
ciascuna immagine di rollover, quindi tornare a WebPlus e
apportare le necessarie modifiche. Quando il sito viene visualizzato
in anteprima o pubblicato, WebPlus esegue l'esportazione di un file
di immagine per ogni stato di rollover e il file HTML della pagina
pubblicata include il codice JavaScript per il trapping degli eventi
di rollover.
Per modificare un elemento grafico rollover:
1.
Fare clic con il pulsante destro del mouse oppure fare
doppio clic sull'elemento grafico rollover e scegliere
Modifica rollover....
2.
Selezionare gli altri elementi e fare clic su OK.
Creazione di varianti delle immagini
Per ciascun oggetto con almeno uno stato di rollover attivato, è
necessario specificare un'immagine di origine. Spesso sono le lievi
differenze fra l'immagine Normale e le relative "varianti" che
consentono all'oggetto di cambiare stato. Ad esempio, se è stato
selezionato lo stato "Sopra" di un oggetto, è necessario includere
una variante dell'immagine visualizzabile nella pagina Web quando
si passa sopra al pulsante con il mouse.
Aggiunta di rollover a comparsa
L'utilizzo più comune dei rollover a comparsa in WebPlus consiste
nel passare con il puntatore del mouse su un'anteprima
dell'immagine per visualizzarne la rappresentazione ingrandita, in
genere affiancata alla miniatura. La funzione è di facile utilizzo e
funziona in modo simile alla più avanzata Galleria foto. I rollover
a comparsa dispongono solo di due stati (normale e al passaggio
del puntatore del mouse) e mostrano la stessa immagine o
un'immagine diversa ingrandita nello stato di passaggio del
puntatore del mouse; confrontare questa funzionalità con i rollover
WebPlus che dispongono di un massimo di quattro stati e
funzionano solo con immagini "variante" diverse di dimensioni
identiche.
WebPlus consente di scegliere la posizione e le dimensioni
dell'elemento a comparsa in relazione alla miniatura visualizzata al
passaggio del puntatore del mouse; anche la miniatura può essere
selezionata e ridimensionata in qualsiasi momento.
Se si richiede l'inserimento di didascalie sul rollover a comparsa, è
possibile fare in modo che le didascalie compaiano accanto
all'immagine Sopra. Il testo della didascalia può adottare diversi
attributi quali carattere, grassetto/corsivo, dimensioni, colore.
Per creare un rollover a comparsa:
1.
Rollover a comparsa sul
riquadro a comparsa Immagine della barra degli
strumenti Oggetti standard.
2.
Dalla finestra di dialogo, per l'immagine di rollover
Normale, fare clic sul pulsante Sfoglia, quindi
individuare e selezionare l'immagine. Fare clic su
Apri....
3.
Per l'immagine Sopra, viene utilizzata per impostazione
predefinita l'immagine Normale scelta in precedenza (in
genere per miniature di foto). Tuttavia, è possibile
utilizzare Sfoglia... per utilizzare un'immagine
completamente diversa.
4.
(Opzionale) Per effettuare un collegamento ipertestuale
dall'immagine Normale, fare clic sul pulsante Imposta...
e immettere un URL. L'utente passa alla destinazione del
collegamento ipertestuale facendo clic sull' immagine.
5.
(Opzionale) Per entrambe le immagini, specificare
Esporta opzioni... per l'immagine (vedere Impostazione
delle opzioni di esportazione delle immagini a
pag. 332).
6.
(Opzionale) Selezionare Incorpora file immagine nel
sito per incorporare le immagini nel sito.
Affinché i rollover a comparsa funzionino in modo efficace, è
necessario posizionare le immagini Normale e Sopra sulla pagina.
Il posizionamento viene effettuato da una finestra di dialogo
dedicata, dove ciascuna immagine di stato può essere spostata e
ridimensionata mediante trascinamento (o impostando i valori di
pixel assoluti). Ciascuna immagine adotta un bordo colorato, verde
per lo stato Normale, blu per lo stato Sopra.
Per posizionare immagini di rollover:
7.
Nella finestra di dialogo Elemento grafico rollover, fare
clic sul pulsante Imposta posizione rollover... nella
parte inferiore della finestra di dialogo.
8.
Dalla finestra di dialogo, selezionare un'immagine.
L'elenco a discesa indica lo stato di selezione corrente,
ovvero
•
Selezione Normale: è selezionata un'immagine
Normale che mostra un bordo verde.
•
Selezione Sopra: è selezionata un'immagine Sopra
che mostra un bordo blu.
•
Selezione Didascalia: è selezionato il testo della
didascalia che mostra un bordo rosso (visualizzato
solo quando la funzione delle didascalie è attivata).
Se si deseleziona un'immagine, l'elenco a discesa mostra
Nessuna selezione.
9.
Riposizionare le selezioni trascinando e/o
ridimensionando le selezioni dalle maniglie agli angoli
(le proporzioni sono sempre mantenute durante il
trascinamento). In alternativa, immettere i valori
Sinistra, In alto, Larghezza e Altezza nelle caselle di
immissione per un posizionamento ottimale. Le frecce
Giù della casella forniscono un elenco a discesa che
mostra gli ultimi tre valori utilizzati per Normale, Sopra
e Didascalie (dalla parte superiore a quella inferiore); in
tal modo è possibile allineare esattamente le immagini.
10. (Opzionale) Selezionare Posizione relativa a immagine
normale per mantenere la posizione dell'immagine Sopra
in relazione all'immagine Normale (quando l'immagine
Normale viene ridimensionata).
11. (Opzionale) Deselezionare Mantieni proporzioni per
consentire il ridimensionamento dell'immagine Normale
o Sopra non vincolato. È necessario quindi utilizzare le
caselle di immissione (non trascinare) per influire sul
ridimensionamento non vincolato.
12. Fare clic su OK. L'immagine Normale verrà visualizzata
sulla pagina, ma l'immagine Sopra comparirà solo dopo
la visualizzazione dell'anteprima o la pubblicazione.
Accumulando ulteriori immagini Normali come rollover a
comparsa separati sulla pagina Web, è possibile creare una galleria
di immagini a comparsa accattivante, dove ogni immagine
Normale fa parte di una sequenza di miniature selezionabili.
Per modificare un rollover a comparsa:
•
Fare doppio clic sull'immagine Normale sulla pagina per
visualizzare la finestra di dialogo Elemento grafico
rollover. Modificare le impostazioni in base alle proprie
esigenze.
Per aggiungere didascalie alle immagini Sopra:
1.
Nella finestra di dialogo Elemento grafico rollover,
selezionare Visualizza didascalia con Immagine di
rollover.
2.
Immettere il testo della didascalia nella casella di
immissione Didascalia.
3.
Impostare gli attributi di testo per il testo della didascalia
utilizzando gli elenchi a discesa Carattere e
Dimensioni, nonché le caselle di controllo Grassetto e
Corsivo. Per applicare il colore di testo, utilizzare la
galleria a discesa Colore testo.
4.
Selezionare Applica colore sfondo per attivare un colore
da selezionare dalla galleria a discesa adiacente.
5.
Fare clic su OK.
Il testo della didascalia è correlato solo all'immagine Sopra; quindi,
per posizionare il testo accanto all'immagine Sopra è necessario
fare doppio clic sull'immagine Normale sulla pagina. Dalla finestra
di dialogo, fare clic sul pulsante Imposta posizione rollover... e
riposizionare il testo (come per le immagini Normale e Sopra).
Tutto il testo della didascalia selezionato viene visualizzato con un
bordo rosso durante l'anteprima.
Aggiunta di
6
Aggiunta di oggetti web dinamici
Associazione di codice HTML
In WebPlus, è possibile creare pagine in formato HTML (vedere
Creazione di pagine HTML a pag. 76). Tuttavia, WebPlus
consente anche di associare codice agli oggetti WebPlus (ad
esempio, in cornici o celle di tabella) e alle pagine, principalmente
per espanderne le capacità rendendoli più intelligenti e interattivi.
L'oggetto o la pagina può generare dinamicamente contenuti
oppure può essere modificato in modo da cambiare aspetto nella
relativa area mediante il contenuto script incorporato.
Non è possibile modificare il codice HTML (tale operazione non
produrrebbe alcun vantaggio), ma alcune aree specifiche del codice
visualizzato sono modificabili consentendo l'aggiunta di altro
codice, ad esempio, verranno visualizzati segnaposto chiaramente
identificabili (testo circondato da una luce bianca) nella finestra
della scheda Origine.
Si tratta solo di alcuni esempi dei segnaposto modificabili presenti
nel codice sorgente di un frammento, di un oggetto o di una pagina
HTML (infatti, esistono segnaposto con nomi diversi a seconda del
tipo di elemento). Ad esempio, l'ultimo segnaposto illustrato
nell'elenco precedente è specifico del codice sorgente di una
pagina, pertanto non sarà presente in un frammento o in un oggetto
HTML.
È possibile inserire qualsiasi codice tagliandolo e incollandolo in
qualunque posizione indicata dai segnaposto, ma in genere
vengono inclusi token, codice HTML o script specifici, ad
esempio JavaScript. Questa funzionalità può essere utilizzata per
modificare il comportamento di rollover di un oggetto, operazione
altrimenti impossibile senza il supporto di script, ad esempio, il
gestore eventi "OnClick" di un'immagine.
Aggiunta di codice HTML
WebPlus consente anche di visualizzare il codice sorgente di una
pagina, permettendo di aggiungere altro codice HTML alla pagina
stessa. Utilizzando questo approccio è possibile includere
frammenti copiati da un'altra pagina Web o scritti dall'utente.
È possibile anche importare testo HTML formattato da un browser
o da un programma e-mail tramite gli Appunti (ad esempio, con i
comandi Seleziona tutto e Copia di un browser), utilizzando il
comando File>Incolla speciale... di WebPlus.
Prima dell'importazione del codice HTML, WebPlus consente di
posizionare sulla pagina una finestra Frammento codice HTML.
Prestare attenzione a posizionare la finestra in modo corretto,
poiché non è possibile controllare l'effetto del codice HTML finché
non si visualizza l'anteprima del sito. È importante verificare la
pagina Web in un browser. Se si verifica un problema, controllare
il codice e la posizione in cui è stato inserito nella pagina WebPlus
(procedere al ridimensionamento, se necessario). Se si ha una
conoscenza di base del linguaggio HTML, esaminare l'origine delle
pagine Web in un editor di testo, ad esempio il Blocco note, o
utilizzare la modalità "Visualizza sorgente" del browser.
Per aggiungere un frammento di codice HTML a una
pagina:
1.
Copiare negli Appunti il codice HTML dal relativo file
sorgente originale.
2.
Inserisci codice HTML nella
3.
Fare clic sulla pagina o sul tavolo di montaggio per
creare una nuova finestra Frammento codice con
dimensioni predefinite oppure utilizzare il trascinamento
per creare una finestra con le dimensioni desiderate.
4.
Nella finestra di dialogo, utilizzare il pulsante Incolla su
intestazione o Incolla su corpo per inserire il testo
contenuto negli Appunti nell'intestazione o nel corpo del
file.
- oppure Utilizzare la finestra di codice scorrevole. Inserire uno o
più frammenti di codice HTML nel campo appropriato.
5.
(Opzionale) Se il codice richiede file esterni, utilizzare il
pulsante Aggiungi... per individuarli. Fare clic sul
pulsante Rendi collegato se si desidera che i file restino
separati dal sito.
6.
Fare clic su OK per chiudere la finestra di dialogo. Il
codice verrà visualizzato sulla pagina nella finestra
Frammento codice HTML.
Aggiunta di JavaScript
Per accedere a una vasta gamma di codice JavaScript, cercare i
termini "snippet javascript" utilizzando il proprio motore di ricerca
preferito. Verranno individuati migliaia di siti che rendono
disponibili gratuitamente snippet di codice. La maggior parte dei
siti indica chiaramente la funzione svolta dal codice JavaScript e,
in genere, consente di selezionare e copiare il codice JavaScript
che può essere incollato nella finestra Origine di un frammento
HTML, un oggetto o una pagina, nella cella di una tabella HTML o
direttamente nella pagina.
Di seguito viene illustrata la procedura per aggiungere alcuni
JavaScript (copiati o scritti dall'utente, se esperto di
programmazione JavaScript).
Per una migliore comprensione della procedura, confrontare i due
codici di esempio seguenti. Nella finestra Origine viene aggiunto
uno snippet di codice JavaScript molto semplice che consente la
visualizzazione della data corrente sulla pagina Web. Nella prima
sezione di codice viene utilizzato l'ultimo segnaposto dell'elenco
sopra riportato (), mentre nel secondo esempio viene illustrato
l'aspetto del codice dopo la sostituzione del segnaposto con uno
script.
Codice con segnaposto
Codice dopo l'aggiunta del codice JavaScript
In questo esempio viene illustrata la posizione in cui viene inserito
un semplice codice in una finestra Origine.
Per associare il codice a un frammento HTML o a un
oggetto:
1.
Selezionare un frammento HTML o un oggetto esistente.
2.
Dal menu Formato, selezionare Associa HTML....
- oppure Fare clic con il pulsante destro del mouse sull'oggetto e
selezionare la stessa opzione.
3.
Nella finestra di dialogo, scorrere la finestra Origine per
individuare i segnaposto modificabili. La scelta dei
segnaposto dipende dal risultato che si desidera ottenere.
4.
Selezionare tutto il segnaposto e incollare il codice
HTML, lo script o qualsiasi stringa di testo in modo da
sovrascrivere completamente il testo segnaposto.
- oppure Selezionare tutto il segnaposto e scrivere direttamente
nella posizione del segnaposto, sovrascrivendo
completamente il testo segnaposto.
5.
Fare clic sul pulsante OK per tornare alla visualizzazione
normale della pagina.
È possibile utilizzare token per aggiungere una serie di
variabili al codice HTML. Tale funzionalità viene utilizzata
per la navigazione breadcrumb che viene aggiornata
automaticamente in caso di aggiunta, rimozione o
modifica delle pagine del sito.
Per script più complessi, potrebbe essere necessario aggiungere file
di supporto (elementi grafici, file di testo e così via), incorporati o
collegati, utilizzati dallo script inserito. Ciò significa che i file
vengono inclusi nel sito (incorporati) o vengono richiamati con
riferimenti esterni tramite un collegamento (molto simile a un
collegamento ipertestuale). Tenere presente le dimensioni finali del
sito quando vengono incorporate molte immagini.
Per aggiungere file di supporto:
1.
Fare clic sul pulsante Aggiungi....
2.
Dalla finestra di dialogo Apri, selezionare uno o più file
(tenere premuto il tasto Ctrl e Maiusc per selezionare
rispettivamente più file non contigui o contigui). Fare
clic su Apri.
3.
I file vengono indicati nell'elenco File e vengono
incorporati nel sito per impostazione predefinita. Se non
si desidera incorporare i file (riducendo le dimensioni
del sito), selezionare ciascun file e fare clic sul pulsante
Rendi collegato.
4.
Fare clic su OK.
È possibile aggiungere, eliminare e modificare le Opzioni
esportazione di un file in qualsiasi momento.
Per associare il codice a una pagina:
1.
Fare clic su
Associa HTML a pagina nella barra
degli strumenti Standard.
2.
Scorrere la finestra di dialogo per individuare i
segnaposto modificabili. La scelta dei segnaposto
dipende dal risultato che si desidera ottenere.
3.
Selezionare tutto il segnaposto e incollare il codice
HTML, lo script o qualsiasi stringa di testo in modo da
sovrascrivere completamente il testo segnaposto.
- oppure Selezionare tutto il segnaposto e scrivere direttamente
nella posizione del segnaposto, sovrascrivendo
completamente il testo segnaposto.
4.
Per tornare alla visualizzazione normale della pagina,
fare clic sulla scheda Progetto nella parte superiore della
finestra Origine.
Utilizzo di ID
A oggetti, colonne di testo, righe di tabella e celle di tabella viene
sempre assegnato un ID HTML alfanumerico univoco, ad esempio,
per ogni nuovo elemento QuickShape viene creato l'ID "qs_1",
"qs_2" e così via. È possibile includere gli ID nell'esportazione per
consentirne il riferimento nei linguaggi di script nel sito pubblicato.
Per impostazione predefinita, gli ID non sono inclusi
nell'esportazione di tutti gli oggetti (a livello globale), ma possono
essere esportati per ogni singolo oggetto.
Per esportare un ID (per oggetto):
1.
Fare clic con il pulsante destro del mouse su un oggetto e
selezionare ID....
2.
Nella finestra di dialogo, dall'elenco a discesa Scrivi ID
per questo oggetto, selezionare "Sì".
Selezionando "Usa impostazioni predefinite sito",
vengono presi in considerazione i valori impostati in
Proprietà sito: l'opzione "Sì" o "No" indica che l'ID
dell'oggetto viene esportato o meno, indipendentemente
dall'impostazione predefinita del sito.
Per esportare gli ID (a livello globale):
•
Da File>Proprietà sito (opzione di menu Output
HTML), selezionare le caselle di controllo appropriate
per l'oggetto, la colonna di testo, la riga di tabella o la
cella.
Se l'oggetto viene copiato nella stessa pagina o in un
altro sito Web, il numero di ID viene sostituito da un
nuovo numero di ID.
Per definire un nome personalizzato per l'ID, aprire la finestra di
dialogo Modifica ID oggetto.
Per modificare il nome dell'ID di un oggetto:
1.
Fare clic con il pulsante destro del mouse su un oggetto e
selezionare ID....
2.
Nella finestra di dialogo, modificare il valore ID HTML.
Token
WebPlus fornisce una serie di token di annotazione HTML
raggruppati che possono essere associati a frammenti HTML,
oggetti o pagine. Essi vengono sostituiti dai valori "reali" quando
vengono esportati in un file o quando viene visualizzata l'anteprima
della pagina.
Per aggiungere token, inserire semplicemente una stringa di token ,
copiando e incollando o digitando direttamente in una delle
posizioni dei segnaposto di un codice sorgente HTML.
Un elenco completo di tali token è disponibile nella Guida di
WebPlus (cercare il termine token nell'Indice)
Aggiunta di moduli
I moduli basati su Web consentono la raccolta delle informazioni
da parte dei visitatori di un sito Web in modo efficiente e avanzato.
Più o meno nello stesso modo dei moduli cartacei tradizionali
vengono utilizzati per raccogliere informazioni, i moduli basati su
Web offrono gli stessi concetti di completamento del modulo, ma
utilizzano Internet come canale informativo potente. Alcuni tipi di
moduli comuni includono moduli di richiesta, moduli di feedback e
commenti dei visitatori.
I dati dei moduli possono essere raccolti in diversi modi: tramite email, in un file di script locale/remoto o tramite Risorse Web Serif.
Struttura del modulo
I blocchi costitutivi di un modulo includono testo, elementi grafici
e controlli del modulo. I controlli del modulo sono intelligenti
perché raccolgono i dati dei visitatori Web e possono essere
aggiunti, spostati e modificati in modo simile agli oggetti familiari
in WebPlus, quali gli elementi grafici e di tabella. Un controllo può
essere un pulsante, una casella di modifica, un'area di testo, una
casella combinata, una casella di controllo, un pulsante di opzione,
un oggetto CAPTCHA o un browser file. Un modulo tipico, ad
esempio un modulo di feedback email di e-mail, è composto da una
combinazione di alcuni di questi controlli.
Dal punto di vista del visitatore Web, le informazioni vengono
digitate nelle caselle di testo o selezionate da caselle di controllo,
dai pulsanti di opzione o dalle caselle a discesa. Le informazioni
immesse possono essere numeriche, di testo o entrambi, a seconda
del tipo di campo. L'ordine della scheda in base al quale i campi
devono essere completati è configurabile, come la convalida dei
dati immessi (vedere la Guida di WebPlus per ulteriori
informazioni sull'ordine della scheda e la convalida).
Ciascun campo dispone del proprio gruppo di proprietà relative
all'aspetto, ai valori, alla convalida o all'azione prevista del campo.
La funzionalità di un modulo diventa attiva solo quando viene
pubblicato il sito Web (naturalmente è comunque possibile
visualizzare in anteprima i moduli dall'interno di WebPlus, vedere
Anteprima del sito a pag. 421). Quando un visitatore Web
immette dati o seleziona un'opzione del modulo, i dati vengono
nuovamente inviati a una destinazione scelta quando il modulo
viene inviato.
JavaScript può essere utilizzato per consentire l'interattività nei
moduli Web. Esso controlla la formattazione, la convalida, i
calcoli e le azioni; tutte funzioni fondamentali per lo sviluppo del
modulo basato su Web.
Dove vengono inviati i dati?
Dopo l'invio, i dati del modulo possono essere inviati a:
•
un indirizzo e-mail (dello sviluppatore Web).
•
un file di script (memorizzato in locale o in remoto);
questo potrebbe scrivere testo in un file di testo o in un
database del server.
•
Risorse Web Serif; per la transizione dei dati del
modulo sull'indirizzo e-mail dell'utente (tramite Serif).
Nella gestione dei moduli Web, è possibile impostare il tipo di
codifica, la finestra/cornice di destinazione e i metodi di invio
(POST o GET) che possono essere utilizzati.
Creazione di moduli
Sono disponibili vari metodi per creare moduli: è possibile creare
un modulo standard predefinito (opposto), selezionare i singoli
controlli del modulo oppure creare un modulo da zero; i primi due
metodi utilizzano una procedura Creazione guidata modulo di
facile utilizzo.
I moduli standard sono disponibili per i moduli per informazioni di
contatto, commenti dell'utente, l'invio di curriculum, opinioni e
indirizzi.
Per creare un modulo standard:
1.
Fare clic su
Creazione guidata modulo nel
riquadro a comparsa Modulo della barra degli strumenti
Oggetti Web.
2.
Nella finestra di dialogo, fare clic sull'icona Usa e adatta
un modulo standard e quindi su Avanti>.
3.
Dall'elenco dei moduli, selezionare un tipo di modulo
mentre si utilizza il riquadro Anteprima inferiore.
4.
Fare clic su Avanti>.
5.
Nella schermata successiva, scegliere per aggiungere,
modificare o eliminare controlli.
•
Per aggiungere, fare clic su un pulsante nella casella
Aggiungi.
•
Per modificare un oggetto standard, selezionare un
controllo esistente nella finestra e scegliere
Modifica controllo.... Per ulteriori informazioni,
vedere Modifica dei controlli del modulo a
pag. 172.
•
Per eliminare un oggetto standard, selezionare un
controllo esistente nella finestra e scegliere Elimina
(oppure premere il tasto Elimina).
•
Per ridisporre l'ordine dei controlli, utilizzare i
pulsanti
Sposta su e
Sposta giù.
6.
Dopo aver fatto clic su Avanti>, scegliere una
destinazione dei dati del modulo facendo clic su un
pulsante di destinazione. Selezionare Fine per
completare la procedura guidata.
7.
Per inserire la modulo con le dimensioni
predefinite, posizionare il cursore sulla posizione del
modulo e fare clic con il mouse.
Se si desidera una progettazione libera, WebPlus fornisce un
modulo vuoto e oggetti modulo da cui è possibile progettare il
modulo da zero. È possibile aggiungere controlli del modulo o
oggetti modulo standard o entrambi. Per maggiori dettagli, vedere
la Guida di WebPlus.
Per creare un modulo personalizzato (tramite Creazione
guidata modulo):
1.
Fare clic su
Creazione guidata modulo nel
riquadro a comparsa Modulo della barra degli strumenti
Oggetti Web.
2.
Nella finestra di dialogo, fare clic sull'icona Crea un
nuovo modulo dalla procedura guidata quindi su
Avanti>.
3.
Nella schermata successiva, è necessario aggiungere i
controlli del modulo che comporranno il modulo. Nella
casella Aggiungi, eseguire una delle seguenti operazioni:
•
Per un controllo del modulo, fare clic sul pulsante
Pre-definito e selezionare il controllo del modulo
scelto. È necessario fare doppio clic sul nuovo
controllo nella finestra per dare un nome al
controllo.
- oppure -
1.
Fare clic su uno degli altri controlli del modulo da creare
da zero. Vedere la sezione Controlli del modulo a
pag. 168 per una descrizione di ciascun controllo.
2.
Nella finestra di dialogo, utilizzare il nome interno per il
controllo (per identificarlo in modo univoco) oppure
modificarlo e immettere un'etichetta per accompagnare il
controllo (questo viene mostrato su schermo). È inoltre
possibile modificare il controllo utilizzando il pulsante
Modifica controllo. La modifica di un controllo
consente l'impostazione della convalida, del controllo
della lunghezza del modulo e di altri attributi di
controllo. Per ulteriori informazioni, vedere Modifica
dei controlli del modulo a pag. 172. Se è stato
modificato un valore, fare clic su OK.
4.
Ripetere la procedura sopra descritta per ciascun
controllo del modulo scelto in base alle necessità.
Verranno elencati (in ordine di creazione) nella finestra
superiore.
Prima di continuare, è necessario aggiungere al modulo
un controllo del modulo Invia. Questa operazione è
fondamentale per inoltrare i dati alla relativa
destinazione. Fare clic sul pulsante Invia per aggiungere
automaticamente il pulsante al modulo. La procedura
normale prevede di accompagnare questa operazione con
un pulsante Ripristina, utilizzato per cancellare i dati
non ancora inviati dai campi del modulo. Fare clic su
Avanti>.
5.
Dalla finestra di dialogo successiva, scegliere una
destinazione per i dati del modulo facendo clic su un
pulsante di destinazione per e-mail, un file script (locale
o remoto) oppure Risorse Web Serif e un nome per
definire l'intero modulo. (Vedere Invio dei moduli a
pag. 173).
6.
Selezionare Fine per completare la procedura guidata.
7.
Per inserire la modulo con le dimensioni
predefinite, posizionare il cursore sulla posizione del
modulo in cui si desidera che il modulo appaia nella
pagina e fare clic con il mouse.
Controlli del modulo
Ogni controllo del modulo è un oggetto "intelligente" che
differisce dagli oggetti WebPlus. Sono intelligenti perché possono
memorizzare l'immissione del visitatore e inoltrarla a una
posizione principale durante l'invio del modulo. I controlli possono
essere spostati per altri oggetti ma non è possibile applicarvi colori
o trasparenza, bordi regolati o essere ridimensionati.
In Creazione guidata modulo o direttamente nel riquadro a
comparsa Modulo della barra degli strumenti Oggetti Web sono
disponibili diversi controlli del modulo. Si assegna un nome
univoco interno a ciascun campo, quindi si imposta una serie di
proprietà (ogni controllo del modulo ha la propria serie di proprietà
che possono essere modificate).
Icona
del
controllo
del
modulo
Nome del
controllo
del
modulo
Pulsante
Modulo
Quando utilizzarlo
Da utilizzarsi quando
specifica un'azione
attivabile tramite un clic
del mouse. È possibile
creare una serie di
pulsanti con vari design e
funzioni.
I pulsanti Invia e
Ripristina, disponibili in
Creazione guidata
modulo, consentono
rispettivamente di
eseguire l'invio del modulo
e di cancellare tutti i dati
immessi nel modulo.
Casella di
modifica
Da utilizzarsi per l'immissione di
testo a riga singola, numeri o
entrambi. Ad esempio, un
cognome.
Area testo
Da utilizzarsi per l'aggiunta di
testo su più righe, numeri o
entrambi. In genere, viene
utilizzata per l'immissione di
elementi composti da testo o
numeri, ad esempio, una
domanda, una ricetta o un elenco
di dati.
Casella
combinata
Per scegliere da un elenco
scorrevole di voci in un
menu a discesa, dove è
possibile selezionare per
impostazione predefinita
solo una voce, ad esempio
maschio/femmina.
Le caselle combinate
consentono anche di
utilizzare un elenco
scorrevole di voci con il
supporto opzionale della
selezione multipla.
È possibile utilizzare il tasto
Maiusc per selezionare
contemporaneamente una
serie di elementi.
Quando si progettano
caselle combinate con
selezione multipla,
trascinare la parte superiore
o posteriore della casella
combinata per consentire di
visualizzare per
impostazione predefinita
diverse voci.
Casella di
controllo
Risulta la scelta ideale per
selezionare più voci visualizzate
fianco a fianco. Costituisce una
buona alternativa a una casella
combinata se lo spazio lo
consente. Il visitatore Web fa
clic su di essa per selezionarla o
deselezionarla, ad esempio
Si desidera
ricevere una notifica
dei prossimi eventi in
programma?
Pulsante di
opzione
Da utilizzarsi per la selezione di
una singola voce da una
sottoserie raggruppate di opzioni
che si escludono a vicenda. Ad
esempio, è possibile utilizzare
una serie di pulsanti di opzione
per ottenere dal visitatore Web
informazioni sul genere.
Elenco dei file
Utilizzare Elenco dei file per
consentire ai visitatori Web di
caricare file dai propri
computer. Il visitatore si sposta
tramite il pulsante Sfoglia... e
seleziona il file locale
desiderato. Ad esempio, per
caricare immagini, CV, disegni
e istruzioni.
CAPTCHA
Utilizzato come controllo
di sicurezza per la
protezione anti-spam. Il
controllo del modulo
offre al visitatore Web
una stringa di testo
casuale da riprodurre in
una casella di testo. Una
volta superato il
controllo, viene avviato
l'invio del modulo che
può essere eseguito
esclusivamente tramite
Risorse Web Serif.
Viene sempre avviato un
controllo del gateway
CAPTCHA (pag. 173) se
questo controllo non è
presente nel modulo. Se
si utilizza questo
controllo del modulo, il
controllo del gateway
CAPTCHA non verrà
utilizzato.
Modifica dei controlli del modulo
Ciascun tipo di controllo del modulo (pulsanti, campo di testo e
così via) presenta caratteristiche differenti, quindi valori diversi da
modificare. I valori possono essere modificati durante la creazione
del modulo o in un secondo momento dopo l'aggiunta del controllo
al modulo.
Il pulsante Modifica controllo... di Creazione guidata modulo
consente di modificare il controllo durante la fase di creazione. In
alternativa, il controllo può essere modificato successivamente
facendo clic con il pulsante destro del mouse sul controllo del
modulo nella pagina Web e scegliendo l'opzione di modifica, ad
esempio Modifica casella di testo.
Invio dei moduli
Tutti i moduli hanno un elemento in comune: devono essere inviati
per consentire la raccolta dei dati. Per eseguire questa operazione è
possibile creare autonomamente un pulsante di invio oppure
utilizzare il pulsante disponibile in Creazione guidata modulo
(questa seconda procedura è in genere la più utilizzata). Il pulsante
deve essere presente sul modulo e in genere viene utilizzato
insieme a un pulsante Ripristina che consente di eliminare tutti i
controlli dei dati del modulo.
I dati del modulo possono essere inviati utilizzando diversi metodi.
Nessuna
azione
Un
indirizzo
e-mail
I dati del modulo non vengono inviati. Questa
opzione è utile se si desidera disattivare
temporaneamente la raccolta dei dati oppure se
non è stato ancora impostato uno script o Risorse
Web Serif. In un secondo momento è possibile
modificare il modulo (fare clic con il pulsante
destro del mouse quindi scegliere Proprietà
Modifica modulo…) e selezionare un metodo di
invio valido.
Utilizzare questa opzione per ignorare i normali
metodi di invio POST/GET. Quando il pulsante
Invia viene premuto, viene avviato il programma
e-mail predefinito del visitatore Web. I dati del
modulo (passati in una singola stringa) vengono
aggiunti al corpo del messaggio e-mail e sono
pronti per l'invio al destinatario e-mail
configurato. Particolarmente utile se non è stato
impostato uno script locale o remoto.
Si tratta di un metodo di invio non
protetto poiché le informazioni private o
riservate non vengono crittografate.
Per impostare direttamente l'invio tramite
e-mail:
1.
Con l'icona attivata, aggiungere un
Nome modulo.
2.
Immettere l'Indirizzo e-mail di
destinazione oppure selezionare un
indirizzo e-mail già noto dal menu a
discesa.
Questa opzione è destinata a sviluppatori Web
esperti con conoscenze di script.
Un file
script dal
mio disco
rigido
Per impostare un file di script locale:
1.
Con l'icona File script attivata,
aggiungere un Nome modulo.
2.
Individuare il file di script locale, in
genere un file con estensione php, js,
cfm, cgi, pl, dll o exe, utilizzando il
pulsante Sfoglia....
3.
Selezionare Incorpora file per
includere lo script nel sito. Se questa
opzione non viene selezionata, il file di
script resterà separato dal sito, quindi
gli eventuali aggiornamenti dello script
non verranno visualizzati nel sito.
4.
Facoltativamente, il pulsante Opzioni
esportazione... consente di definire il
nome del file Web e la cartella dello
script.
5.
Uno
script
remoto
Scegliere un metodo di invio, un tipo
di codifica, una finestra/cornice di
destinazione e un set di caratteri.
Utilizzare questo metodo se l'ISP non consente
l'esecuzione di script personalizzati nel proprio
spazio Web. È possibile invece che l'ISP fornisca
un file di script di base che può essere collegato
alla propria pagina Web. In genere, lo script
invierà i dati del modulo all'indirizzo e-mail (già
impostato con l'ISP).
Per impostare un file di script remoto:
Risorse
Web Serif
1.
Con l'icona Script remoto attivata,
aggiungere un Nome modulo.
2.
Immettere un URL che indica
direttamente un file di script.
3.
Scegliere un metodo di invio, un tipo
di codifica, una finestra/cornice di
destinazione e un set di caratteri.
Non tutti hanno accesso a un proprio server Web
oppure non desiderano gestirlo. Pertanto, in
alternativa, è possibile utilizzare Risorse Web
Serif (vedere pag. 210). Si tratta di un servizio
gateway e-mail gratuito che consente il transito
dei dati dei moduli tramite Serif e il loro invio
all'indirizzo e-mail personale dell'utente. Per
motivi di sicurezza, il servizio richiede un
accesso di tipo Risorse Web Serif, che consente
di creare, modificare ed eliminare i destinatari email, detti destinazioni e-mail del modulo.
Per impostare Risorse Web Serif:
1.
Con l'icona Risorse Web Serif
attivata, aggiungere un Nome modulo.
2.
Fare clic sul pulsante Seleziona
(accedere a Risorse Web Serif se non è
stato ancora effettuato l'accesso).
3.
Dalla finestra di dialogo, immettere i
dettagli relativi all'indirizzo di
destinazione:
•
Immettere un indirizzo e-mail di
destinazione nella casella
Indirizzo e-mail.
•
Immettere un Oggetto
personalizzato, ovvero la stringa
dell'oggetto visualizzata nel
messaggio e-mail del visitatore
Web, ad esempio Invio e-mail da
Rainbow_WWW: Informazioni di
contatto.
•
Aggiungere il Messaggio di
conferma che verrà visualizzato
dopo che il visitatore Web avrà
fatto clic sul pulsante Invia.
•
Nel campo Lingua impostare la
lingua utilizzata per l'invio del
messaggio di conferma.
Creando un controllo del modulo Casella
di modifica solo per gli indirizzi e-mail, è
possibile inviare anche messaggi e-mail
di conferma al visitatore Web. È
necessario verificare che l'opzione
SWR: Invia e-mail di conferma sia
selezionata nelle proprietà della casella
di modifica. Se un controllo del modulo
CAPTCHA viene aggiunto al modulo,
viene utilizzato un controllo anti-spam;
in caso contrario, viene eseguito un
controllo del gateway CAPTCHA.
Selezionare Rispondimi nella finestra
di dialogo sopra indicata per impostare
l'indirizzo e-mail dello sviluppatore Web
nel campo Rispondi a del messaggio email di conferma. Ciò consente al
visitatore di contattare lo sviluppatore
Web direttamente tramite e-mail.
4.
Fare clic su Aggiungi nuovo. La voce
e-mail viene creata e viene aggiunta
all'elenco delle destinazioni e-mail
disponibili. Si osserverà che la voce è
classificata come "Non confermata".
Prima dell'avvio del servizio, verrà
inviato un messaggio di conferma
all'indirizzo e-mail dell'utente. Facendo
clic sul collegamento, il servizio verrà
attivato e la voce cambierà in
"Confermato".
5.
(Opzionale) Ripetere la procedura
sopra descritta per aggiungere altre
destinazioni e-mail, quindi selezionare
una voce e-mail per attivarla.
6.
Fare clic su OK per uscire.
Verrà visualizzata una pagina di conferma di
base generata da Risorse Web Serif per
confermare la corretta ricezione dei dati del
modulo del visitatore Web. Si consiglia di creare
e assegnare una pagina Web di conferma
personalizzata anziché utilizzare la pagina di
base. Si tratta di una normale pagina Web,
pertanto è possibile aggiungere le proprie
informazioni e impostare lo stesso stile e lo
stesso aspetto del resto del sito.
Per aggiungere una pagina di conferma
personalizzata:
1.
Fare clic con il pulsante destro del
mouse sul modulo (l'invio deve essere
eseguito tramite Risorse Web Serif) e
scegliere Proprietà Modifica
modulo….
2.
Passare alla scheda Campi nascosti,
fare clic sul pulsante Aggiungi e
aggiungere la parola "redirect" nel
campo Nome e l'URL di destinazione
desiderato con il prefisso http:// (ad
esempio, l'indirizzo Web della pagina
di conferma personalizzata) nel campo
Valore.
3.
Fare clic su OK. La nuova pagina Web
viene visualizzata al successivo invio
del modulo.
Nei server Web Serif non viene
memorizzato alcun dato personale. Tutti
i dati dei moduli vengono reindirizzati in
tempo reale.
Gateway CAPTCHA
Per garantire la protezione anti-spam, Risorse
Web Serif utilizza un gateway CAPTCHA se
non è stato aggiunto un controllo del modulo
CAPTCHA direttamente al modulo (vedere
Controlli del modulo a pag. 168). Al momento
dell'invio del modulo, viene attivato un controllo
di sicurezza che fornisce una stringa di testo
casuale che deve essere riprodotta dal visitatore
Web in una casella di testo.
Una volta superato il controllo, viene avviato
l'invio del modulo.
Feed RSS e podcast
I feed RSS (Really Simple Syndication) sono flussi di notizie e
informazioni che cambiano in modo costante e sono molto comuni
sui siti Web caratterizzati da ritmi settati. La popolarità dei feed
RSS è evidente se si utilizzano regolarmente servizi di notizie
basati su Internet. I feed RSS sono indicati sui siti Web mediante
: facendo clic sul simbolo l'utente può effettuare
un simbolo
manualmente o automaticamente la sottoscrizione a quel feed RSS
tramite un lettore RSS.
I podcast sono uguali ai feed RSS ma offrono opzioni leggermente
diverse che riflettono un utilizzo di podcast di oggetti multimediali
digitali quali file audio e video. In poche parole, i feed RSS
pubblicheranno articoli, mentre i podcast trasmetteranno
informazioni come episodi.
In WebPlus, è possibile creare i propri feed RSS o podcast che
possono essere pubblicati e aggiornati con frequenza. In pratica, si
diventa editori (anziché lettori) di uno o più servizi di informazioni
contenenti titoli, riepiloghi del sito o i propri articoli. Per i podcast,
si trasmettono clip multimediali come episodi.
Gli esempi seguenti mostrano un podcast di una scuola fittizia
aggiornato costantemente con collegamenti a contenuti
multimediali (sia audio che video) selezionabili.
I feed RSS e i podcast possono essere configurati in modo molto
simile in WebPlus. Infatti, la procedura per creare il proprio feed
RSS o podcast utilizza lo stesso strumento Feed RSS in WebPlus.
Se si desidera riutilizzare feed RSS/podcast di terze parti e per
aggiungerli alla propria pagina Web, è possibile incorporare un
lettore nella pagina Web utilizzando lo strumento Lettore RSS.
Creazione di feed RSS o podcast
Lo strumento Feed RSS consente di creare uno o più feed
RSS/podcast da cui i visitatori Web possono effettuare la
sottoscrizione tramite il proprio lettore di feed indipendente,
browser Web o Apple iTunes®. Durante la creazione di un feed, è
possibile applicare al feed una serie di impostazioni correlate agli
elementi del feed quali titolo, descrizioni, immagini associate,
informazioni di copyright, categorie, parole chiave e così via.
Per inserire un feed RSS o un podcast:
1.
Strumento Feed RSS sul
riquadro a comparsa RSS della barra degli strumenti
Oggetti Web.
2.
Fare clic sul pulsante Aggiungi feed RSS o Aggiungi
podcast per creare una nuova voce di feed RSS o
podcast. Un nuovo nome di feed denominato Nuovo feed
RSS o Nuovo podcast viene visualizzato nel menu a
sinistra. Con la voce selezionata, viene visualizzato un
elenco di impostazioni per la nuova voce che può essere
modificato facendo clic sulla colonna Valore. Gli elenchi
a discesa, le finestre di dialogo o le caselle di immissione
di testo consentono di aggiungere, selezionare o
modificare i valori per il feed.
3.
Fare clic su OK.
4.
Per posizionare il feed sulla pagina, posizionare il
cursore
e fare clic sul mouse. Viene visualizzato
o
nella posizione del cursore
un pulsante
(rispettivamente per un feed RSS o un podcast).
Per la sottoscrizione automatica con un clic dei podcast,
assegnare un'etichetta al simbolo del podcast indicando
l'applicazione su cui verrà effettuata la sottoscrizione.
Per cambiare il feed con un altro feed:
•
Una volta creato un feed RSS o un podcast, fare doppio
clic sul feed sulla pagina per reindirizzare il pulsante su
un altro feed. È sufficiente selezionare una voce diversa e
fare clic su OK.
Per i podcast, la finestra di dialogo può inoltre
sottoscrivere automaticamente il podcast
sull'applicazione Google Reader, My Yahoo! o iTunes
del visitatore. Selezionare dall'elenco a discesa Apri
podcast con. In caso contrario, per la sottoscrizione
manuale di feed RSS o podcast, viene utilizzata l'opzione
Standard RSS.
Una volta creato il feed RSS o il podcast, è possibile aggiungere
rispettivamente articoli o episodi ai feed, quindi pubblicarli. Una
volta aggiornata, è necessario ripubblicare la pagina Web (vedere
Pubblicazione sul Web a pag. 425).
Per aggiungere o aggiornare articoli o episodi:
1.
Strumento Feed RSS sulla
barra degli strumenti Oggetti Web di WebPlus.
2.
Dalla finestra di dialogo Feed RSS, assicurarsi che sia
selezionato il feed corretto, quindi fare clic sul pulsante
Gestione feed RSS.
3.
A destra della finestra di dialogo, fare clic sul pulsante
Aggiungi articolo o Aggiungi episodio. In questo modo
viene creata una nuova voce, provvisoriamente intitolata
Nuovo articolo (per un feed RSS) o Nuovo episodio (per
podcast) sotto il feed selezionato.
4.
Modificare l'articolo/episodio e le relative impostazioni
(vedere sopra). Gli elenchi a discesa, le finestre di
dialogo o le caselle di immissione di testo consentono di
aggiungere, selezionare o modificare valori per il feed.
5.
Fare clic su OK, quindi nuovamente su OK.
Se si trasmettono file multimediali memorizzati in locale,
verrà richiesto di definire URL sito (vedere pag. 1)
durante la pubblicazione. Questo rende i file locali
accessibili ai visitatori.
Invio dei feed di podcast
Per podcast tramite iTunes, come emittente è necessario inviare il
podcast a iTunes. Il feed del podcast deve essere esaminato dal
personale di iTunes per verificare l'eventuale presenza di problemi
tecnici, un accesso accettabile, l'utilizzo inadeguato di linguaggio
esplicito, materiale offensivo e l'utilizzo improprio di materiale
protetto da copyright. Questo passaggio significa che se il feed è
approvato, gli utenti di iTunes potranno effettuare la sottoscrizione
al feed del podcast.
Per inviare un feed del podcast a iTunes:
1.
Avviare iTunes.
2.
Fare clic su Podcast nella sezione LIBRERIA.
3.
Selezionare Directory podcast nella parte inferiore dello
spazio di lavoro di iTunes.
4.
Dalla casella COLLEGAMENTI RAPIDI PODCAST in
alto a destra della schermata, fare clic su Invia podcast.
5.
Nella schermata successiva, incollare l'URL del feed
nella casella URL feed podcast. L'URL del feed sarà un
URL con un nome file xml (ad esempio, rss_1.xml) alla
fine.
6.
Fare clic su Continua.
Sottoscrizione
Sottoscrizione a feed RSS e podcast
I visitatori Web possono effettuare la sottoscrizione a questi feed
con vari metodi.
Tipo di
sottoscrizione
manuale
Metodo
È sufficiente che il visitatore Web faccia clic
su un simbolo diagnostico che indica il tipo
di feed, come riportato di seguito.
Per feed RSS
Il feed RSS o il podcast pubblicato offre un
pulsante di sottoscrizione selezionabile.
In questo modo è possibile aggiungere il feed
ai preferiti del browser.
- oppure Per podcast
Fare clic per aggiungere il podcast alla home
page iGoogle oppure a Google Reader.
Per ITunes, una volta che l'emittente ha
inviato il proprio feed a iTunes e ha
ricevuto l'approvazione, il visitatore Web
può effettuare la sottoscrizione al podcast nel
modo seguente:
1.
Avviare iTunes.
2. Fare clic su Sottoscrivi
podcast... dal menu di Avanzate.
3. Incollare l'URL del feed nella
casella di immissione della finestra di
dialogo, quindi fare clic su OK. Il
podcast viene visualizzato come voce
nella finestra. L'URL può essere
ottenuto facendo clic sul simbolo del
podcast e copiando l'URL risultante
nella finestra del browser.
automatico
(solo podcast)
Il visitatore Web fa clic sull'icona
(o
sul collegamento ipertestuale associato). Il
podcast e il lettore sono definiti in modo
esplicito, quindi la sottoscrizione è
automatica. Questa azione viene eseguita
facendo doppio clic sul podcast nella
pagina e scegliendo un'opzione dall'elenco
a discesa Apri podcast con.
Anziché un pulsante diretto, è possibile creare un
collegamento ipertestuale (vedere pag. 1) da
qualsiasi posizione nel sito che collega direttamente al
nuovo feed. Viene utilizzato un tipo di destinazione del
collegamento speciale denominato Feed RSS.
Inclusione di feed di terze parti
Anziché creare il proprio feed RSS o podcast, è possibile includere
un feed RSS da un altro sito Web nella propria pagina Web.
L'aggiunta del lettore di feed RSS nella pagina sottoscrive
automaticamente l'utente al feed RSS o al podcast scelto. Esistono
altri modi per effettuare la sottoscrizione a feed RSS o podcast
tramite i browser Web e iTunes, ma nel presente documento verrà
illustrato come includere il feed nella pagina e fare in modo che
riceva automaticamente articoli o episodi.
Di seguito è riportato un esempio di un newsfeed RSS Reuters
aggiunto a una pagina Web di WebPlus:
Per includere un feed RSS o un podcast nella pagina:
1.
Individuare un feed RSS disponibile sulle pagine Web di
servizi di informazione e di notizie diffusi. Cercare uno
dei seguenti simboli distintivi, ad esempio
2.
Copiare l'URL del feed negli Appunti facendo clic con il
pulsante destro del mouse sul simbolo (o sul
collegamento ipertestuale) e scegliendo Copia
collegamento (Internet Explorer), Copia posizione link
(Mozilla Firefox) o Copia indirizzo link (Google
Chrome).
3.
Strumento Lettore RSS sul
riquadro a comparsa RSS della barra degli strumenti
Oggetti Web.
4.
Nella finestra di dialogo, incollare l'URL del feed nel
campo URL feed RSS.
5.
(Opzionale) Selezionare un colore, un carattere,
dimensioni del carattere o uno stile di carattere diverso
per il titolo, l'intestazione o il colore riepilogo del feed.
6.
(Opzionale) Impostare il fuso orario locale per il sito
nell'elenco a discesa Fuso orario.
7.
(Opzionale) Modificare il Formato data (MM/GG o
GG/MM) per la data di pubblicazione dell'articolo
visualizzata nell'intestazione dell'articolo.
8.
Fare clic su OK.
9.
Viene visualizzato un cursore
. Per inserire il feed
in una finestra di dimensioni predefinite, è sufficiente
fare clic con il mouse.
- oppure Più comunemente, per impostare le dimensioni della
finestra del feed, trascinare una regione verso l'esterno e
rilasciare il pulsante del mouse.
La finestra del feed verrà riempita con un colore pesca con l'URL
visualizzato; sarà necessario pubblicare la pagina per visualizzare il
nuovo feed corrente. Ricordare che il contenuto verrà aggiornato
automaticamente quando il feed viene aggiornato sul sito Web
originale.
Per i podcast, quando il visitatore Web visualizza il feed, ogni
episodio può essere riprodotto facendo clic sul collegamento audio,
in genere puntando su un file MP3. Una volta scaricato e salvato, il
file può essere riprodotto su un lettore predefinito correntemente
impostato (ad esempio Windows Media Player).
Informazioni sull'e-commerce
Con il termine e-commerce si indica la vendita e l'acquisto di merci
su Internet. Oggi oramai in quasi tutte le sessioni Internet sono
presenti offerte di vendita online e, sicuramente, quasi tutti gli
utenti hanno compilato almeno una volta un modulo di acquisto
Internet per acquistare online CD, libri, vacanze e così via. I siti
che supportano questo tipo di attività di e-commerce in genere
utilizzano un sistema di carrello della spesa e un sistema per
l'elaborazione dei pagamenti. Il carrello della spesa è un cestino
virtuale (si pensi al carrello del supermercato) che contiene gli
articoli scelti e viene utilizzato insieme a un sistema di
elaborazione dei pagamenti (che sostituisce la cassa del
supermercato).
Le grandi aziende sviluppano la tecnologia del carrello della spesa
internamente mentre, spesso, l'elaborazione dei pagamenti viene
affidata ad altre aziende. A causa delle limitazioni di
risorse/capitali, per le aziende più piccole il carrello della spesa è in
genere una soluzione di terze parti. Esistono molti fornitori di
carrello della spesa. Tutti offrono un sistema basato sugli account e
sull'utilizzo di carte di credito invece di canali di pagamento
tradizionali (ad esempio, il telefono).
Qual è il ruolo di WebPlus in questo ambiente? Innanzitutto,
WebPlus consente di scegliere uno dei numerosi fornitori di
carrello della spesa, quindi permette la connessione al fornitore del
carrello della spesa tramite un modulo o un collegamento sulla
pagina WebPlus. I moduli consentono la configurazione delle
opzioni di acquisto (colori, quantità) e anche di calcolare i costi di
imposte, spedizione e così via. I collegamenti offrono la possibilità
di effettuare l'acquisto con un semplice clic, senza alcuna opzioni
di acquisto. Le funzionalità sono specifiche per ogni fornitore,
pertanto variano notevolmente.
Configurazione del fornitore del carrello della
spesa
È possibile configurare diversi fornitori di carrello della spesa in
WebPlus. Si tratta dei fornitori più utilizzati ed è possibile che
l'utente abbia già avuto rapporti diretti con alcuni di loro, ad
esempio con PayPal®, in qualità di cliente eBay®. Il processo di
configurazione indirizza l'utente al sito del fornitore in cui è
possibile effettuare la registrazione.
Per informazioni sulle caratteristiche specifiche del
carrello della spesa, consultare il sito Web del fornitore.
Per configurare un fornitore del carrello della spesa:
1.
Configura E-Commerce sul
riquadro a comparsa E-Commerce della barra degli
2.
Dalla finestra di dialogo Configurazione E-Commerce,
sono disponibili due opzioni che determinano se si tratta
di un utente nuovo o esistente di uno dei fornitori del
carrello della spessa, ovvero:
3.
•
In caso di nuovo utente, scegliere un fornitore del
carrello della spesa attivando il pulsante di opzione
corrispondente, quindi fare clic sul pulsante
Effettua registrazione ora. Il sito Web del
fornitore viene visualizzato in una nuova finestra
del browser dove è possibile effettuare la
registrazione con il fornitore del carrello della spesa.
•
In caso di utente esistente, attivare il pulsante
accanto al fornitore scelto e fare clic su Avanti>.
Con questa opzione viene impostato il fornitore
predefinito per il sito (invece di configurare
l'account di un fornitore).
La finestra di dialogo è specifica per ogni fornitore e può
visualizzare opzioni diverse. Ad esempio, scegliendo
PayPal è possibile definire (nella finestra di dialogo) un
indirizzo e-mail per la ricezione dei pagamenti, i costi di
gestione del carrello e utilizzare uno strumento di testo
"Sandbox" per testare il proprio carrello della spesa
prima di renderlo attivo. Fare clic su Avanti>.
Per il test Sandbox, fare clic sul pulsante Ulteriori
informazioni per configurare un login Sandbox separato
oltre al login PayPal attivo.
4.
(Opzionale; solo PayPal) Nella finestra di dialogo
successiva, selezionare Usa PayPal Minicart per
visualizzare un carrello a comparsa (come
sovrapposizione) che appare quando i prodotti vengono
aggiunti al carrello (dopo il carrello viene ridotto nella
parte superiore sinistra della finestra del browser mentre
gli articoli restano nel carrello in attesa del check-out).
È anche possibile configurare, nella finestra di dialogo, la
posizione del minicarrello nella finestra del browser e
modificare o eliminare il testo predefinito visualizzato in esso.
5.
Fare clic sul pulsante Fine per completare la
configurazione del carrello della spesa.
Dopo aver configurato il carrello della spesa, è necessario inserire
un oggetto e-commerce.
Inserimento di un oggetto e-commerce
(PayPal)
La creazione di oggetti e-commerce in WebPlus utilizza un
approccio basato sulla procedura guidata. Un oggetto e-commerce
può essere aggiunto alla pagina Web come modulo o collegamento
(ad esempio un semplice pulsante) mediante il completamento di
una serie di finestre. La scelta di utilizzare i moduli o i
collegamenti dipende dalle caratteristiche degli elementi da
vendere e da come si desidera venderli.
Ad esempio, se l'utente è un
commerciante può creare un
pulsante E-Commerce (come
collegamento Acquista ora). Questa
opzione si basa sul presupposto
relativo alla transazione potenziale,
ad esempio che la quantità, le
dimensioni, lo stile e il colore sono
fissi.
Questo si verifica perché un collegamento è solo un pulsante e non
può ospitare opzioni di acquisto "interattive" necessarie per
acquisti più complessi. Il clic di un acquirente di limita all'acquisto
di un'offerta di prodotto standard. Utile in alcune situazioni, ma in
altre completamente inadeguato.
Gli acquisti più tipici utilizzano moduli E-Commerce che offrono
opzioni di acquisto interattive quali quantità, dimensioni e così via.
Per scenari e-commerce, dove è necessario mettere in vendita molti
elementi, è possibile archiviare tali elementi in un database Serif
(SDB) strutturata appositamente per l'utilizzo con e-commerce.
Mediante l'aggiunta di moduli (o aree) ripetuti sulla pagina, gli
elementi di database possono essere elencati dopo l'unione di
database e messi in vendita. Vedere Utilizzo di unione database
con e-commerce nella Guida di WebPlus.
La finestra di dialogo visualizzata quando si aggiunge un oggetto
e-commerce dipenderà interamente dal fornitore del carrello della
spesa attualmente attivato (vedere Configurazione del fornitore
carrello della spesa a pag. 188).
Le seguenti procedure presuppongono che PayPal sia
configurato come carrello della spesa.
Per inserire un oggetto e-commerce:
1.
Inserisci oggetto ECommerce sul riquadro a comparsa E-Commerce della
barra degli strumenti di Oggetti Web.
2.
Nella finestra di dialogo Aggiungi oggetto PayPal,
selezionare l'indirizzo e-mail in cui ricevere le
informazioni di pagamento. WebPlus presuppone che
venga utilizzato l'indirizzo e-mail impostato durante la
configurazione del carrello della spesa. In alternativa,
deselezionare la casella Usa l'account predefinito del
sito e impostare un indirizzo e-mail diverso per
sovrascrivere i valori predefiniti del sito.
3.
Selezionare un tipo di oggetto dalla casella Modulo
PayPal. Selezionare un pulsante di opzione "Modulo" se
si desidera creare un Modulo E-Commerce che conterrà
le opzioni di acquisto (ad esempio colore o quantità). Se
il prodotto da vendere non ha opzioni di acquisto, è
possibile utilizzare un oggetto "Collegamento" (ad
esempio per creare un pulsante E-Commerce
selezionabile). Le opzioni di area e modulo ripetuto
consentono di aggiungere elementi da un database
anziché definirli esplicitamente in una finestra di dialogo
Dettagli elemento (vedere Utilizzo di unione database
con e-commerce nella Guida di WebPlus). Fare clic su
Avanti>.
(Opzionale) Se un modulo o un pulsante non corrisponde
a ciò che si desidera, attivare l'ultima opzione anziché
incollare il codice in una finestra di dialogo successiva.
Si tratterebbe di codice generato dal sito Web di PayPal
(dopo l'accesso, cercare in Merchant Services (Servizi
commerciali)). Fare clic su Avanti> per uscire dalla
procedura guidata e incollare il frammento di codice
HTML sulla pagina.
4.
Nella finestra di dialogo successiva, definire un pulsante
per l'utilizzo. È possibile attivare un pulsante di testo
standard (una volta attivato, inserire qualsiasi stringa di
testo) o un pulsante immagine standard (una volta
attivato, scegliere da una interessante selezione di
preimpostazioni nella finestra scorrevole). Alcune
immagini supportano rollover automatici.
Fare clic su Avanti>.
5.
Le informazioni relative all'identificazione, al prezzo,
alle imposte e al peso dell'elemento possono essere
definite nella finestra di dialogo Dettagli elemento. Le
opzioni da selezionare sono:
•
Nome elemento: il nome dell'elemento da vendere.
Visualizzato sul modulo e sul carrello della spesa.
•
Consenti al cliente di specificare il nome
dell'elemento: selezionare questa opzione per
sostituire il suddetto Nome elemento con una
casella in cui il visitatore Web può immettere il
proprio nome elemento (ideale anche per la
specifica di dettagli di donazioni).
•
ID elemento: aggiungere una stringa facilmente
identificabile per rilevare l'elemento mediante
PayPal.
•
Valuta: impostare la valuta in cui verrà effettuata la
transazione.
•
Prezzo: il prezzo per l'elemento. Visualizzato sullo
schermo per impostazione predefinita.
•
Consenti al cliente di specificare l'importo:
Selezionare questa opzione per sostituire il Prezzo
suddetto con una casella in cui il visitatore Web può
immettere il proprio prezzo. Utilizzare con moduli
di donazioni, in cui il cliente imposta l'importo.
•
Sovrascrivi le impostazioni di imposta...:
selezionare questa opzione per sovrascrivere
l'impostazione delle imposte del profilo del
fornitore per l'elemento. Se l'opzione è selezionata,
specificare un'aliquota di imposta per l'elemento, ad
esempio 0% per le donazioni di beneficienza esenti
da imposta.
•
Peso: impostare un peso dell'elemento se si utilizza
una spedizione basata sul peso (solo Stati Uniti),
impostato nel profilo PayPal. In genere, come unità
di misura vengono utilizzate le libbre (lb) ma, se
necessario, è possibile impostare anche i
chilogrammi (kg).
Scegliere le suddette impostazioni e fare clic su
Avanti>.
Se si utilizza l'unione database e-commerce, questa
finestra di dialogo Dettagli elemento consente invece di
scegliere un database e-commerce da utilizzare con il
fornitore scelto. Ricordare di impostare la valuta in cui
effettuare la transazione.
6.
Solo per moduli e-commerce, vengono visualizzate due
finestre di dialogo successive:
7.
•
La finestra di dialogo Descrizione elemento
consente di includere opzionalmente un'immagine
(ad esempio per visualizzare l'anteprima
dell'elemento da vendere) e descrizioni brevi e
lunghe che verranno visualizzate nel modulo. Fare
clic su Avanti>.
•
La finestra di dialogo Opzioni elemento consente di
creare caselle di modifica, caselle combinate,
pulsanti di opzione e nomi fissi (è possibile
selezionare fino a 10 opzioni per modulo in PayPal,
una sola opzione di modifica del prezzo) in base alle
esigenze: è possibile progettare da zero o utilizzare
campi di opzione salvati in precedenza. Fare clic su
Avanti>. Non visualizzata per moduli ripetuti.
Nella finestra di dialogo Dettagli elemento, impostare
una quantità predefinita nella casella di immissione o
selezionare la casella per consentire all'utente di
specificare un importo al check-out (non visualizzata per
moduli ripetuti).
- oppure Impostare l'opzione Aggiungi casella di modifica per
consentire al cliente di definire la quantità da ordinare.
Per spedizione e gestione associate all'ordine, immettere
un importo impostato per Gestione, Spedizione e Spese
di spedizione extra.
Se la casella viene lasciata vuota, verrà utilizzato il
profilo PayPal predefinito. Non visualizzata per moduli
ripetuti. Fare clic su Avanti>.
8.
Nella finestra di dialogo Informazioni cliente extra,
scegliere di mostrare o meno al cliente un messaggio di
richiesta di indirizzo o richiedere al cliente di immettere
un indirizzo. È inoltre possibile chiedere una domanda
del cliente nella casella di testo. Fare clic su Avanti>.
9.
La finestra di dialogo Pagine pagamento offre alcune
impostazioni di pagamento, ad esempio
•
Immettere il nome dello stile pagina di check-out
(se impostata in anticipo tramite l'accesso PayPal).
•
Impostare una lingua per la pagina di accesso
PayPal. Effettuare una selezione dall'elenco a
discesa.
•
Modificare il testo per il pulsante Continua sulla
pagina pagamento riuscito.
•
Se necessario, definire le pagina pagamento riuscito
e/o le pagine pagamento annullato. Immettere l'URL
della pagina o selezionare una voce dall'elenco a
discesa.
10. Solo per moduli e-commerce, scegliere un layout
modulo dalla finestra di dialogo Layout modulo. Diverse
opzioni di casella di controllo consentono di controllare
cosa viene visualizzato sul layout del modulo. È
possibile disattivare il prezzo e se i moduli di area
ripetuta sono utilizzati, mostrare/nascondere l'immagine
dell'elemento, descrizioni brevi/lunghe, opzioni fisse e
una casella di modifica della quantità fittizia. I moduli
possono essere riformattati con la casella di controllo
Riformatta modulo ora.
11. Fare clic su Fine.
12.
Per inserire il modulo o il pulsante, posizionare
il cursore nel punto della pagina in cui si desidera
visualizzare il modulo, quindi fare semplicemente clic
con il mouse.
Per modificare un modulo o un pulsante e-commerce:
1.
Fare doppio clic sul modulo o sul pulsante.
2.
Modificare le impostazioni e-commerce in ciascuna
schermata nella finestra di dialogo visualizzata.
Per convertire un modulo standard:
•
Fare clic con il pulsante destro del mouse sul modulo ecommerce esistente e scegliere Converti in modulo.
Utilizzo della funzione di unione
database
La funzione Unione database consente di estrarre i dati contenuti
in un database (Serif SDB, Microsoft Access, dBASE), file HTML,
Excel, ODBC o file di testo delimitato esistente e di presentare le
informazioni, ad esempio, in un'area ripetuta o in un frammento di
codice HTML. I contenuti, detti origine dati, possono essere
costituiti da un elenco di indirizzi, un elenco di dipendenti, un
elenco di prodotti, un inventario o un elenco di vendite, ovvero,
qualsiasi informazione idonea all'archiviazione.
Oltre al testo, è possibile anche unire dati di immagini (ad
esempio, una raccolta di foto digitali) in singoli campi o addirittura
creare un layout a griglia di immagini e testo ideale per cataloghi o
album fotografici. WebPlus può anche creare automaticamente un
database fotografico, cioè un semplice database che utilizza il
formato SDB (database Serif), per una serie di immagini in una
cartella. È possibile unire immagini in campi singoli o perfino
generare automaticamente un layout ripetuto con una disposizione
a griglia adatta a cataloghi o album fotografici.
Panoramica
Per le esigenze di unione database di base, WebPlus fornisce il
proprio formato di file database Serif. I "file SDB", chiamati così
perché utilizzano l'estensione *.SDB, sono ideali per archiviare
testo semplice, non formattato, normalmente utilizzato per gli
elenchi di prodotti, ma sono adatti anche per altre attività. È
possibile preparare un elenco creando un nuovo file SDB, per poi
"completare gli spazi vuoti". Uno dei vantaggi del formato
database Serif è costituito dalla possibilità di modificare i dati
(aggiungendo addirittura nuovi campi e nuove informazioni)
direttamente in WebPlus. Ovviamente le origini dati più complesse
presentano dei vantaggi; WebPlus consente anche di unire dati
esterni provenienti da file di diversi altri formati. È possibile
importare file di testo semplice (ad esempio, esportati da un
programma di posta elettronica), oltre a tabelle da pagine Web
HTML, file di database da programmi come Access, Outlook,
Excel e così via, e addirittura dai server ODBC live.
Indipendentemente dall'origine dati, una volta selezionato in
WebPlus, l'elenco unione (i dati effettivi da unire) può essere
modificato specificando i record da includere o da escludere e
applicando le funzionalità di filtro/ordinamento avanzate per
rendere la definizione dei dati più dettagliata. È necessario inserire
i campi segnaposto nell'area ripetuta della pagina Web; i dati
verranno uniti in tali aree ripetute. In pochissimo tempo, sarà
possibile eseguire l'operazione di unione in modo che ogni area
ripetuta venga più volte "rigenerata" in un nuovo sito con i dati
provenienti dal record di volta in volta visualizzato.
Utilizzando le funzionalità di unione avanzate, è possibile
utilizzare gli ancoraggi di unione per creare un collegamento
ipertestuale tra pagine riepilogative e pagine principali per ogni
record. Inoltre, è possibile inserire campi di unione nei titoli delle
pagine generate per consentire la navigazione tra elenchi
riepilogativi/pagine principale. Vedere Unione database avanzata.
Nell'e-commerce, è possibile utilizzare l'unione database con un
database e-commerce Serif per ripetere i moduli Acquista ora o
Aggiungi al carrello della spesa. È possibile utilizzare anche aree
ripetute, ma i moduli e-commerce offrono transazioni direttamente
con il fornitore del carrello della spesa (ad esempio, PayPal, Mal's
e così via) sotto forma di pulsanti Acquista ora/Aggiungi al carrello
della spesa. Per ulteriori informazioni, consultare la Guida di
WebPlus.
Creazione di un'origine dati
È possibile creare facilmente un nuovo file di database Serif
(*.sdb) in WebPlus. Il database, una volta popolato, può essere
utilizzato come origine dati e può essere unito nella pagina Web.
Per creare un nuovo file di database Serif (*.sdb):
1.
Selezionare
Crea nuovo database dalla barra degli
strumenti Unione database (precedentemente attivata)..
2.
Assicurandosi che "Serif Databases (*.sdb)" sia
visualizzato nell'elenco Salva come, accedere alla
cartella e immettere il nome per il nuovo file, quindi fare
clic su Salva.
3.
Dalla finestra di dialogo Personalizza database, fare
clic sul pulsante Inserisci....
4.
Nella finestra di dialogo, creare tutti i campi che
compongono il nuovo database fornendo un nome campo
e facendo clic su OK di volta in volta.
5.
I campi vengono visualizzati nella finestra di dialogo
Personalizza database:
•
Per eliminare un campo, selezionare il nome campo
e fare clic su Elimina.
•
Per rinominare un campo, selezionare il nome
campo e fare clic su Rinomina.
•
Per modificare l'ordine dei campi nell'elenco,
selezionare un nome campo e fare clic su Sposta in
alto o Sposta in basso.
6.
Fare clic su OK.
7.
Viene visualizzata la finestra di dialogo Modifica
database, in cui è visibile il primo record con sei campi.
Scorrere l'elenco verso il basso per visualizzare altri
campi, se presenti. Poiché si tratta di un nuovo database,
i campi saranno vuoti; è possibile iniziare subito a
immettere le informazioni (ad esempio, aggiungere un
record) o farlo in un secondo momento. Per immettere le
informazioni basta digitare in uno dei campi. Per creare
un nuovo record, fare clic su Aggiungi, quindi ripetere la
procedura per ogni record; una volta terminato, fare clic
su OK.
8.
Fare clic su OK per chiudere la finestra di dialogo
Elenco unione e tornare al sito.
WebPlus consente di creare database fotografici
personalizzati per la presentazione di immagini di arte
digitale (vengono memorizzati anche dati EXIF). Per
maggiori dettagli, vedere la Guida di WebPlus.
Inserimento di aree ripetute per i dati
Affinché l'unione funzioni correttamente, è necessario includere i
contenuti dell'origine dati in una pagina Web. Con WebPlus è
possibile creare rapidamente un layout ripetuto che dispone i
campi segnaposto, generando un nuovo sito con tutte le pagine
necessarie e inserendo nei campi il testo o le immagini provenienti
da un'origine dati specificata. Si possono creare tutte le origini dati
desiderate, ma non è possibile aprirne più di una
contemporaneamente per area ripetuta.
Ogni area ripetuta presenta una propria origine dati;
ogni pagina Web può essere occupata da una sola area
ripetuta.
Un layout ripetuto inizia con un'area ripetuta, cioè una singola
cella le cui dimensioni unitarie determinano il numero di record di
database che possono essere affiancati orizzontalmente e
verticalmente su una pagina. Nell'area ripetuta è possibile
posizionare qualsiasi elemento, ad esempio:
•
Uno o più campi di testo con dati estratti dallo stesso
record.
•
Uno o più campi immagine dove si desidera che
vengano visualizzate le immagini unite provenienti da un
determinato record di dati.
•
Altri oggetti quali testo artistico, QuickShapes... e
qualsiasi elemento si desideri.
L'utente crea l'area ripetuta e posiziona i campi (o altri elementi),
mentre WebPlus li replica in un layout a griglia ripetuto e unisce il
testo o le immagini provenienti dall'origine dati in un nuovo sito.
Ogni area ripetuta viene "rigenerata" più volte nel nuovo sito, con i
dati provenienti dai diversi record di volta in volta visualizzati.
Per creare un layout ripetuto, eseguire le operazioni
illustrate di seguito.
1.
Scegliere un'origine dati idonea.
2.
Inserisci area ripetuta nella
barra degli strumenti Unione database (precedentemente
attivata).
3.
Dalla finestra di dialogo Scegli unione database, fare clic
su Sfoglia… per selezionare un'origine dati, fare clic su
Apri, quindi su OK. In questa fase è possibile anche
creare un nuovo database facendo clic su Nuovo…
(vedere sopra Creazione di un'origine dati).
4.
Viene visualizzata la finestra di dialogo Impostazione
area ripetuta affiancata, in cui è presente un layout di
pagina che inizialmente consiste in una griglia di
affiancamento 1x4: un'area ripetuta orizzontalmente sulla
pagina e quattro verticalmente. La regione di anteprima a
sinistra riflette le impostazioni corrente della finestra di
dialogo.
5.
È possibile impostare proprietà precise per l'area ripetuta
(l'unità di base) nella finestra di dialogo oppure chiudere
la finestra di dialogo e utilizzare il trascinamento diretto
per stabilire le dimensioni e la forma dell'area. In
alternativa, è possibile utilizzare un approccio
combinato, riaprendo la finestra di dialogo ogni volta che
si desidera.
•
Tramite la finestra di dialogo, specificare il Layout
della griglia come il numero delle aree ripetute che
si desidera vengano visualizzate in posizione
Orizzontale e Verticale. È possibile modificare
altre impostazioni, ad esempio la Posizione sinistra
e Superiore sulla pagina, la Larghezza e l'Altezza
dell'area ripetuta, nonché gli Spazi orizzontali e
verticali opzionali tra le aree ripetute. Selezionare
Estendi pagina per adattarsi a tutti i riquadri in
modo che tutti i record vengano visualizzati in
un'unica pagina (impostazione consigliata
soprattutto per gli elenchi di riepilogo a riga
singola); l'opzione di layout Verticale viene
ignorata.
•
Sulla pagina è possibile trascinare l'oggetto di area
ripetuta per spostarlo o trascinare una maniglia per
ridimensionarlo.
Quando si salva un sito, WebPlus "ricorda" l'origine dati corrente e
la riapre "dietro le quinte" automaticamente alla successiva
apertura della pagina Web. Pertanto, finché si utilizza la stessa
origine dati, non è necessaria riaprirla.
Per modificare un layout ripetuto esistente:
1.
Con l'area ripetuta selezionata, fare clic su
Layout
area ripetuta nella barra degli strumenti contestuale.
2.
Viene visualizzata la finestra di dialogo Impostazione
area ripetuta affiancata che consente di modificare il
layout dell'area ripetuta.
Apertura di un'origine dati differente
Oltre alla creazione di un file di database Serif, WebPlus consente
anche di aprire un differente file di database Serif già esistente o
un'altra origine dati esterna, ad esempio un file di testo normale
(delimitato da virgola o a larghezza fissa), un altro database, un
foglio di calcolo e altro ancora. È possibile modificare,
selezionare, filtrare e/o ordinare i dati effettivi da unire.
Per aprire un'origine dati differente:
1.
Modifica database nella barra degli strumenti
contestuale.
2.
Nella finestra di dialogo, fare clic sul pulsante Sfoglia...
e dalla freccia Giù nell'elenco a discesa della
formattazione file adiacente all'elenco a discesa Nome
file, selezionare il tipo di origine dati da aprire e fare clic
su Apri.
A seconda del tipo di origine dati, seguire le eventuali
istruzioni supplementari fornite da WebPlus. Ad
esempio:
•
Se l'origine dati include più di una tabella, verrà
richiesto di specificare la tabella da importare.
•
Se è stato selezionato un file di testo (.TXT, .CSV,
.TAB, .ASC) con i dati di origine in formato
delimitato o a larghezza fissa, in WebPlus viene
visualizzata una finestra di dialogo Formato dati,
con un'anteprima dei dati del file selezionato.
•
Nella prima schermata, specificare Delimitato
o Larghezza fissa. Se il primo record di dati
elenca i titoli di varie colonne, selezionare
Prima linea contiene intestazioni colonna. Se
il file di origine utilizza un Qualificatore testo
(ad esempio, le virgolette che racchiudono i
campi di testo, come "Appartamento 3,
Hopalong Crescent 14", che potrebbero
contenere virgole o essere letti come più
campi), selezionare il carattere appropriato
dall'elenco.
•
Fare clic su Avanti. L'aspetto della schermata
successiva dipende dalla specifica di un file
delimitato o di un file a larghezza fissa. È
possibile specificare il delimitatore o
controllare (e correggere, se necessario) le
interruzioni utilizzate per separare i campi di
dati. Verificare la correttezza dell'anteprima
dei dati, quindi fare clic su Fine.
Nota: Se è necessario riformattare i dati dopo
la chiusura della procedura guidata, riaprire
semplicemente il file di origine e apportare le
modifiche necessarie alle impostazioni nella
finestra di dialogo Formato dati.
3.
Dopo aver completato tutti i passaggi intermedi, viene
visualizzata la finestra di dialogo Scegli unione database.
Facendo clic sul pulsante Modifica... viene visualizzata
la finestra di dialogo Elenco unione, in cui vengono
presentati i dati in formato riga/colonna, che consente di
selezionare, filtrare e/o ordinare i dati effettivi da
unire. È possibile apportare le modifiche necessarie
subito o in un secondo momento.
4.
Fare clic su OK per chiudere la finestra di dialogo
Elenco unione e tornare alla pagina Web. L'origine dati
appena aperta rimane attiva.
Modifica di file di database Serif
Ciascun record di un file di database Serif (*.sdb) contiene 20
campi standard. Per quanto riguarda i dati archiviati in formato
SDB, è possibile utilizzare la finestra di dialogo Modifica database
per creare o eliminare record, immettere informazioni, trovare
occorrenze di un testo specifico o riesaminare l'ordine dei campi,
anche aggiungendo nuovi campi e nuovi dati.Gli altri file di
database non sono modificabili.
Per modificare un file di database Serif (*.sdb):
1.
contestuale.
2.
Nella finestra di dialogo, fare clic sul pulsante
Modifica.... (Se il pulsante non è attivo, l'origine dati
corrente non è un file SDB).
3.
Viene visualizzata la finestra di dialogo Elenco unione,
in cui vengono presentati i dati in formato riga/colonna,
che consente di modificare selezionare, filtrare e/o
ordinare i dati effettivi da unire. È possibile apportare le
modifiche necessarie subito o in un secondo momento.
Fare clic sul pulsante Modifica....
4.
5.
Viene visualizzato il primo record del database corrente
con sei campi (scorrere verso il basso per visualizzare gli
altri campi). Utilizzare la finestra di dialogo Modifica
database per modificare i dati.
•
Per immettere le informazioni basta digitare in uno
dei campi. Ogni campo può contenere massimo 255
caratteri.
•
Per creare un nuovo record, fare clic su Aggiungi.
•
Utilizzare i pulsanti freccia per spostarsi tra i record
oppure digitare un numero di record e premere
Invio.
•
Per eliminare il record corrente, fare clic su
Elimina. Se si fa clic su Elimina sul primo record,
le relative informazioni vengono cancellate, ma il
modulo del record rimane.
•
Per cercare occorrenze di testo specifiche, fare clic
su Trova… e specificare il Campo di ricerca.
Nell'elenco dei record viene visualizzato tutto il
testo presente in tale campo nell'intero database.
Fare doppio clic su una voce (o selezionarla e fare
clic su OK) per visualizzare il record specifico
corrispondente.
•
Per personalizzare i campi del database, fare clic su
Personalizza.... Nella finestra di dialogo, fare clic
su Inserisci... per creare un nuovo campo oppure
selezionare un campo e fare clic su Elimina per
rimuoverlo. Per rinominare un campo, selezionarlo
e fare clic su Rinomina.... È possibile anche fare
clic su Sposta in alto o Sposta in basso per
modificare l'ordine dei campi nell'elenco.
Per aggiornare l'elenco e chiudere la finestra di dialogo,
fare clic su OK.
Chiudendo la finestra di dialogo Modifica database, il file
di database non viene chiuso, ma continua a essere
l'origine dati attiva per l'unione database. Tuttavia, al
momento della chiusura tutte le modifiche apportate
vengono salvate sul disco.
Inserire dei segnaposto per i dati
Per unire informazioni provenienti da un'origine dati strutturata in
una pagina Web, è necessario inserire campi segnaposto nell'area
ripetuta (vedere sopra) per indicare a WebPlus i campi dati da
utilizzare. Esistono due tipi di segnaposto. I campi di testo
gestiscono informazioni basate su testo, ad esempio dati di elenchi
di indirizzi; i campi immagine aggiungono immagini recuperate dai
nomi di percorso file memorizzati nel database.
Per inserire un segnaposto per campo di testo o
immagine:
1.
Con l'area ripetuta selezionata, fare clic sul pulsante
Inserisci campo testo o
Inserisci campo
immagine nella barra degli strumenti contestuale.
Viene visualizzata una finestra di dialogo in cui è visibile
un elenco dei campi (di testo e immagine) dell'origine
dati correntemente selezionata.
2.
Nell'elenco a scorrimento disponibile nella finestra di
dialogo, fare doppio clic sul campo da inserire (o
selezionarlo e fare clic su Inserisci).
3.
Il campo viene visualizzato nella pagina Web. La finestra
di dialogo rimane aperta in modo da poter inserire campi
aggiuntivi, se necessario.
4.
Trascinare ogni campo in modo da posizionarlo
esattamente all'interno dell'area ripetuta,
ridimensionandolo se necessario. Quando il campo si
collega all'area di ripetizione, si verifica un rapido
"istante di blocco" (con Blocco attivato o disattivato). Il
contenuto del campo diventa grigio e successivamente
trascinando l'oggetto dell'area ripetuta viene trascinato
anche il relativo contenuto.
Per i campi immagine, impostare le proprietà di
visualizzazione, ad esempio le dimensioni e
l'allineamento dell'immagine all'interno del campo
immagine, fare clic con il pulsante destro del mouse sul
campo e scegliere Proprietà cornice.... In genere,
l'opzione Scala per adattamento min. è più adatta ai
campi immagine. È possibile anche ridimensionare la
cornice stessa trascinando le maniglie.
5.
Per chiudere la finestra di dialogo, fare clic su Chiudi.
Selezionare, filtrare e ordinare l'elenco unione
Indipendentemente dal tipo di origine dati che si utilizza, è
possibile visualizzare in qualsiasi momento i dati attualmente
presenti in formato riga/colonna, con la possibilità di
personalizzare l'elenco unione (i dati effettivi da unire) includendo
o escludendo record specifici. È possibile farlo "manualmente"
oppure preferibilmente ricorrendo a delle potenti opzioni che
consentono di filtrare e ordinare includendo solo determinati record
o di disporre i record in ordine in base al contenuto di campi
specifici. Ad esempio, con un elenco di indirizzi o un database di
contatti è possibile ordinare i record per codice postale, quindi per
cognome.
Per modificare l'elenco unione corrente:
1.
contestuale.
2.
Utilizzare il pulsante Modifica... per accedere alla
finestra di dialogo Unisci elenco.
3.
Specificare i record da includere o escludere
(selezionandoli/deselezionandoli) e applicare le
funzionalità di filtro/ordinamento avanzate (tramite il
pulsante Filtro...) per rendere la definizione dei dati più
dettagliata.
4.
Fare clic su OK.
Unione e pubblicazione
Dopo aver selezionato i record da unire (l'elenco unione) e inserito
tutti i segnaposto necessari come illustrato in precedenza, si può
procedere all'unione del contenuto del database a un sito
temporaneo, quindi eseguirne la pubblicazione.
Per eseguire l'unione a un nuovo sito:
1.
Fare clic su
Unisci a nuovo sito nella barra degli
strumenti contestuale.
2.
WebPlus genera quindi un nuovo sito in una finestra
separata, replicando l'area ripetuta di base tante volte
quanti sono i record nei dati. Il layout utilizza la
disposizione a griglia specificata, in cui ogni cella
univoca include i dati provenienti da un singolo record,
in base all'ordine di record nell'elenco unione. WebPlus
inserisce nuove pagine in base al numero di record da
includere. L'area ripetuta non è più presente, poiché è
stata convertita in un layout griglia utilizzando i dati uniti
anziché i campi segnaposto.
Per modificare le proprietà di visualizzazione, ad
esempio le dimensioni e l'allineamento di una singola
cornice immagine, fare clic con il pulsante destro del
mouse sulla cornice e scegliere Proprietà cornice...
Il sito originale rimane aperto nella relativa finestra. Non
dimenticare di salvarlo nel caso sia necessario ripetere la procedura
di unione con un altro set di dati. Se non si è soddisfatti del sito
risultante, tornare semplicemente all'originale, apportare le
modifiche desiderate e ripetere la procedura di unione.
Per pubblicare il sito:
Con il sito unito correntemente attivo, scegliere Pubblica sito> dal
menu File e selezionarePubblica su Web.
Per impostazione predefinita, l'unione viene eseguita
automaticamente prima della pubblicazione; se non si
desidera eseguire ogni volta l'unione, deselezionare
l'opzione Unisci prima della pubblicazione nella
finestra di dialogo o Pubblica su Web.
Utilizzo degli oggetti avanzati
Per le funzioni Web interattive moderne (contatori, forum, blog,
prenotazione delle risorse e così via), WebPlus utilizza Oggetti
avanzati lato server posizionati nella pagina. Gli oggetti avanzati
memorizzano le informazioni sui visitatori della pagina Web
raccolte in uno spazio sicuro sul server di Serif. Questi oggetti sono
disponibili nelle Risorse Web Serif, un servizio online sicuro che
serve non solo a creare e inserire oggetti avanzati ma anche a
memorizzare e gestire i dati relativi all'oggetto dopo aver
pubblicato e attivato il sito.
Di seguito vengono illustrati i vari oggetti avanzati presenti nelle
Risorse Web e le loro funzionalità.
Nome
Utilizzo
Si utilizza per indicare quante persone stanno
visualizzando la pagina Web attualmente.
Visitatori
attivi
Blog
Un blog funziona come un diario personale
sulla pagina Web che contiene articoli
pubblicati in un editor di testo semplice da
utilizzare. Gli articoli possono essere
commentati dai visitatori della pagina Web.
Tramite i blog è possibile:
• Aggiunge il proprio profilo
personale.
• Aggiungere collegamenti a
segnalibri di social networking.
• Utilizzare i trackback dell'articolo
per creare riferimenti all'interno del
blog; utilizzare la ricezione di
trackback.
• Utilizzare tag per suddividere in
categorie gli articoli agevolando
l'accesso agli utenti.
• Consentire agli utenti di abbonarsi
agli articoli (articoli/commenti più
recenti) tramite i lettori di feed
RSS.
• Attivare la protezione anti-spam
CAPTCHA.
• Applicare Stili grafici (temi) al
proprio blog
• Utilizzare i gruppi di editor per la
pubblicazione di articoli di vari
autori (vedere pag. 234).
Forum
Consente di aggiungere un forum di
discussione basato su thread al sito, che può
essere visualizzato facoltativamente in una
finestra intera. Tramite i forum è possibile:
•
Aggiungere a diverse categorie (ad
esempio, Automobili) forum
secondari (Classiche,
Decapottabili, Personalizzate ecc.).
•
Definire un controllo degli accessi
per utenti e moderatori (vedere
pag. 223).
•
Impostare la privacy del forum su
visualizzabile pubblicamente o
privato.
•
Applicare un tema (stile) all'intero
oggetto forum
•
Creare, modificare e assegnare
ranghi agli utenti.
•
Impostare le autorizzazioni degli
utenti.
Gli utenti possono visualizzare il numero di
argomenti, i post e l'ultimo post inviato e,
ovviamente, pubblicare post nel forum.
Contatore
attività
Notizie
Sondaggio
Sistema di
gestione dei
contenuti
(SGC)
Un semplice conteggio del numero di volte in
cui la pagina attuale è stata visitata
(azzerabile in base alle proprie necessità). È
possibile adottare diversi stili.
Consente di aggiungere una finestra delle
notizie sulla pagina. L'oggetto supporta la
modifica RTF, gli stili di paragrafo, i
collegamenti ipertestuali, l'inserimento di
elementi multimediali e persino la modifica
della sorgente HTML.
Consente di impostare un sondaggio online
per conoscere le opinioni dei visitatori della
pagina Web.
Permette allo sviluppatore web di aggiungere
contenuti alle pagine Web in modalità remota
senza l'accesso e la pubblicazione tramite
WebPlus. Il contenuto è basato su articoli e
gli articoli possono essere suddivisi in
categorie, creati, modificati, eliminati e
organizzati in categorie. I visitatori del sito
possono commentare e valutare qualsiasi
articolo.
È possibile personalizzare i colori del proprio
SGC
Strumento di
prenotazione
di risorse
Permette di prenotare online camere di
albergo, sale riunioni, sale per prove, biglietti
del teatro e molto altro. È possibile effettuare
la prenotazione per ora o per giorno oppure in
modo ricorrente e con prezzi diversi in base
al gruppo di età.
Casella
messaggi
Elenco
utenti
Funziona come finestra interattiva di chat
simile a Windows Messenger. Permette ai
visitatori del sito Web di chiacchierare tra di
loro.
L'oggetto avanzato Elenco utenti funziona
con due modalità (selezionabili tramite una
finestra di dialogo a comparsa):
•
Modalità Mailing list: Consente ai
visitatori del sito di iscriversi a
newsletter, inviti a eventi, richieste
di informazioni e molto altro. Gli
elenchi possono essere controllati
manualmente o mediante una
sottoscrizione automatica.
•
Modalità Controllo degli accessi:
Consente di controllare
l'accessibilità a pagine, forum, blog
e SGC utilizzando i gruppi di
utenti. Vedere Controllo degli
accessi a pag. 223 per ulteriori
informazioni.
•
Attivare la protezione antispam CAPTCHA durante la
registrazione dell'utente.
•
Creare gruppi di utenti (con
registrazione opzionale degli
utenti, login automatico e
collegamento agli Oggetti
avanzati).
•
Aggiungere, rimuovere,
sospendere o escludere utenti.
Dal momento che gli oggetti avanzati sono disponibili
nelle risorse Web Serif, è possibile utilizzare i pulsanti ?
che accompagnano ciascun Oggetto avanzato (durante
la creazione e la gestione) per informazioni più
dettagliate.
Per motivi di sicurezza, gli oggetti sono disponibili solo attraverso
Risorse Web Serif accessibili da WebPlus dopo aver eseguito il
login. Se non si dispone di un nome utente e di una password validi
è necessario prima creare un account per le Risorse Web.
•
Se l'indirizzo e-mail è già noto a Serif (ad esempio se ci
si è appena registrati o ci si è registrati in precedenza)
verranno effettuate alcune semplici domande per
completare la registrazione dell'account.
•
Se si è al primo utilizzo di Serif e non è stata ancora
effettuata la registrazione, è necessario seguire la
procedura di sicurezza completa. Le istruzioni complete
vengono fornite nelle schermate di accesso.
Per creare un account delle Risorse Web Serif:
1.
Fare clic su
Strumento Oggetto avanzato nella
2.
Nella finestra di dialogo dell'accesso, fare clic su Crea
account sotto le caselle di accesso.
3.
Nella finestra di dialogo successiva, digitare l'indirizzo email corrente, il nome da visualizzare e la password due
volte. È necessario rivedere e accettare i termini e
condizioni di uso di Serif (tramite una casella di
controllo).
4.
Fare clic sul pulsante Effettua registrazione.
5.
Nella finestra di dialogo successiva verranno richieste
ulteriori informazioni personali e si potranno selezionare
alcune caselle di controllo che permettono di scegliere se
si desidera ricevere la newsletter della Comunità Serif, le
offerte di Serif e/o altre offerte di terzi.
6.
Un messaggio e-mail di conferma verrà inviato
all'indirizzo e-mail. Dopo aver fatto clic sul
collegamento nell'e-mail sarà possibile accedere alle
Risorse Web Serif (facendo clic nuovamente sullo
Strumento Oggetto avanzato).
Per eliminare i dettagli dell'account:
•
Selezionare Strumenti > Opzioni e fare clic su Elimina
dettagli account nell'opzione di menu visualizzata in
Opzioni > Generale. Questa operazione cancellerà i
dettagli di accesso alle Risorse Web Serif memorizzati e
l'accesso automatico non sarà più attivo. Al momento del
successivo accesso sarà necessario inserire le
informazioni, quindi assicurarsi di memorizzare la
password.
Per accedere alle Risorse Web:
1.
Fare clic su
2.
Digitare il nome utente e la password nella richiesta di
accesso. Selezionare Ricorda dettagli account per
accedere direttamente alle Risorse web in futuro
(evitando la schermata di accesso).
3.
Fare clic sul pulsante Accedi. Viene visualizzata la
finestra di dialogo degli Oggetti avanzati.
Una volta creato l'account, è possibile controllarne i
dettagli dalla finestra di dialogo degli Oggetti avanzati
facendo clic sul pulsante Account personale.
Creazione di Oggetti avanzati
Oggetto avanzato può essere utilizzato come un termine generale
per gli elementi da utilizzare nella pagina, come segnalato in
precedenza. Gli Oggetti avanzati non vengono aggiunti
direttamente alla pagina dalle Risorse Web Serif, ma vengono
prima aggiunti alla propria libreria degli oggetti, che permette di
gestire e modificare ogni oggetto. Gli oggetti possono quindi essere
aggiunti alla pagina Web immediatamente o in un secondo
momento.
Alcuni Oggetti avanzati possono essere utilizzati solo a
condizione che un altro Oggetto avanzato venga creato
prima. Un esempio è l'Oggetto avanzato Forum che
richiede che venga creato precedentemente l'Oggetto
avanzato Elenco utenti.
Gli oggetti avanzati possono essere organizzati in profili basati su
categorie. Questi ultimi sono utili se si gestiscono più siti Web, in
cui gli Oggetti avanzati possono essere raggruppati insieme in base
a un profilo per ogni sito.
Per creare profili di Oggetti avanzati:
1.
Dalla finestra di dialogo principale degli Oggetti
avanzati, fare clic sul pulsante Gestisci profili nella parte
inferiore del riquadro della Libreria di Oggetti avanzati
personali.
2.
Fare clic su Nuovo profilo e inserire un nuovo Nome nel
riquadro di testo.
3.
Fare clic su Salva, quindi su Esci.
Il profilo viene aggiunto alla parte superiore della Libreria di
Oggetti avanzati personali. È quindi possibile aggiungere gli
Oggetti avanzati esistenti al nuovo profilo tramite trascinamento.
Per aggiungere un oggetto alla libreria:
1.
Dalla finestra di dialogo principale degli Oggetti
avanzati, fare clic sul pulsante Nuovo....
2.
Nella finestra di dialogo Crea Oggetto avanzato,
utilizzare la barra di scorrimento per spostarsi
nell'elenco, quindi selezionare un Oggetto avanzato.
3.
Se si desidera che l'Oggetto avanzato funzioni in una
lingua diversa dall'inglese, selezionarla dal menu a
discesa Lingua (opzionale).
4.
Selezionare OK. In base al tipo di oggetto selezionato,
verrà visualizzata una finestra di dialogo Crea diversa
che contiene le opzioni specifiche dell'Oggetto avanzato.
5.
Nella finestra di dialogo:
6.
•
Inserire un Nome per l'oggetto.
•
Selezionare un Profilo dal menu a discesa se è stato
creato in precedenza (opzionale).
•
La stringa Filtra offsite consente di limitare
l'accesso al dominio inserito e di impedire che
l'URL venga copiato (opzionale).
•
Modificare le impostazioni specifiche dell'oggetto;
ad esempio per alcuni oggetti è anche possibile
impostare il titolo, i colori (per corpo, testo e bordo)
e lo spessore del bordo ove necessario (opzionale).
Fare clic su Crea.
L'oggetto specifico verrà visualizzato in un elenco nel riquadro a
sinistra della Libreria di Oggetti avanzati personali. Questo è un
esempio di una selezione di Oggetti avanzati; alcuni di essi sono
stati raggruppati in un profilo personalizzato chiamato Rainbow
WWW Objects.
Tutti gli Oggetti avanzati possono essere aggiunti alla pagina, ma
alcuni tipi di Oggetto avanzato (ad esempio, forum o blog) non
vengono aggiunti alla pagina Web ma vengono utilizzati
direttamente dalle Risorse Web Serif (tramite collegamenti offsite
o collegamenti ipertestuali; vedere pag. 105 o pag. 105,
rispettivamente). Il vantaggio principale è rappresentato
dall'assenza di vincoli sulle dimensioni della pagina dovuti alla
presenza dell'Oggetto avanzato; in questo modo si evita lo
scorrimento della finestra.
Per aggiungere un Oggetto avanzato alla pagina Web:
1.
Dalla finestra di dialogo degli Oggetti avanzati,
selezionare l'oggetto scelto dal riquadro a sinistra e fare
clic sul pulsante Inserisci.
2.
Per inserire l'oggetto con le dimensioni
predefinite, posizionare il cursore sulla posizione in cui
si desidera che l'oggetto appaia nella pagina e fare clic
con il mouse.
Viene visualizzata automaticamente un'anteprima della pagina con
l'Oggetto avanzato in modo da poter osservare quale sarà l'aspetto
dell'Oggetto avanzato una volta pubblicato.
Modifica di oggetti avanzati
Dopo aver creato un oggetto è possibile modificarlo nella Libreria
di Oggetti avanzati personali o direttamente nella pagina. In
genere, è possibile modificare l'aspetto dell'oggetto rispetto alle
impostazioni originali, ad esempio modificando la domanda di un
Sondaggio o azzerando un Contatore attività.
La modifica di un oggetto interessa solo l'oggetto stesso senza
alterare i dati raccolti.
Le opzioni di dialogo per la modifica e la creazione di un Oggetto
avanzato sono identiche.
Per modificare un Oggetto avanzato nella libreria:
•
Dalla finestra di dialogo degli Oggetti avanzati, fare clic
sul pulsante Modifica... nella parte inferiore del riquadro
Libreria di Oggetti avanzati personali.
Per modificare un Oggetto avanzato nella pagina:
•
Fare doppio clic sull'oggetto per aprire il dialogo di
modifica dell'oggetto.
Se si modifica un oggetto nella pagina Web la modifica
apparirà anche nella libreria degli oggetti e viceversa.
Applicazione di colori agli oggetti avanzati
È possibile apportare modifiche specifiche ai colori di blog, forum
o SGC durante la loro modifica o gestione. Ogni tipo di Oggetto
avanzato è caratterizzato da impostazioni di colore specifiche, ad
esempio
Oggetto
avanzato
Come configurare il colore
Blog
Elenco a discesa Stile grafico nella finestra di
dialogo Modifica - Nuovo Blog.
Forum
Elenco a discesa Temi forum nella finestra di
dialogo Gestisci - Forum personale.
CMS
I pulsanti Titolo, Corpo e Informazioni della
finestra di dialogo Modifica - Nuovo SGC.
Oltre a queste impostazioni di colore è possibile sovrascrivere i
colori di testo e collegamenti ipertestuali dell'Oggetto avanzato in
modo che corrispondano a quelli utilizzati dal testo e dai
collegamenti ipertestuali del sito. In questo modo gli Oggetti
avanzati si adatteranno perfettamente all'aspetto del sito. Per
impostazione predefinita, lo schema di colori attuale del testo e dei
collegamenti ipertestuali viene utilizzato per sovrascrivere quello
dell'oggetto.
Per sovrascrivere i colori di testo e collegamenti
ipertestuali dell'oggetto avanzato:
1.
Dal menu File, selezionare Proprietà del sito....
2.
Nella finestra di dialogo, selezionare Funzionalità.
3.
Selezionare Sovrascrivi colori in oggetti avanzati.
Se non si modificano gli elenchi a discesa di testo e collegamenti
ipertestuali verrà utilizzato lo schema di colori attualmente
impostato
(indicato da numeri). Tuttavia, è possibile selezionare colori
alternativi sotto forma di schemi o al di fuori di questi.
Gestione di Oggetti avanzati
Mentre la modifica degli Oggetti avanzati influenza il
funzionamento dell'oggetto, la gestione degli Oggetti avanzati può
essere utilizzata per gestire i dati "raccolti" dall'oggetto dopo la
pubblicazione della pagina Web. Alcuni Oggetti avanzati come i
Contatori attività non hanno bisogno di essere gestiti dal momento
che si incrementano semplicemente a ogni visita alla pagina (anche
se è comunque possibile azzerare i contatori). Tuttavia, altri
Oggetti avanzati più complessi, come forum, blog, strumenti di
prenotazione di risorse, elenchi utenti e caselle messaggi
raccolgono dati dai visitatori quali commenti agli articoli, indirizzi
e-mail, risultati dei sondaggi e registri dei messaggi di chat.
L'Oggetto avanzato SGC può essere gestito solo tramite
un browser Web utilizzando l'URL
www.serifwebresources.com.
Per gestire un Oggetto avanzato della libreria:
•
Dalla finestra di dialogo degli Oggetti avanzati, fare clic
sul pulsante Gestisci nella parte inferiore del riquadro
Libreria di Oggetti avanzati personali. Le opzioni di
gestione cambiano in base al tipo di Oggetto avanzato.
Consultare la Guida di WebPlus per una panoramica delle funzioni
di gestione.
Per gestire gli Oggetti avanzati direttamente su Internet:
•
Accedere a www.serifwebresources.com per controllare
tutti gli Oggetti avanzati indipendentemente dal sito di
WebPlus. Utilizzare il proprio account per le Risorse
Web come in precedenza.
Eliminazione di Oggetti avanzati
Per eliminare un oggetto dalla libreria:
•
Selezionare la voce dell'oggetto nel riquadro Libreria di
Oggetti avanzati personali, quindi fare clic sul pulsante
Elimina. Viene visualizzato un messaggio di conferma.
Da questo momento in tutte le pagine Web caricate che contengono
l'oggetto viene visualizzato uno spazio vuoto, fino a quando
l'oggetto viene rimosso dalla pagina Web di WebPlus
corrispondente e la pagina Web viene caricata nuovamente.
Per eliminare un oggetto dalla pagina:
•
Selezionare l'oggetto e premere il tasto Canc.
Controllo dell'accesso
Il controllo dell'accesso consente di applicare la protezione al sito,
per limitare l'accesso alle pagine specifiche o l'accesso degli utenti
ai forum e ad altre funzioni delle risorse Web Serif.
•
Per Sicurezza pagine: accedere a una pagina protetta da
password oppure attraverso una casella di login su
pagina. Generalmente per i siti Web personali o i siti
Web di attività commerciali di piccole dimensioni, è
possibile consentire l'accesso gratuito alla maggior parte
del sito, con solo una serie limitata di pagine accessibili
ai visitatori Web selezionati. Ad esempio, è possibile
rendere "privata" una pagina di Galleria foto della
propria famiglia e comunque condividerla con i parenti
(con controllo password). I dettagli del login sono
memorizzati in un gruppo di utenti associato alla pagina
che contiene un elenco degli utenti autorizzati; gli utenti
vengono aggiunti manualmente della gestione Web del
sito o i nuovi utenti possono auto-registro tramite
registrazione.
•
Sicurezza oggetti avanzati: fornisce il controllo
dell'accesso per forum, blog e CMS (vedere pag. 234).
•
Forum: per la gestione degli utenti e la moderazione
del gruppo.
•
Blog: per aggiungere e rimuovere articoli tramite un
gruppo di editor.
•
CMS: per gestire articoli nel CMS.
Il controllo dell'accesso è possibile tramite Risorse web Serif
utilizzando un oggetto avanzato di Elenco utenti, che può essere
creato per gestire gruppi di utenti e singoli utenti e la modalità di
accesso degli utenti.
Come breve promemoria, Risorse Web Serif è un servizio
online sicuro di Serif che memorizza in modo sicuro
oggetti avanzati (vedere pag. 210) e tutti i dati
generati. È possibile gestire l'oggetto avanzato di Elenco
utenti, come qualsiasi altro oggetto avanzato, sia
dall'interno di WebPlus o tramite
www.serifwebresources.com in qualsiasi momento.
Il regolare controllo dell'accesso al sito Web, dipende dalle
operazioni descritte di seguito.
•
Impostazione di Oggetto avanzato di Elenco utenti
•
Aggiunta di utenti (registrazione automatica o
manuale)
•
Attivazione del controllo dell'accesso
•
Aggiunta di una casella di login
•
Controllo utente avanzato
Impostazione di Oggetto avanzato di Elenco
utenti
Innanzitutto, è necessario creare un oggetto avanzato di Elenco
utenti quindi creare uno o più gruppi collegati all'oggetto avanzato.
Generalmente, è necessario un oggetto avanzato per sito - i gruppi
singoli possono quindi essere utilizzati per controllare l'accesso a
pagine specifiche o alle risorse dell'oggetto avanzato.
Per creare un oggetto avanzato di Elenco utenti:
1.
Strumento Oggetto
avanzato nella barra degli strumenti Oggetti Web.
2.
Accedere a Risorse Web Serif (vedere la sezione Utilizzo
degli oggetti avanzati; pag. 210). Questa sezione si basa
sul presupposto che si disponga di un login valido; in
caso contrario sarà necessario eseguire la registrazione.
3.
Dalla finestra di dialogo, selezionare il pulsante Nuovo...
nella parte inferiore del riquadro Libreria di Oggetti
avanzati personali.
4.
Nella finestra di dialogo, utilizzare la barra di
scorrimento per navigare nell'elenco di Oggetti avanzati,
quindi selezionare Elenco utenti, quindi fare clic su OK.
5.
Dalla finestra di dialogo a comparsa, selezionare
Controllo dell'accesso.
6.
Dalla finestra di dialogo, denominare l'oggetto avanzato,
salvarlo in un profilo e modificare i colori e i caratteri
per il titolo, il testo o etichette, i pulsanti o il bordo.
7.
Fare clic su Crea. Il nuovo oggetto avanzato viene
elencato nella Libreria degli oggetti avanzati personali.
8.
Fare clic su Esci per disconnettersi da Risorse Web Serif.
Dopo aver creato l'oggetto avanzato, è possibile creare e associare
gruppi di utenti correlati utilizzando la funzione Gestione.
Per controllare l'accesso e la sicurezza dell'utente:
1.
Fare clic su
2.
Con l'oggetto avanzato di Elenco utenti selezionato, nel
riquadro Libreria di Oggetti avanzati personali, fare clic
sul pulsante Gestione per visualizzare la finestra di
dialogo Utenti.
3.
Per attivare la registrazione dell'utente tramite
registrazione automatica nell'oggetto avanzato,
selezionare Attiva registrazioni in Elenco utenti. In tal
modo, viene visualizzato un collegamento Effettua
registrazione da visualizzare sulla casella di login
posizionata.
4.
Per un accesso utente più sicuro, selezionare CAPTCHA
abilitato. CAPTCHA è una tecnica anti-spam con la
quale viene visualizzato il testo generato dal server in
modo arbitrario; il visitatore Web immette il testo per la
convalida successiva.
5.
Immettere un URL di reindirizzamento nella casella
Reindirizza dopo login se si desidera reindirizzare
l'utente a una specifica pagina Web dopo il regolare
login.
6.
Fare clic su Aggiorna.
Per creare un gruppo di utenti:
1.
Dalla finestra di dialogo, fare clic su Gruppi dal menu
superiore.
2.
Dalla finestra di dialogo Crea nuovo gruppo, immettere
un Nome gruppo; questo nome deve riflettere il modo in
cui utilizzare il gruppo, ad esempio "Photoaccess".
3.
Fare clic sul pulsante Crea gruppo, verificare le
impostazioni della finestra di dialogo, quindi fare clic su
Fine. Il gruppo verrà aggiunto al menu a discesa
Gruppo.
Per gestire un gruppo di utenti:
•
Selezionare il nome del gruppo dal menu a discesa
Gruppo, quindi fare clic su Gestione gruppo.
Dalla finestra di dialogo, è possibile rinominare il gruppo e
visualizzare il numero degli utenti del gruppo. È possibile
apportare modifiche facendo clic sul pulsante Aggiorna gruppo
oppure rimuovere il gruppo utilizzando il pulsante Elimina
gruppo.
Aggiunta di utenti (registrazione automatica o
manuale)
aggiunta
manuale
degli utenti
Generalmente, l'aggiunta manuale degli utenti
è ideale per ambienti controllati le piccole
aziende, organizzazioni o club dove gli utenti
sono "conosciuti".
Per ciascun gruppo di utenti che viene creato,
un gruppo di utenti può essere aggiunto a
ciascun gruppo di utenti tramite immissione
manuale o importazione da file di testo
delimitato da virgola tramite la gestione
Web.
È possibile utilizzare un unico login utente
(tutti utilizzano lo stesso login) oppure creare
un login per ciascun utente per il controllo di
più utenti (ad esempio, per elenchi di
iscrizione).
registrazione
automatica
dell'utente
Al contrario, la registrazione dell'utente è
indicata per più accessi public dove il
controllo degli utenti non è realizzabile l'utente può semplicemente eseguire la
registrazione quindi accedere utilizzando le
proprie credenziali di login. La gestione Web
fornisce sempre l'opzione per gestire gli utenti
all'interno dei relativi gruppi tramite l'oggetto
avanzato di Elenco utenti.
Questo metodo richiede una casella di login
su schermo da posizionare nella pagina
(generalmente una pagina master).
È possibile aggiungere più di un utente allo stesso
gruppo di utenti. Lo stesso utente può appartenere a più
gruppi di utenti.
Per aggiungere manualmente un utente:
1.
Strumento Oggetto
2.
sul pulsante Gestione dell'oggetto per visualizzare la
finestra di dialogo Utenti.
3.
Dalla sezione Aggiungi nuovo utente nella parte
inferiore della finestra di dialogo, immettere l'indirizzo email dell'utente nella casella E-mail.
Con Richiedi attivazione selezionato, all'utente verrà
inviato tramite e-mail un collegamento dell'attivazione
con la password generata automaticamente. Quando è
deselezionato, verrà inviato tramite e-mail solo una
password generata automaticamente.
Con Invia messaggio e-mail a utente selezionato, verrà
inviato un messaggio e-mail all'utente; quando è
deselezionato, non verrà inviato alcun messaggio e-mail
ma l'utente viene aggiunto. È necessario comunicare la
password all'utente con altri mezzi (telefono o
verbalmente).
4.
Fare clic sul pulsante Aggiungi utente. L'utente viene
aggiunto all'elenco utenti nella sezione Utenti.
5.
Per assegnare gli utenti a un gruppo, fare clic su Gruppi
dal menu superiore.
6.
Selezionare il gruppo dall'elenco a discesa Gruppo,
quindi aggiungere l'utente selezionato dalla casella
Utenti alla casella Gruppo facendo clic sul pulsante
Aggiungi (per aggiungere tutti gli utenti, fare clic su
Aggiungi tutti). L'utente quindi apparterrà al gruppo di
utenti. Per rimuovere, utilizzare i pulsanti Rimuovi (o
Rimuovi tutto) dal gruppo.
Se configurata, è possibile consentire agli utenti di eseguire
personalmente la registrazione, evitando di dovere aggiungere
manualmente e gestire ogni utente come descritto in precedenza.
Questa operazione viene eseguita tramite Risorse Web Serif.
Per attivare la registrazione automatica dell'utente:
Questo metodo richiede una casella di login da
aggiungere alla pagina master. Un nuovo visitatore del
sito può registrarsi per diventare un utente registrato
(facendo clic sul collegamento Effettua registrazione
nella casella di login).
1.
Strumento Oggetto
2.
sul pulsante Gestione dell'oggetto per visualizzare la
finestra di dialogo Utenti.
3.
Fare clic su Gruppi dal menu superiore.
4.
Dalla finestra di dialogo, selezionare un gruppo esistente
dall'elenco a discesa Gruppo, quindi fare clic su
Gestione gruppo.
5.
Selezionare Aggiungi nuovi utenti alla registrazione - I
dettagli del login dell'utente sulla registrazione verranno
aggiunti al gruppo di utenti durante la registrazione.
Quando è selezionato, il processo di accesso consente
l'accesso a tutti i gruppi con "registrazione attivata",
altrimenti le pagine soggette a restrizioni verranno
protette.
6.
Fare clic su Aggiorna gruppo e quindi su Fine.
Se si sta creando un nuovo gruppo, ricordarsi di fare clic
su Aggiungi nuovi utenti alla registrazione nella
sezione Crea nuovo gruppo.
Fare clic con il pulsante destro del mouse su una
casella di login su pagina e scegliere Gestione
oggetto avanzato.
Quando gli utenti eseguono la registrazione tramite una
casella di login su schermo verranno visualizzati in ogni
gruppo di utenti con "registrazione utente attivata" (Per
ulteriori informazioni, consultare la Guida di WebPlus).
Attivazione del controllo dell'accesso
Per attivare il controllo dell'accesso su una pagina Web:
1.
Con la pagina Web correntemente visualizzata, fare clic
su
Sicurezza pagine sulla barra degli strumenti
contestuale predefinita.
2.
Selezionare Proteggi pagina con password per attivare
il controllo dell'accesso. Notare che il pulsante
Cambia/gestisci diventa attivo. Fare clic su questo
pulsante per visualizzare i gruppi di utenti correntemente
disponibili (in grassetto) e l'oggetto avanzato di Elenco
utenti a cui essi appartengono.
3.
Dalla finestra di dialogo Gruppi di utenti, selezionare il
gruppo di utenti, ad esempio Photoaccess, quindi fare
clic su OK. La scheda Sicurezza pagine della pagina
corrente deve mostrare che la pagina è protetta da
password e che il gruppo di utenti è stato assegnato.
4.
Fare clic su OK, quindi nuovamente su OK per chiudere
le finestre di dialogo.
Notare quindi la pagina nella scheda Sito che mostra il
simbolo di una chiave
pagine è impostato.
che indica che Sicurezza
Aggiunta di una casella di login
WebPlus consente di
aggiungere una casella di
immissione di login/logout in
una pagina del sito Web. Questo
significa che un visitatore Web
registrato può ottenere accesso a
qualsiasi pagina soggetta a
restrizioni accedendo al sito.
La casella di login è
effettivamente una
rappresentazione visiva
dell'oggetto avanzato di Elenco
utenti; è posizionata nella
pagina proprio come è presente
in Risorse Web Serif.
Gli utenti possono essere
aggiunti manualmente in
Risorse Web Serif o tramite
registrazione automatica
dell'utente.
Aggiungere la casella di login alla pagina master del
sito. La pagina Web che utilizza la pagina master offrirà
quindi all'utente l'opportunità di accedere al sito Web.
Per aggiungere una casella di login dell'utente:
1.
Seguire la procedura descritta nella sezione Attivazione
del controllo dell'accesso (vedere pag. 231) ma anziché
chiudere la finestra di dialogo, scegliere una pagina in
cui posizionare la casella di login, quindi fare clic sul
pulsante Inserisci.
2.
Posizionare il cursore
Incolla nel punto in cui si
desidera inserire la casella di login dell'utente, quindi
fare clic con il mouse per inserire l'oggetto con la
dimensione predefinita.
3.
Attivare la registrazione automatica dell'utente come
descritto precedentemente (Per ulteriori informazioni,
consultare la Guida di WebPlus).
Controllo utente avanzato
Alcune funzioni aggiuntive consentono di importare/esportare,
sospendere e escludere/annullare l'esclusione di utenti all'interno
dei gruppi di utenti. Un utente escluso viene escluso globalmente
(viene impedito l'accesso a tutti i gruppi di utenti).
Un utente può essere eliminato o temporaneamente sospeso per
violazione delle regole del sito (ad esempio, per invio di istruzioni
diffamatorie su un forum public in hosting). La volta successiva in
cui l'utente tenta di accedere viene visualizzato il messaggio
"L'account è stato sospeso" is displayed.
Nel caso sia necessaria un'azione più drastica, l'indirizzo IP di un
utente può essere escluso dall'accesso agli oggetti Risorse Web
Serif (ad esempio, forum, ecc.). Come rimedio estremo, anche
l'ISP o l'organizzazione a cui il proprietario dell'indirizzo e-mail
appartiene può essere escluso dall'accesso. Quest'ultima opzione
non è generalmente consigliata ma potrebbe essere necessaria per
evitare abusi istituzionali come lo spamming professionale.
Per maggiori dettagli, vedere la Guida di WebPlus.
Controllo dell'accesso con forum, blog e CMS
Per impostare il controllo dell'accesso per i forum:
1.
Selezionare l'oggetto avanzato di Elenco utenti
precedentemente creato per il controllo dell'accesso
quando si crea un forum. WebPlus creerà
automaticamente un gruppo di utenti per consentirne la
registrazione automatica e l'accesso. Il visitatore del
forum dovrà fare clic sul collegamento di registrazione
ed effettuare la registrazione.
2.
Per impostare un gruppo Moderatore, è necessario
creare un gruppo di moderatori, aggiungere i
moderatori manualmente, gestire il forum e scegliere
il gruppo dal menu a discesa Moderato da gruppo.
Per impostare il controllo dell'accesso per i blog o per
CMS:
•
È necessario creare un gruppo di editori, aggiungere
editori manualmente, quindi
•
Per i blog, fare clic su Gestione e scegliere il gruppo dal
menu a discesa Gruppo di editor.
- oppure Per CMS, fare clic su Gestione e scegliere
Autorizzazioni una volta indirizzati su
www.serifwebresources.com. Viene offerto lo stesso
menu mostrato precedentemente.
7
Operazioni con il
testo
236 Operazioni con il testo
Operazioni con il testo 237
importazione di testo da un file
Importazione del testo da un file di un programma di elaborazione
testi è un modo rapido di creare contenuto di testo per il sito (ma è
anche possibile creare un brano mediante WritePlus). Se si utilizza
un programma di elaborazione testi (ad esempio Microsoft Word)
per creare i file di testo per il sito, è possibile importare qualsiasi
numero di file in un unico sito.
Oltre al formato WritePlus (.stt), è possibile importare una serie di
formati di testo e di elaborazione testi che comprende:
Testo ANSI
.txt
Microsoft
Word
2007/2010
.docx/.dotx
Microsoft
Word
2000/2003
.doc/.dot
MS Works
.wps
Testo Open
Office
.odt
Rich Text
Format
.rtf
Wordperfect
.wpd
Write
.wri
Per i formati di Microsoft Word creati in qualsiasi sistema
operativo Windows non è necessario installare Microsoft Word
localmente. In questo modo, è possibile riutilizzare il testo di terze
parti in WebPlus senza l'applicazione di supporto.
WebPlus importerà testo in una nuova cornice di testo creativa
(supporta flusso di testo tra cornici) o in una cornice di testo
HTML o creativa selezionata (le cornici HTML non supportano il
flusso di testo) già presente sulla pagina Web. Vedere
Informazioni sulle cornici di testo a pag. 241 per ulteriori
informazioni.
WebPlus mantiene la formattazione del testo del
programma di elaborazione testi importato. Tuttavia, se
si utilizza il programma di elaborazione testi per creare
contenuto specifico per WebPlus, si risparmia tempo
digitando solo il testo e applicando la formattazione
successivamente in WebPlus.
Le tabelle non possono essere importate.
Per importare testo da un file:
1.
(Opzionale) Se si utilizza una cornice di testo vuota
esistente, selezionare la cornice. Se si inserisce il testo in
una cornice con contenuti, fare clic per introdurre un
punto di inserimento o selezionare una parte di testo da
sostituire.
2.
Scegliere File di testo... dal menu Inserisci.
3.
Dalla finestra di dialogo Apri, selezionare il formato di
file di origine da importare e individuare il file stesso.
4.
Selezionare la casella Mantieni formato per mantenere
gli stili di formattazione del file di origine. Deselezionare
la casella per eliminare queste informazioni. In entrambi
i casi, WebPlus mantiene le proprietà di base dei caratteri
quali corsivo, grassetto e sottolineato, nonché le
proprietà di paragrafo come l'allineamento (a sinistra, al
centro, a destra, giustificato).
5.
Fare clic su Apri.
6.
Il testo viene importato nell'oggetto di testo selezionato
in precedenza o in una nuova cornice di testo. Per cornici
HTML, potrebbe verificarsi l'overflow di testo nella
cornice. Per risolvere il problema, vedere Controllo del
testo delle cornici con overflow a pag. 243.
Per cornici creative, se tutto il testo importato non rientra
nella cornice di testo attiva, viene visualizzata una
finestra di dialogo in cui si richiede se creare cornici
aggiuntive per contenere il testo di overflow (fare clic su
Sì) o se posizionare il testo di overflow in un'area di
overflow nascosta (fare clic su No).
Informazioni sulle cornici di testo
In genere, in WebPlus il testo viene inserito all'interno di cornici
di testo HTML, che fungono da contenitori per singole parole o
paragrafi e articoli indipendenti. È inoltre possibile utilizzare testo
artistico per testo indipendente con effetti speciali o testo tabella
(vedere Creazione di tabelle basate su testo a pag. 277) per le
visualizzazioni su righe e colonne.
Che cos'è una cornice di testo?
In pratica, una cornice di testo è una mini-pagina, di solito
contenente testo cornice in uno o più paragrafi che scorrono
attraverso la cornice. In WebPlus, il testo cornice viene definito
brano.
•
Quando si seleziona una cornice, verrà visualizzato il
riquadro di delimitazione, indicato da una linea del bordo
più le maniglie del bordo e degli angoli e (se è stato
selezionato lo strumento Puntatore) un punto di
inserimento lampeggiante nel testo della cornice. In
questa modalità è possibile modificare il testo con lo
strumento Puntatore. Per maggiori dettagli, vedere
l'argomento Modifica del testo nella pagina a pag. 251.
•
Quando si sposta una cornice di testo, il testo del relativo
brano si sposta insieme alla cornice.
•
Quando si ridimensiona una cornice di testo, il testo del
relativo brano viene anch'esso ridimensionato.
Creazione di cornici HTML
È possibile aggiungere cornici a una pagina come si farebbe con
qualsiasi altro oggetto. È possibile selezionare, spostare e
ridimensionare qualsiasi cornice, ma non è possibile modificare la
relativa forma di base. (Vedere rispettivamente pag. 295, 295
e 295).
Per creare una cornice:
1.
Strumento Cornice di testo
HTML dal riquadro a comparsa Cornici di testo sulla
barra degli strumenti Oggetti standard.
2.
Fare clic sulla pagina o sul tavolo di montaggio per
creare una nuova cornice di dimensioni predefinite.
- oppure Trascinare per posizionare la cornice di testo
assegnandole le dimensioni preferite.
Per eliminare una cornice:
•
Selezionare la cornice e premere il tasto Canc. (Se nel
testo è presente un punto di selezione, premendo Canc si
eliminano i caratteri dopo il cursore).
Posizionamento del testo in una cornice
È possibile inserire testo in una cornice in diversi modi. Il testo
verrà convertito in codice conforme allo standard HTML.
Editor brani
Con una cornice selezionata, fare clic su
WritePlus:
WritePlus sulla barra degli strumenti
contestuale Cornice.
Importazione
del testo:
Fare clic con il pulsante destro del mouse su
una cornice e scegliere Inserisci>File di
testo... (scelta rapida Ctrl+T) per importare
il testo.
Digitare
all'interno
della cornice:
Selezionare lo strumento Puntatore, quindi
fare clic su un punto di inserimento per
digitare il testo direttamente nella cornice o
modificare il testo esistente.
Vedere Modifica del testo nella pagina a
pag. 251.
Incollare
dagli
Appunti:
Premere Ctrl+V in corrispondenza di un
punto di inserimento nel testo.
Trascinare e
rilasciare:
Selezionare il testo (ad esempio in un file di
un programma di elaborazione testi), quindi
trascinarlo sulla pagina WebPlus.
Se lo si rilascia su una cornice selezionata, il
testo viene incollato in linea dopo il testo
esistente. In caso contrario, per il testo viene
creata una nuova cornice.
Configurazione e layout della cornice
Il layout della cornice consente di controllare il modo in cui il
testo scorre nella cornice stessa. Quando una cornice è selezionata
e i valori per i margini sono definiti, i margini della relativa cornice
vengono visualizzati come linee guida punteggiate di colore grigio.
Tali guide determinano in realtà la modalità in cui il testo scorre
nella cornice fornendo una spaziatura tra il testo e il margine della
cornice. Il testo non scorrerà all'esterno dei margini della cornice.
Per creare margini di cornice:
•
Selezionare la cornice, quindi trascinare le linee del
margine della colonna per regolare i limiti della colonna.
(1)
(2)
(3)
Nell'illustrazione precedente viene mostrato il modo in cui l'aspetto
del cursore cambia quando si passa il mouse sul riquadro di
delimitazione (1), dopo aver trascinato verso l'interno è possibile
regolare il margine della cornice (2), mentre dopo aver trascinato
verso il basso è possibile spostare il margine superiore della
cornice (3).
Per consentire l'impostazione dei margini della cornice,
assicurarsi che sia selezionata la cornice e non il testo.
Sulla cornice viene visualizzato un riquadro di
delimitazione uniforme.
In alternativa, per un posizionamento preciso del margine, è
possibile creare margini di cornice tramite una finestra di dialogo
definendo i margini di cornice sinistro, destro, superiore o
inferiore.
Per creare margini di cornice tramite una finestra di
dialogo:
1.
Selezionare la cornice HTML e fare clic su
Impostazione cornice sula barra degli strumenti
contestuale Cornice.
2.
Dalla finestra di dialogo, è possibile definire i margini di
cornice impostando i valori Sinistra, Destra, In alto e
In basso.
Controllo del testo delle cornici con overflow
L'adattamento preciso del testo del brano in cornici di testo fa parte
dell'arte di progettare siti Web. Se la quantità testo del brano da
adattare nella cornice di testo è eccessiva, WebPlus memorizza il
testo in un'area di overflow nascosta (ma non eliminata) nella
parte inferiore della cornice.
Il pulsante Overflow testo viene visualizzato sotto la
cornice con overflow per indicare il suddetto testo nascosto, quindi
è importante assicurarsi che il testo venga nuovamente
visualizzato, altrimenti il brano rimarrà troncato.
Per eseguire questa operazione, sono disponibili diverse opzioni:
•
Ridimensionare fisicamente la cornice di testo se si
dispone di spazio. Vedere Ridimensionamento degli
oggetti a pag. 295.
•
Considerare la possibilità di riscrivere il brano,
rendendolo più conciso.
•
Ridimensionare il testo, come descritto di seguito.
Per ridimensionare il testo della cornice una volta dimensionate e
posizionate le cornici, è possibile utilizzare diversi strumenti
disponibili sulla barra degli strumenti contestuale Cornice.
Il riquadro a comparsa Dimensionamento testo prevede
tre strumenti per controllare il ridimensionamento del
testo all'interno della cornice di testo. Si tratta
operazioni "individuali" (diverse alle opzioni
"continue" di Adattamento automatico visualizzate di
seguito).
Adatta testo
Fare clic per ridimensionare il testo del brano affinché
si adatti esattamente alle cornici disponibili; l'aggiunta
di ulteriore testo alla cornice causerà problemi di
overflow. È possibile ricorrere a questa funzionalità
nella fase iniziale, per avere un'idea del modo in cui si
adatta il testo oppure in prossimità della fase conclusiva
per applicare il tocco finale. L'opzione Adatta testo si
applica inizialmente ricorrendo a piccole modifiche
della dimensione in punti, poi a piccole modifiche
dell'interlinea, per poi passare all'adattamento della
spaziatura dei paragrafi, finché il testo si adatta
correttamente.
Estendi testo
Fare clic per aumentare le dimensioni del testo del
brano di un livello (approssimativamente del 2%).
Riduci testo
Fare clic per ridurre le dimensioni del testo del brano di
un livello.
È possibile applicare impostazioni di adattamento automatico
individuali al testo di ciascuna cornice, come illustrato di seguito:
Il riquadro a comparsa Opzioni Adattamento
automatico presenta tre opzioni di adattamento
automatico che agiscono in modo continuo sul testo
selezionato di una cornice.
Nessun adattamento automatico
Si tratta della modalità di funzionamento normale con
la quale, se selezionata, il testo non verrà scalato
automaticamente in tutta la cornice di testo selezionata.
Riduci testo nell'area di overflow
Selezionando questa opzione, il testo supplementare
aggiunto a una cornice selezionata determinerà la
riduzione delle dimensioni di tutto il testo della cornice
per evitare problemi di overflow.
Adattamento automatico
Selezionando questa opzione, il testo della cornice
verrà ridimensionato automaticamente attraverso
l'adattamento delle sue dimensioni (confrontare con
l'opzione Adatta testo, che determina l'adattamento del
testo una sola volta, consentendo che eventuale testo
aggiuntivo provochi episodi di overflow).
Per le cornici creative, il pulsante Collegamento sull'ultima cornice
della sequenza viene visualizzato
un pulsante
al momento dell'overflow;
Flusso automatico viene visualizzato accanto al
pulsante Collegamento. È possibile modificare la storia oppure
creare più spazio per inserirla, aggiungendo alla sequenza una o
due cornici supplementari. Facendo clic sul pulsante Flusso
automatico, è possibile aggiungere automaticamente cornici e
pagine supplementari, in base alle necessità.
Utilizzo del testo artistico
Il testo artistico è un testo indipendente che viene digitato
direttamente nella pagina. È particolarmente utile per titoli,
citazioni e altro testo per scopi specifici e viene formattato
facilmente con gli strumenti di testo standard.
Per creare il testo artistico:
1.
Scegliere lo
Strumento Testo artistico dal
riquadro a comparsa Testo nella barra degli strumenti
Oggetti standard.
2.
Fare clic in qualunque punto della pagina per introdurre
un punto di inserimento utilizzando una dimensione in
punti predefinita o trascinare per specificare una
dimensione specifica, come mostrato qui.
3.
Impostare le proprietà del testo iniziali (carattere, stile e
così via) in base alle esigenze prima di iniziare a digitare,
utilizzando la barra degli strumenti contestuale Testo o
facendo clic con il pulsante destro del mouse e
scegliendo Formato testo>.
4.
Digitare il testo direttamente nella pagina per creare il
testo artistico.
Una volta creato un oggetto di testo artistico, è possibile
selezionarlo, spostarlo, ridimensionarlo, eliminarlo e copiarlo come
si farebbe con una cornice di testo. È possibile applicare colori
uniformi, riempimenti gradiente/bitmap e trasparenza.
Per ridimensionare un oggetto di testo artistico o
ridefinirne le proporzioni:
•
Per ridimensionare e mantenere le proporzioni
dell'oggetto, trascinare le maniglie negli angoli
dell'oggetto.
•
Per ridimensionare liberamente, tenere premuto il tasto
Maiusc durante il trascinamento.
Per modificare il testo artistico:
•
Trascinare per selezionare un intervallo di testo creando
una selezione blu.
È anche possibile fare doppio clic per selezionare una
parola.
Ora si può digitare il nuovo testo, applicare la
formattazione del carattere e del paragrafo, modificare il
testo in WritePlus, applicare le opzioni di correzione e
così via.
Posizionamento del testo su un
tracciato
Il testo artistico in linea retta "normale" non può sicuramente
definirsi normale, ma è possibile ampliarne ulteriormente le
potenzialità creative facendolo scorrere lungo un percorso
curvilineo.
L'oggetto risultante ha tutte le proprietà del testo artistico, inoltre il
relativo percorso è una curva Bézier che è possibile modificare con
lo strumento Puntatore in modo facile come qualsiasi altra linea.
Inoltre, il testo su un percorso è modificabile in alcuni modi
univoci, come descritto di seguito.
Per applicare un percorso curvilineo preimpostato al
testo:
1.
Creare un oggetto di testo artistico.
2.
Con il testo selezionato, fare clic sul
riquadro a
comparsa Percorso sulla barra degli strumenti
contestuale Testo e scegliere un percorso preimpostato.
Il testo scorre ora lungo il percorso specificato, ad esempio
"Percorso - Cerchio in alto".
Per aggiungere testo artistico a una linea o forma
esistente:
1.
Creare una linea curva, retta o freehand (vedere Disegno
e modifica di linee a pag. 371) o una forma (vedere
Disegno e modifica di forme a pag. 380).
2.
Scegliere lo
strumento Testo artistico dal riquadro
a comparsa Testo della barra degli strumenti Strumenti.
3.
Portare il cursore molto vicino alla linea. Quando il
cursore cambia per includere una curva, fare clic con il
mouse sul punto in cui si desidera che inizi il testo.
pulsante
4.
Iniziare a digitare nel punto di inserimento. Il testo scorre
lungo la linea, che è stata convertita in percorso.
Per adattare il testo esistente a una linea o forma
esistente:
1.
Creare un oggetto di testo artistico.
2.
Creare una linea curva, retta o freehand o una forma.
3.
Selezionare entrambi gli oggetti. Nel menu Strumenti
scegliere Adatta testo a curva. Il testo ora scorre lungo
il percorso specificato.
Per creare il testo e il percorso contemporaneamente:
1.
Scegliere uno degli strumenti Testo percorso dal riquadro
a comparsa Testo:
Lo strumento Testo percorso freehand consente di disegnare
una curva a mano libera.
Lo strumento Testo percorso retto consente di disegnare una
linea retta.
Lo strumento Testo percorso curvilineo consente di unire una
serie di segmenti, che possono essere curvi o retti, collegando i
punti facendo clic con il mouse.
2.
Creare una linea sulla pagina. La linea viene visualizzata
come percorso con un punto di inserimento all'estremità
iniziale (per un percorso curvilineo che è possibile
digitare direttamente in qualsiasi parte del percorso o
premere Esc o fare doppio clic su per ottenere il punto di
inserimento all'inizio del percorso).
3.
Iniziare a digitare nel punto di inserimento. Il testo scorre
lungo il percorso.
Per rimuovere il percorso di testo:
1.
Selezionare l’oggetto di testo su percorso.
2.
Percorso-Nessuno sul
riquadro a comparsa Percorso della barra degli strumenti
contestuale Testo.
Il testo rimane come un oggetto di testo artistico in linea retta; il
percorso viene rimosso in modo permanente.
Modifica del testo nella pagina
È possibile utilizzare lo strumento Puntatore per modificare
direttamente il testo in cornice, il testo di una tabella o il testo
artistico. Nella pagina, è possibile selezionare e immettere testo,
impostare i rientri dei paragrafi e le tabulazioni, modificare le
proprietà del testo, applicare stili di testo e utilizzare la funzione
Trova e sostituisci (vedere pag. 256). Per la modifica di brani più
lunghi e per opzioni più avanzate, scegliere WritePlus (Modifica
brano… dal menu Modifica).
Selezione e immissione di testo
La selezione di testo di cornici, testo artistico e testo di tabelle
segue le convenzioni dei più aggiornati strumenti di elaborazione
testi. L'area di selezione è ombreggiata e di colore blu
semitrasparente per semplificare le modifiche.
Per selezionare una parola, un paragrafo o tutto il testo fare
rispettivamente due, tre o quattro volte clic. È anche possibile
tenere premuto Ctrl e fare clic oppure trascinare per selezionare
parole non adiacenti, nonché premere Maiusc per selezionare
intervalli di testo.
Per modificare il testo nella pagina:
1.
Selezionare lo Strumento Puntatore, quindi fare clic o
trascinare nell'oggetto di testo. Un punto di inserimento
standard viene visualizzato nella posizione di clic
(vedere di seguito).
- oppure Selezionare una singola parola, un singolo paragrafo o
una parte del testo.
2.
Digitare per inserire il nuovo testo o sovrascrivere il testo
selezionato.
Per iniziare un nuovo paragrafo:
•
Premere Invio.
Per iniziare una nuova riga nello stesso paragrafo
(utilizzando un'interruzione di riga):
•
Premere Maiusc+Invio.
Per fare scorrere il testo nella colonna (Interruzione di
colonna) o nella cornice successiva (Interruzione di
cornice):
•
Solo testo in cornice creativa: premere rispettivamente
Ctrl+Invio o Alt+Invio oppure selezionare le relative
voci dal sottomenu Inserisci>Interruzioni.
Per passare dalla modalità di inserimento a quella di
sovrascrittura e viceversa:
•
Premere il tasto Ins.
Per ripetere un'azione di testo:
•
Selezionare Ripeti dal menu Modifica oppure premere
Ctrl+Y.
Ad esempio, se è stata applicata una nuova formattazione a un
paragrafo, è possibile fare clic su un altro paragrafo e utilizzare il
comando Ripeti per applicare la stessa formattazione.
Per mostrare caratteri speciali:
•
Dal menu Visualizza, selezionare Caratteri speciali
(per segni e interruzioni di paragrafo; vedere di seguito)
oppure Spazi (Mostra caratteri speciali, spazi unificatori
e spazi normali "riempiti").
Come copiare, incollare e spostare il testo
È possibile copiare e incollare il testo con facilità utilizzando i
comandi standard. È anche supportata la funzione di trascinamento
del testo.
Se non si posiziona un punto di inserimento, il testo può
essere incollato direttamente in una nuova cornice di
testo.
Impostazione dei rientri dei paragrafi
Quando si seleziona un oggetto di testo, i marcatori sul righello
orizzontale indicano il rientro a sinistra, il rientro della prima riga e
il rientro a destra del paragrafo corrente. È possibile regolare i
marcatori per impostare i rientri dei paragrafi oppure utilizzare una
finestra di dialogo.
(A) Rientro a sinistra; (B) Rientro della prima riga; (C) Rientro a
destra.
•
Il rientro a sinistra viene impostato in base al margine
sinistro dell'oggetto.
•
Il rientro della prima riga viene impostato in base al
rientro a sinistra.
•
Il rientro a destra viene impostato in base al margine
destro dell'oggetto.
Per ulteriori informazioni sull'impostazione dei margini delle
cornici, vedere Impostazione e layout delle cornici a pag. 241.
Per impostare i rientri del paragrafo corrente:
•
Trascinare i marcatori del righello.
- oppure Per inserire rapidamente rientri a sinistra, selezionare il
Aumenta livello o
Riduci livello per
pulsante
aumentare o ridurre rispettivamente il rientro. Il rientro si
basa sulla distanza di tabulazione correntemente
predefinita.
- oppure Per modificare le impostazioni dei rientri in una finestra
di dialogo, scegliere Paragrafo... dal menu Testo. Nella
casella Rientro, è possibile immettere i valori per i rientri
A sinistra, A destra, 1ª linea o Sporgente.
Operazioni con il testo Unicode
WebPlus supporta completamente la codifica Unicode e consente
di incorporare caratteri di lingue diverse o simboli speciali.
•
Per incollare nella pagina il testo Unicode dagli Appunti,
selezionare Modifica>Incolla speciale..., quindi "Testo
Unicode non formattato".
•
Inserire direttamente nel testo i caratteri Unicode
digitandone il valore esadecimale Unicode e premendo
Alt+X. La combinazione di tasti Alt+X consente di
alternare il carattere visualizzato (ad esempio, @) e
l'equivalente valore esadecimale (ad esempio, U+0040).
•
Per esportare il testo in formato Unicode, utilizzare
WritePlus.
Utilizzo della funzionalità Trova e
sostituisci
È possibile effettuare una ricerca nel testo del sito per individuare
numerosi elementi: non si tratta solo di parole o parti di parole, ma
di una serie di attributi di paragrafo e carattere, quali caratteri, stili,
allineamento, elenchi puntati e numerati, caratteri mancanti,
capilettera, nonché grafica agganciata e molto altro. Utilizzando la
finestra di dialogo Trova e sostituisci, che rimane aperta senza
influire sulle attività fino a quando si fa clic su Chiudi, è possibile
effettuare sostituzioni a livello globale o singolarmente.
Per utilizzare Trova e sostituisci:
1.
Scegliere Trova e sostituisci... dal menu Modifica.
2.
Nella finestra di dialogo, digitare il testo da cercare nella
casella Trova e l'eventuale testo sostitutivo nella casella
Sostituisci. Fare clic sulle frecce Giù per visualizzare gli
elementi recenti. Fare clic sul pulsante di una delle due
caselle per utilizzare i menu a icone nei quali selezionare
i formati o i caratteri speciali o per definire
un'espressione regolare (per una ricerca con caratteri
jolly).
3.
Selezionare l'intervallo di ricerca: Brano corrente (solo
il brano o l'oggetto di testo correntemente selezionato),
Tutti i brani (tutto il testo) o Selezione corrente
(utilizzato solo con la funzione Sostituisci tutto nel testo
correntemente selezionato).
4.
Selezionare Solo parole intere per cercare le sequenze di
caratteri che contengono spazi vuoti (spazio, carattere di
tabulazione e così via) o segni di punteggiatura a ogni
estremità o che si trovano all'inizio o alla fine di un
paragrafo. Selezionare Maiuscole/minuscole per
effettuare una ricerca con distinzione tra maiuscole e
minuscole. Selezionare Espressioni regolari per trattare
il contenuto della casella Trova come un'espressione
anziché come una stringa letterale da cercare.
5.
Fare clic su Trova successivo per individuare
l'occorrenza successiva del testo specificato in Trova.
- oppure Fare clic su Seleziona tutto per evidenziare
contemporaneamente tutte le occorrenze di testo
corrispondente nel sito.
6.
Fare clic su Sostituisci per sostituire il testo con il testo
sostitutivo. In alternativa, fare clic di nuovo su Trova
successivo per passare al testo corrispondente
successivo. Continuare a utilizzare l'opzione Sostituisci,
se necessario fino al raggiungimento della fine del sito.
- oppure Fare clic su Sostituisci tutto per sostituire
contemporaneamente tutte le occorrenze del testo trovato
con il testo sostitutivo. WebPlus segnala il
completamento della ricerca.
7.
Fare clic su Chiudi per chiudere la finestra di dialogo
Trova e sostituisci.
8
Formattazione di
testo
260 Formattazione di testo
Formattazione di testo 261
Impostazione delle proprietà di testo
WebPlus fornisce un controllo di livello avanzato sui dettagli del
layout tipografico, che si utilizzi un testo cornice, un testo tabella
o un testo artistico.
Per applicare la formattazione del testo di base:
1.
Selezionare il testo.
2.
Utilizzare i pulsanti sulla barra degli strumenti
contestuale Testo per modificare lo stile, il tipo di
carattere, la dimensione in punti, gli attributi,
l'allineamento del paragrafo o il livello del testo.
Per cancellare la formattazione locale (ripristinare le
proprietà del testo normali/predefinite):
•
Selezionare un intervallo di testo con la formattazione
locale.
•
Selezionare Ctrl-barra spaziatrice sulla tastiera.
Utilizzo dei caratteri
Uno dei modi principali per modificare l'aspetto del sito consiste
nel cambiare i caratteri utilizzati nel testo artistico, nel testo
cornice o nel testo tabella. Applicando diversi tipi di carattere a un
carattere o a un intero paragrafo è possibile comunicare ai lettori
messaggi molto diversi tra loro.
L'assegnazione
dei tipi di
carattere in
WebPlus è
molto semplice:
può essere
eseguita
attraverso la
scheda
Caratteri, la
barra degli
strumenti
contestuale
Testo o nella
finestra di
dialogo
Carattere
(facendo clic
con il pulsante
destro del
mouse oppure
accedendo al
menu Testo).
La scheda Caratteri viene nascosta automaticamente per
impostazione predefinita, ma è possibile visualizzarla facendo clic
sul pulsante freccia disponibile a sinistra dello spazio di lavoro.
Potrebbe anche essere necessario fare clic sull'etichetta Caratteri
per visualizzare la scheda Caratteri.
I caratteri Websafe appartengono a un sottoinsieme
appositamente selezionato e configurabile di caratteri che offre le
migliori corrispondenze di caratteri tra il sito (durante il design) e i
computer dei visitatori Web (durante la navigazione). Al momento
della pubblicazione, viene eseguito solo il riferimento ai caratteri
Websafe, i quali non vengono rasterizzati, poiché si presuppone
che siano già disponibili nel computer di un visitatore Web.
In generale, è consigliabile attenersi all'elenco standard di caratteri
Websafe visualizzato nella scheda Caratteri a meno non si abbia la
certezza dell'utilizzo dei caratteri da parte del pubblico di
destinazione. Questi caratteri sono raggruppati nella categoria
Websafe della scheda (una categoria equivalente esiste nel menu a
discesa Carattere della barra degli strumenti contestuale Testo).
Utilizzo degli stili di testo
WebPlus consente di utilizzare stili di testo specifici (predefiniti o
definiti dall'utente) che possono essere applicati al testo cornice, al
testo tabella o al testo artistico. Uno stile di testo è costituito da
una serie di attributi di un carattere e/o di un paragrafo salvati
come gruppo. Quando si applica uno stile al testo, l'intero gruppo
di attributi viene applicato in un'unica operazione. Ad esempio, è
possibile utilizzare determinati stili di paragrafo per specifici
elementi di layout, come "Intestazione", "Citazione" o "Corpo" e
altri stili di carattere per trasmettere il significato, come
"Emphasis", "Code" o "Reference".
È possibile applicare gli stili ai caratteri o ai paragrafi utilizzando
la barra degli strumenti contestuale Testo o la scheda Stili testo. È
possibile gestire gli stili di paragrafo e quelli di carattere dalla
Tavolozza stili testo.
La scheda Stili di testo consente inoltre di creare nuovi stili da
zero, creare stili specifici dalle proprietà del testo esistenti e
sostituire uno stile con un altro in tutto il sito in una sola
operazione. È possibile visualizzare l'anteprima di qualsiasi stile e
qualsiasi paragrafo selezionato direttamente nella pagina. Per
maggiori dettagli su questa caratteristica, consultare la Guida di
WebPlus.
Stili di paragrafo e di carattere
Uno stile di paragrafo contiene le specifiche complete relative
all'aspetto del paragrafo, compresi tutti gli attributi del formato per
il carattere e il paragrafo. In WebPlus, a ciascun paragrafo è
associato uno stile di paragrafo.
Tipo di testo
Stile di
paragrafo
utilizzato
Basato su
Cornice (HTML o creativa)
Corpo
Normale
Artistico
Corpo
artistico
Normale
Tabella/Calendario
Corpo
tabella
Normale
Uno stile di carattere contiene soltanto gli attributi del carattere
(nome, dimensione in punti, grassetto, corsivo e così via) e viene
applicato a livello del carattere, ovvero a un intervallo di caratteri
selezionati anziché all'intero paragrafo.
Operazioni con stili specifici
Lo stile specifico del testo correntemente selezionato viene
visualizzato nella scheda Stili testo o nell'elenco a discesa Stili
nella barra degli strumenti contestuale Testo. Può essere
visualizzato uno stile di carattere se è stato applicato localmente; in
caso contrario viene indicato lo stile di paragrafo.
Per applicare uno stile specifico:
1.
Utilizzando lo strumento Puntatore, fare clic su un
paragrafo (per applicare uno stile di paragrafo) oppure
selezionare un intervallo di testo (per applicare uno stile
di carattere).
2.
Visualizzare la scheda Stili testo e selezionare uno stile
dal relativo elenco.
- oppure Nella barra degli strumenti contestuale Testo, fare clic
sulla freccia per espandere l'elenco a discesa Stili e
selezionare il nome di uno stile.
Nella scheda Stili testo viene evidenziato lo stile di paragrafo o di
carattere applicato al testo selezionato.
Dal momento che è possibile applicare allo stesso testo sia la
formattazione di paragrafo, sia quella di carattere, tutte le
formattazioni correnti del testo vengono visualizzate nella casella
Formato corrente all'interno della scheda.
Per modificare uno stile esistente:
1.
Nella scheda Stili testo:
•
Fare clic con il pulsante destro del mouse sullo stile
di carattere o di paragrafo che si desidera
modificare, quindi scegliere Modifica ....
- oppure -
•
Dopo aver selezionato uno stile, scegliere il pulsante
Gestione stili nella scheda Stili testo e fare
clic sul pulsante Modifica....
2.
Nella finestra di dialogo Stile testo, definire (o
modificare) il nome dello stile, lo stile di base e gli
attributi dei caratteri o dei paragrafi, le schede, gli
elenchi puntati e i capilettera da includere nella nuova
definizione di stile.
3.
Fare clic su OK per accettare le proprietà dello stile
oppure su Annulla per abbandonare le modifiche.
4.
Fare clic su Applica per aggiornare il testo oppure su
Chiudi per conservare lo stile nel sito e utilizzarlo in
seguito.
In alternativa, scegliere Tavolozza stili testo... nel menu Testo per
modificare gli stili e passare alle impostazioni predefinite del
testo (vedere p. 305).
Per eliminare uno o più stili di testo:
•
Fare clic col pulsante destro del mouse su uno stile di
testo e selezionare Elimina ....
•
Nella finestra di dialogo, fare clic su Rimuovi. Per
eliminare più stili, selezionare innanzitutto i diversi nomi
degli stili. Per rimuovere tutti gli stili inutilizzati,
ricorrere agli opportuni pulsanti.
Quando si eliminano egli stili è consigliabile
procedere con cautela. Gli stili basati su uno stile
"principale" contrassegnato verranno selezionati per
essere eliminati.
Modifica degli stili comuni
È molto semplice cambiare lo stile di un carattere o di un paragrafo
sostituendolo con un altro in una singola porzione di testo. In
WebPlus, tuttavia, è altrettanto semplice passare da uno stile
all'altro selezionando più istanze dello stesso stile e scegliendo poi
uno stile alternativo. In questo modo si cambiano tutti gli stili nei
paragrafi e nei brani contemporaneamente.
Per selezionare (e modificare) uno stile nell'intero sito:
1.
Fare clic con il pulsante destro del mouse su uno degli
stili visualizzati nella scheda Stili testo.
2.
Se lo stile è utilizzato nel sito, viene visualizzato il
seguente messaggio: "Selezionare tutte le n istanze" (n
rappresenta il numero di volte in cui viene utilizzato lo
stile).
Se non ci sono occorrenze dello stile, l'opzione non è
attiva.
3.
Fare clic sull'etichetta del messaggio; il testo formattato
con lo stile scelto viene evidenziato.
4.
Passare con il mouse sopra i nomi degli stili nell'elenco
stili. Fare clic su uno stile per applicarlo al testo
selezionato.
Creazione di un elenco puntato o
numerato
Nelle cornici di testo, è possibile creare elenchi e paragrafi puntati
e numerati. Gli elenchi puntati risultano particolarmente utili
quando si devono disporre gli elementi senza un ordine specifico di
preferenza, mentre gli elenchi numerati risultano utili per
descrivere procedure dettagliate (è possibile utilizzare numeri o
lettere). WebPlus consente di applicare lo stile di elenco al testo
normale (come formattazione locale) o agli stili di testo.
Tuttavia, se si utilizzano cornici di testo creative, è possibile
inserire elenchi puntati o numerati di base e complessi
selezionando le impostazioni predefinite (vedere di seguito) oppure
creando uno stile di elenco personalizzato (ciò consente di
selezionare formati personalizzati di simboli, numeri e lettere). Si
ha quindi la possibilità di sostituire una preimpostazione esistente
con la propria, basata sullo stile di elenco personalizzato.
Elenco puntato
Elenco numerato
Per creare un semplice elenco puntato o numerato:
1.
Selezionare uno o più paragrafi.
In alternativa,
fare clic sul testo di un paragrafo.
2.
Selezionare
Elenco puntato o
Elenco
numerato dalla barra degli strumenti contestuale Testo.
Lo stile dell'elenco utilizzato è la prima preimpostazione mostrata
nella finestra di dialogo Elenchi puntati e numerati descritta di
seguito.
Per creare un semplice elenco puntato o numerato
(utilizzando le preimpostazioni):
1.
Selezionare uno o più paragrafi.
In alternativa,
fare clic sul testo di un paragrafo.
2.
Selezionare Elenchi puntati e numerati... dal menu
Testo.
3.
Nella finestra di dialogo Stile di testo:
•
Per il testo in cornici di testo HTML, fare clic su
un'icona preimpostata della finestra di dialogo.
- oppure -
4.
•
Per il testo in cornici di testo creative, selezionare
Punto elenco o Numero dal menu a discesa Stile,
quindi scegliere uno dei formati preimpostati
visualizzati per impostazione predefinita.
- oppure -
•
Per un elenco personalizzato, selezionare
un'impostazione predefinita, quindi fare clic su
Dettagli per modificare le opzioni di
personalizzazione.
Fare clic su OK per applicare la formattazione all'elenco.
Ogni volta che viene inserito un ritorno a capo, la nuova riga inizia
con il simbolo o il numero specificato. Inoltre, se vengono digitati
due ritorni a capo consecutivamente (premendo due volte Invio),
vengono annullati i punti elenco e i numeri e viene ripristinata la
normale formattazione del paragrafo.
Per disattivare la formattazione di elenco, fare
nuovamente clic sul pulsante
o
degli strumenti contestuale Testo.
della barra
WebPlus consente anche di assegnare punti elenco e numeri agli
stili (vedere la Guida di WebPlus).
Inserimento dei dettagli utente
È possibile utilizzare la finestra di dialogo Dettagli utente per
memorizzare informazioni utente di uso frequente o aggiornate in
modo da non doverle immettere continuamente, utile ad esempio
per numeri di telefono di cellulari o indirizzi e-mail che cambiano
di frequente nel corso del tempo. La finestra di dialogo consente di
rivedere tutti i dettagli utente in modo immediato e aggiorna i
campi direttamente in tutto il sito Web.
Per la gestione di dettagli utente su più siti aziendali, WebPlus
supporta diversi set azienda (ovvero un set memorizzato di
dettagli utente) che possono essere applicati a ciascun sito Web.
Questi campi devono essere presenti sulle pagine del sito prima
degli aggiornamenti e potrebbe essere necessario immetterli
manualmente tramite Inserisci>Informazioni>Dettagli utente.
Tenere presente che molti modelli di design dispongono già di
questi campi di dettagli utente, ad esempio sulle pagine di contatto.
È inoltre possibile utilizzare questa finestra di dialogo Dettagli
utente per definire variabili globali o specifiche del sito per
l'utilizzo ripetitivamente in tutti i siti WebPlus o solo nel sito
corrente. Vedere Inserimento di variabili a pag. 273.
Per aggiungere, eliminare o modificare i dettagli utente:
1.
Fare clic su
Imposta dettagli utente sulla barra
degli strumenti contestuale predefinita (deselezionare gli
oggetti da visualizzare).
2.
Per dettagli utente aziendali, immettere le nuove
informazioni nella scheda Set azienda. Assicurarsi che
l'elenco a discesa Seleziona set sia impostato su
Predefinito se è probabile che si utilizzi un solo set di
dettagli aziendali. L'elenco a discesa consente di
selezionare un set diverso di dettagli utente aziendali, se
creato. Vedere Creazione di set azienda a pag. 272.
3.
Per i dettagli degli utenti privati, utilizzare la scheda
Home. Questi campi sono distinti da quelli impostati
nella scheda Set azienda.
Se è presente un calendario nel sito, verrà visualizzata
una scheda Calendari. Questo consente di modificare
l'anno e mostrare/nascondere festività pubbliche ed
eventi personali.
Inserimento e aggiornamento di dettagli
utente
È possibile inserire uno o più campi Dettagli utente nel sito in
qualsiasi momento.
Per inserire un campo Dettagli utente:
1.
Selezionare lo strumento Puntatore e fare clic sul testo
per creare un punto di inserimento.
2.
Scegliere Informazioni dal menu Inserisci, quindi
selezionare Dettagli utente... nel sottomenu.
3.
Selezionare una voce Dettagli utente e, facoltativamente,
qualsiasi Prefisso o suffisso (Suffisso) di testo da
includere nei dettagli utente, ad esempio Nome:.
4.
Fare clic su OK.
Per i siti esistenti, è possibile aggiornare i campi modificati
facendo clic su un pulsante.
Per aggiornare i campi:
•
Immettere le nuove informazioni nella finestra di
dialogo Dettagli utente (da Strumenti>Imposta dettagli
utente...).
•
Fare clic sul pulsante Aggiorna per aggiornare
automaticamente qualsiasi campo modificato attualmente
presente nel sito. Il campo rimane collegato ai dettagli
utente fino a quando non viene eliminato.
Creazione di set azienda
Se si sviluppano più siti aziendali, è possibile memorizzare e
assegnare diversi set di dettagli utente aziendali per ogni sito. Un
set azienda è simile a un profilo, in cui viene memorizzato un set
univoco di dettagli utente con un nome scelto.
Per creare un set azienda:
1.
Dalla finestra di dialogo Dettagli utente (scheda Set
azienda), fare clic su Nuovo….
2.
Immettere un nuovo nome per il set azienda e fare clic su
OK. Il nuovo set diventa attivo come mostrato
nell'elenco a discesa Seleziona set.
3.
Immettere le informazioni nella finestra di dialogo
Dettagli utente, quindi fare clic su Aggiorna.
Una volta creato un set azienda e applicato al sito, le impostazioni
verranno memorizzate con il sito.
I set azienda consentono di memorizzare dettagli utente
diversi per ciascun sito Web creato.
Per passare a un set azienda diverso:
•
Selezionare un set alternativo dall'elenco a discesa
Seleziona set, quindi fare clic su Aggiorna.
Per rinominare o eliminare un set azienda:
1.
Scegliere il set azienda dall'elenco a discesa Seleziona
set.
2.
Selezionare Rinomina o Elimina.
Inserimento di variabili
Se il sito contiene testo ripetuto che si desidera sostituire con altro
testo, è possibile utilizzare le variabili. In genere, si effettua questa
operazione per modificare il nome o la versione di un prodotto,
facilitando l'aggiornamento del sito quando vengono modificati i
nomi o le versioni dei prodotti. I campi di variabile vengono
modificati automaticamente, aggiornandosi in base ai nuovi valori.
Le variabili vengono utilizzate in modo simile ai dettagli utente
(vedere p. 269). Possono essere aggiunte e inserite come i campi
dei dettagli utente ed essere aggiornate dalla stessa finestra di
dialogo Dettagli utente.
È possibile memorizzare la variabile solo nel sito o a livello
globale per altri siti. L'ultima opzione è un'ottima scelta per i nomi
dei prodotti, poiché è probabile che vengano utilizzati di nuovo
globalmente in un ambiente aziendale.
Per aggiungere, modificare o eliminare le variabili:
1.
Fare clic su
2.
Selezionare la scheda Globale o Sito per rendere
disponibile la variabile aggiunta rispettivamente a tutti i
siti o solo al sito corrente.
3.
Da una delle schede, fare clic sul pulsante Aggiungi.
4.
Nell'elenco delle variabili, digitare il nome della
Variabile creata, assegnandogli una stringa univoca che
identifichi la variabile facilmente.
5.
Fare clic sulla colonna adiacente alla nuova variabile e
digitare il valore della variabile, ovvero il testo che verrà
visualizzato nella pagina.
6.
Aggiungere le variabili aggiuntive in base alle esigenze
nella scheda Sito o Globale.
7.
Una volta effettuata la scelta di variabili, è possibile inserirle come
campi al posto del testo "statico". Non è possibile utilizzare
variabili che non sono inserite nel sito.
Per inserire un campo di variabile:
1.
Fare clic sul testo per creare un punto di inserimento o
effettuare una selezione di testo.
2.
Scegliere Informazioni dal menu Inserisci, quindi
selezionare Variabile... nel sottomenu.
3.
Dall'elenco a discesa della finestra di dialogo, seleziona
la variabile dalla posizione in cui è stata memorizzata in
Dettagli utente (Globale o Sito).
4.
Selezionare una voce di variabile e, facoltativamente,
qualsiasi prefisso o suffisso di testo da includere nella
variabile.
5.
Fare clic su OK.
Se si desidera modificare la variabile, è sufficiente modificare e
aggiornare il valore della variabile. I campi di variabile vengono
aggiornati in tutto il sito in base ai nuovi valori.
Per aggiornare le variabili:
1.
Fare clic su
2.
Modificare la variabile esistenti con un nuovo valore.
3.
9
Operazioni con le
tabelle
278 Operazioni con le tabelle
Operazioni con le tabelle 279
Creazione di tabelle basate su testo
Le Tabelle sono una soluzione ideale per presentare il testo e i dati
in vari formati di riga e colonna facilmente personalizzabili con
funzionalità di foglio di calcolo incorporate.
Ciascuna cella di una tabella si comporta come una minicornice.
Analogamente al testo in cornice, è possibile modificare le
proprietà del carattere e del paragrafo, applicare stili di testo
specifici, incorporare immagini agganciate, applicare riempimenti
di colore uniforme al testo e utilizzare opzioni di correzione quali
Controllo ortografico Strumento di correzione. Sono disponibili
alcune funzioni esclusive quali formattazione dei numeri e
inserimento di formule.
È possibile applicare due tipi di tabelle alla pagina WebPlus: la
tabella HTML e la tabella creativa. Il tipo di tabella più utilizzato
in WebPlus è Tabella HTML poiché è compatibilità con il
linguaggio HTML, pertanto garantisce risultati ottimali con tutti i
browser Internet.
Tuttavia, è possibile utilizzare le tabelle creative invece delle
tabelle HTML per poter usufruire di ulteriori funzioni, ad esempio
la rotazione della tabella, i riempimenti gradiente/bitmap, la
trasparenza di testo, gli effetti filtro, Instant3 e gli effetti di
distorsione.
Creazione di tabelle
Anziché cominciare da zero, con WebPlus è possibile utilizzare
una selezione di formati tabella predefiniti, ovvero di modelli.
Sceglierne uno e inserire il contenuto nelle celle.
WebPlus consente di:
•
Modificare il formato predefinito prima di aggiungere
una nuova tabella alla pagina.
•
Creare formati personalizzati senza creare una tabella.
Vedere Creazione di formati tabella personalizzati nella
Guida di WebPlus.
•
Modificare le tabelle esistenti per l'adattamento a un
formato differente (predefinito o personalizzato).
Per creare una tabella:
1.
Nella barra degli strumenti Oggetti standard (riquadro a
comparsa
Tabella), selezionare
Tabella HTML.
Strumento
2.
Fare clic sulla pagina o sul tavolo di montaggio oppure
trascinare per impostare le dimensioni della tabella.
Viene visualizzata la finestra di dialogo Crea tabella con
una selezione di formati tabella preimpostati nella
finestra Formato.
3.
Scorrere l'elenco per visualizzare l'anteprima dei layout e
selezionarne uno. Per iniziare con una tabella semplice,
selezionare (Predefinito).
4.
(Opzionale) Fare clic su Modifica per personalizzare
ulteriormente il formato scelto.
5.
Impostare la Dimensione tabella, ovvero il numero di
righe e di colonne che compone il layout della tabella.
6.
Fare clic su OK. Nella pagina viene visualizzata la nuova
tabella.
Per modificare la struttura e i contenuti della cella delle tabelle,
vedere Gestione delle tabelle nella Guida di WebPlus.
Inserimento di un calendario
La Creazione guidata calendario consente di progettare calendari
con i mesi a visualizzazione immediata da utilizzare sul sito Web.
Il calendario viene creato come una tabella basata su testo
scalabile in modo da poter modificare il testo utilizzando gli
strumenti di testo standard. Le proprietà di un calendario
selezionato sono simili a quelle di una tabella ed è possibile
modificarle in modo identico (vedere Gestione delle tabelle).
Per inserire un calendario:
1.
Fare clic sul riquadro a comparsa
Tabella sulla
barra degli strumenti Oggetti standard e scegliere
Inserisci calendario.
2.
Fare nuovamente clic sulla pagina o trascinare per
indicare le dimensioni del calendario desiderate.
3.
Dalla Creazione guidata calendario visualizzata,
definire le opzioni per il calendario, inclusi
l'impostazione dell'anno e del mese, lo stile del
calendario (quadrato o in formato colonna singola o
multipla), il giorno di inizio della settimana, le opzioni di
visualizzazione, la visualizzazione di eventi
personali/festività e il formato del calendario.
Per visualizzare le festività pubbliche del proprio paese,
selezionare Aggiungi festività pubbliche nella
procedura guidata e selezionare una Regione dal menu a
discesa associato. Per aggiungere eventi personali,
selezionare inoltre Aggiungi eventi personali.
4.
Fare clic su Fine per completare la procedura guidata.
Se si intende utilizzare il calendario negli anni successivi,
è sufficiente aggiornare l'impostazione dell'Anno in
Strumenti>Imposta dettagli utente.
Per visualizzare e modificare le proprietà di un
calendario selezionato:
1.
Fare clic sul pulsante Modifica calendario sulla barra
degli strumenti contestuale Calendario.
2.
Scegliere una scheda appropriata (Data, Stile, Eventi e
così via) e apportare la modifica, quindi premere OK.
Se si fa clic con il pulsante destro del mouse (con l'opzione
Calendario selezionata) è inoltre possibile selezionare, inserire,
distribuire, eliminare e regolare le impostazioni di
larghezza/altezza per le righe (o colonne), nonché l'adattamento
automatico ai contenuti della cella, ma è necessario prestare
attenzione a non danneggiare la formattazione della tabella.
Aggiunta di festività pubbliche
Quando si crea un calendario, è possibile impostare le festività
pubbliche appropriate per il paese di residenza. Le festività
verranno visualizzate nel calendario automaticamente se l'opzione
Aggiungi festività pubbliche è selezionata in Proprietà calendario.
Per attivare le festività pubbliche:
1.
Selezionare il riquadro di delimitazione del calendario e
Modifica calendario sulla barra degli
fare clic su
2.
Dalla scheda Eventi, selezionare Aggiungi festività
pubbliche.
3.
(Opzionale) Passare alle impostazioni delle festività
pubbliche di un paese diverso utilizzando l'elenco a
discesa Regione.
4.
Fare clic su OK.
Per visualizzare le festività pubbliche:
1.
Selezionare il riquadro di delimitazione del calendario.
2.
Fare clic su Eventi calendario sulla barra degli
3.
Attivare l'opzione Mostra festività pubbliche.
Aggiunta di eventi personali
È possibile integrare gli elenchi delle festività pubbliche (ad
esempio le festività pasquali) aggiungendo eventi personali quali
compleanni, anniversari e pagamenti di fatture in modo che gli
eventi vengano visualizzati sul calendario: è sufficiente utilizzare il
pulsante Eventi calendario sulla barra degli strumenti contestuale
di un calendario selezionato. Gli eventi vengono visualizzati
automaticamente sul calendario alla data scelta.
Per aggiungere un evento:
1.
Selezionare il riquadro di delimitazione del calendario.
2.
Fare clic su
Eventi calendario sulla barra degli
3.
(Opzionale) Selezionare Mostra eventi per data per
aggiungere, modificare o eliminare gli eventi utilizzando
un layout di calendario tradizionale. Lasciare l'opzione
deselezionata per un elenco di date/eventi riga per riga.
4.
Fare clic su
5.
Dalla finestra di dialogo, digitare, utilizzare le frecce
Su/Giù o fare clic sul pulsante
Sfoglia per
selezionare una data.
6.
Immettere il testo dell'evento nella casella di immissione
di testo che verrà visualizzato nel calendario alla data
selezionata.
7.
Se l'evento è un compleanno o un altro evento annuale,
selezionare Evento ripetuto annualmente.
8.
Fare clic su OK. L'evento viene visualizzato nell'elenco
di eventi alla data scelta.
9.
Al termine dell'aggiunta degli eventi, fare clic sul
pulsante Salva.
Nuovo evento.
Utilizzare i pulsanti
Modifica evento o
Elimina evento per modificare o eliminare un evento
esistente.
10
Modifica di
oggetti
286 Modifica di oggetti
Modifica di oggetti 287
Selezione di un oggetto
Prima di poter modificare qualsiasi oggetto, è necessario
selezionarlo utilizzando uno dei seguenti strumenti dal riquadro a
comparsa Selezione della barra degli strumenti Strumenti:
Strumento Puntatore
Fare clic per utilizzare lo strumento Puntatore per selezionare,
spostare, copiare, ridimensionare o ruotare oggetti.
Strumento Lazo
Fare clic per utilizzare lo strumento Lazo per disegnare un'area
a mano libera nella quale qualsiasi oggetto sarà selezionato.
Strumento Rotazione
Fare clic per utilizzare lo strumento Rotazione per ruotare un
oggetto intorno a un'origine di rotazione (in genere centrato).
Vedere Rotazione di un oggetto a pag. 297.
Prima di qualsiasi selezione, gli oggetti WebPlus mostreranno
un'evidenziazione "luminosa" della selezione al passaggio del
mouse intorno all'oggetto. In un raggruppamento complesso di
oggetti, questo indica quale oggetto sarà selezionato.
Per selezionare un oggetto:
•
Fare clic sull'oggetto con uno degli strumenti illustrati
sopra, per visualizzare un riquadro di delimitazione
intorno all'oggetto.
Se gli elementi si sovrappongono, utilizzare il tasto Alt
facendo clic ripetutamente finché l'elemento desiderato
non è selezionato.
Per selezionare un oggetto con lo strumento Lazo:
strumento Lazo.
1.
Selezionare lo
2.
Disegnare un "lazo" intorno all'oggetto o agli oggetti da
selezionare. Intorno all'oggetto viene creata un'area lazo
ombreggiata.
3.
Rilasciare il pulsante del mouse. Tutti gli oggetti
nell'area lazo sono selezionati.
Quando si seleziona un oggetto di testo con lo
strumento Puntatore:
•
Facendo clic su un oggetto di testo (testo artistico o
cornice di testo) con lo strumento Puntatore si seleziona
l'oggetto e si posiziona inoltre il cursore di selezione del
testo lampeggiante nel testo dell'oggetto. In questa
modalità, è possibile modificare il testo (vedere
pag. 251).
•
Per selezionare una parola, un paragrafo o tutto il testo
fare doppio clic, triplo clic o quadruplo clic.
•
Per selezionare solo la cornice di testo, fare clic sul
riquadro di delimitazione della cornice.
•
Facendo clic su gruppo, si seleziona l'oggetto
raggruppato. Fare clic tenendo premuto il tasto Ctrl per
selezionare un oggetto singolo all'interno di un gruppo.
Selezione di oggetti tramite la scheda Oggetti
Per selezionare un oggetto:
1.
Dalla scheda Oggetti, selezionare la pagina su cui sono
posizionati gli oggetti.
2.
È possibile espandere la voce della pagina facendo clic
su Espandi, rivelando gli oggetti sulla pagina.
3.
Selezionare l'oggetto.
È possibile utilizzare Ctrl-clic e Maiusc-clic per
selezionare più voci di oggetto non adiacenti o adiacenti.
Selezione di più oggetti
La selezione di più oggetti contemporaneamente (creando una
selezione multipla) consente di eseguire le seguenti operazioni:
•
Posizionare o ridimensionare contemporaneamente tutti
gli oggetti.
•
Creare un oggetto gruppo dalla selezione multipla, che
può quindi essere trattata come oggetto singolo, con
l'opzione di ripristino dei singoli oggetti in un secondo
momento. Vedere Creazione di gruppi a pag. 317.
Per creare una selezione multipla:
•
Trascinare una casella di "cornice intermittente" intorno
agli oggetti che si desidera selezionare.
In alternativa, tenere premuto il tasto Maiusc e fare clic su un
oggetto alla volta o utilizzare lo strumento Lazo (pag. 285) per
disegnare un'area intorno agli oggetti per selezionarli.
L'ultimo oggetto selezionato viene visualizzato con un
riquadro più scuro rispetto agli altri oggetti selezionati.
Per aggiungere o rimuovere oggetti da una selezione
multipla:
•
Tenere premuto il tasto Maiusc e fare clic sull'oggetto da
aggiungere o rimuovere.
Per deselezionare tutti gli oggetti in una selezione
multipla:
•
Fare clic in un'area vuota dello spazio di lavoro.
Per selezionare tutti gli oggetti sulla pagina (o sulla
pagina master):
•
Scegliere Seleziona tutto dal menu Modifica (o premere
Ctrl+A).
Copiare, incollare e replicare gli oggetti
Oltre a utilizzare gli Appunti di Windows per copiare e incollare
gli oggetti, è possibile duplicarli facilmente utilizzando la funzione
di trascinamento e replicare più copie di un oggetto in posizioni
specifiche. È inoltre possibile trasferire la formattazione di un
oggetto a un altro, con la possibilità di selezionare attributi
specifici da includere quando la formattazione viene incollata.
Per copiare un oggetto (o selezione multipla) negli
Appunti di Windows:
•
Fare clic su
Standard.
Copia nella barra degli strumenti
Se si utilizza un'altra applicazione Windows, in genere è possibile
copiare e incollare gli oggetti utilizzando gli Appunti.
Per incollare un oggetto dagli Appunti:
•
Fare clic su
Standard.
Incolla nella barra degli strumenti
Il comando Incolla standard consente di inserire l'oggetto nel punto
di inserimento o (per un oggetto separato) al centro della pagina.
Per inserire un oggetto separato nella stessa posizione della pagina
dell'elemento copiato, utilizzare il comando di Incolla in
posizione.
Per scegliere un diverso formato degli Appunti:
•
Scegliere Incolla speciale... dal menu Modifica.
Per duplicare un oggetto:
1.
Selezionare l'oggetto, quindi premere il tasto Ctrl.
2.
Trascinare l'oggetto con il pulsante
Sposta in una
nuova posizione della pagina, quindi rilasciare il pulsante
del mouse.
3.
Per vincolare la posizione della copia (la stessa posizione
verticale o orizzontale), tenere premuto il tasto Maiusc
durante il trascinamento. Un duplicato dell'oggetto viene
visualizzato nella nuova posizione.
Replica di oggetti
La duplicazione di un oggetto consente di creare una singola copia
alla volta. Mentre, il comando Replica consente di creare più copie
contemporaneamente, offrendo il controllo preciso della
disposizione delle copie che vengono posizionate come serie
lineare o griglia. È possibile includere una o più trasformazioni per
produrre un'utile serie di oggetti ruotati e/o ridimensionati. Si tratta
di un'eccellente funzione per la ripetizione di sfondi o per la
creazione di sequenze di immagini o oggetti perfettamente
allineati.
Per replicare un oggetto:
1.
Selezionare l'oggetto da replicare e scegliere Replica...
dal menu Modifica. Viene visualizzata la finestra di
dialogo Replica con un'area di anteprima a destra.
2.
Per disporre le copie in linea retta, selezionare Crea
linea. Per una disposizione a griglia X-Y, selezionare
Crea griglia.
3.
Specificare la Lunghezza linea (il numero di oggetti,
incluso l'oggetto originale) della disposizione o la
Dimensione griglia. È possibile utilizzare l'impostazione
Lunghezza linea per includere un numero dispari di
oggetti in una griglia.
4.
Impostare la spaziatura tra gli oggetti come Scostamento
(misurato tra gli angoli superiori di sinistra degli oggetti
consecutivi) o Spazio (tra gli angoli inferiore destro e
superiore sinistro). È possibile specificare la spaziatura
Orizzontale e/o Verticale e/o una Rotazione angolare.
Per impostare un intervallo orizzontale o verticale
specifico, selezionare Assoluta; deselezionare la casella
per specificare l'intervallo come percentuale delle
dimensioni dell'oggetto originale.
5.
Fare clic su OK.
Il risultato è una selezione multipla. Fare clic sul relativo pulsante
Gruppo per mantenere collegati gli oggetti separati per
ulteriori modifiche.
Incollare la formattazione di un oggetto
Dopo avere copiato un oggetto negli Appunti, è possibile utilizzare
Incolla formato (menu Modifica) per applicare i relativi attributi
di formattazione a un altro oggetto selezionato. Sempre dal menu
Modifica, Incolla formato Plus fornisce una finestra di dialogo
del "controllo master" che consente di selezionare o deselezionare
attributi specifici da includere quando la formattazione viene
incollata. Per ulteriori informazioni su questa finestra, vedere
Salvataggio degli stili oggetto a pag. 393.
Movimento di oggetti
Per spostare un oggetto (includendo una selezione
multipla):
•
Trascinare l'oggetto selezionato utilizzando il relativo
Sposta. Una volta visualizzato un cursore di
pulsante
spostamento, è possibile iniziare il trascinamento.
Per impostare le posizioni orizzontali e verticali esatte,
utilizzare la scheda Trasforma.
Per vincolare il movimento di un oggetto sulla posizione
orizzontale o verticale:
•
Selezionare l'oggetto e utilizzare le frecce sulla tastiera
(Su, Giù, Sinistra, Destra).
Ridimensionamento degli oggetti
In WebPlus sono disponibili vari metodi di ridimensionamento di
linee, forme, testo artistico, cornici di testo e tabelle. L'azione di
clic e trascinamento è la più semplice; osservare la barra dei
suggerimenti per individuare suggerimenti e scelte rapide sensibili
al contesto.
Per ridimensionare un oggetto (in generale):
1.
Selezionare l’oggetto.
2.
Fare clic su una delle maniglie dell'oggetto e trascinarla
su una nuova posizione tenendo premuto il pulsante
sinistro del mouse.
Il trascinamento da una maniglia del bordo consente di effettuare il
ridimensionamento in una dimensione, spostando il bordo. Il
trascinamento da una maniglia dell'angolo consente di effettuare il
ridimensionamento in due dimensioni, spostando due bordi.
Per ridimensionare liberamente:
•
Trascinare da una maniglia dell'angolo (o dell'estremità
della linea).
Per vincolare una forma, un oggetto della cornice o della
tabella durante il ridimensionamento:
•
Tenere premuto il tasto Maiusc e trascinare da una
maniglia dell'angolo (o dell'estremità della linea).
Per le forme, tale azione ha l'effetto di mantenere la forma di un
quadrato, di un cerchio e così via.
Per le immagini, le dimensioni sono vincolate dal
trascinamento di una maniglia dell'angolo. Utilizzare
Maiusc-trascinamento per ridimensionare un'immagine
liberamente.
Rotazione di un oggetto
È possibile ruotare uno o più oggetti, quali immagini, oggetti di
testo e gruppi, utilizzando la maniglia di rotazione dell'oggetto o lo
strumento Rotazione.
Per ruotare un oggetto selezionato utilizzando la
maniglia di rotazione:
•
Fare clic e trascinare la maniglia di rotazione partendo
dal riquadro di selezione (utilizzare il tasto Maiusc
durante il trascinamento per intervalli di rotazione di
15°).
Per ruotare un oggetto utilizzando lo strumento
Rotazione:
1.
Dal riquadro a comparsa Selezione della barra degli
strumenti Strumenti
strumento Rotazione.
, selezionare lo
2.
Fare clic per selezionare l'oggetto, quindi passare sopra
le maniglie agli angoli o ai lati finché non viene
visualizzato il cursore di rotazione.
3.
Tenere premuto il pulsante del mouse e trascinare il
cursore nella direzione in cui si desidera ruotare
l'oggetto, quindi rilasciare (utilizzare il tasto Maiusc per
intervalli di rotazione di 15°).
Per annullare la rotazione (e ripristinare l'orientamento
originale):
•
Fare doppio clic sull'oggetto.
•
Per ripristinare la posizione ruotata, fare di nuovo doppio
clic.
Per modificare l'origine di rotazione:
1.
Selezionare lo
strumento Rotazione e fare clic per
selezionare l'oggetto.
2.
Allontanare l'origine di rotazione
dalla sua
posizione originale al centro dell'oggetto posizionandola
in qualsiasi punto nella pagina. È inoltre possibile
spostare l'origine al di fuori dell'oggetto, una soluzione
ideale per ruotare gli oggetti raggruppati attorno a un
punto centrale.
3.
Trascinare la maniglia di rotazione in un nuovo angolo di
rotazione. L'oggetto ruoterà attorno alla nuova origine.
Per ripristinare l'origine di rotazione fare doppio clic su di essa.
Per ruotare un oggetto di 90 gradi a sinistra o a destra:
•
Selezionare l'oggetto e scegliere Ruota a sinistra o
Ruota a destra dal menu Disponi.
Ritaglio e combinazione di oggetti
Ritaglio indica l'operazione di mascheramento di parti di un
oggetto, ad esempio per migliorare la composizione o creare un
effetto speciale. L'oggetto sottostante resta inalterato. Sono
disponibili due tipi di ritaglio, ovvero ritaglio quadrato o
irregolare.
ritaglio quadrato
ritaglio irregolare
La combinazione inizia con più di un oggetto, ma crea un oggetto
composto speciale con uno o più "fori" all'interno in
corrispondenza dei punti in cui i riempimenti degli oggetti del
componente si sovrappongono. Risulta utile per creare effetti di
mascheramento o stencil.
Per ritagliare utilizzando il profilo originale dell'oggetto:
1.
Selezionare l'oggetto, quindi scegliere lo
Strumento Ritaglio quadrato dal riquadro a comparsa
Effetti della barra degli strumenti Strumenti.
2.
Trascinare uno dei bordi o una delle maniglie agli angoli
verso l'interno per il ritaglio non vincolato. Premere il
tasto Maiusc durante il trascinamento per eseguire il
ritaglio vincolato (le proporzioni vengono mantenute).
Per ridimensionare l'oggetto nel profilo del ritaglio,
tenere premuto il tasto Ctrl durante l'operazione di
trascinamento verso l'alto o verso il basso.
Per ritagliare modificando il profilo dell'oggetto:
•
Selezionare l'oggetto, quindi scegliere lo
Strumento Ritaglio irregolare dal riquadro a comparsa
Effetti della barra degli strumenti Strumenti. Viene
visualizzata la barra degli strumenti contestuale Curva,
che consente di controllare i nodi visualizzati e di
collegare i segmenti che definiscono il profilo di ritaglio
dell'oggetto. Vedere Modifica delle linee a pag. 377.
•
Per spostare un nodo (punto di controllo) nella
posizione in cui
trascinare il nodo.
•
viene visualizzato il cursore,
Per spostare un segmento tra due nodi nel
punto in cui viene visualizzato il cursore, trascinare
il segmento.
Per posizionare un oggetto ritagliato dentro il profilo del
ritaglio:
•
Con lo strumento ritaglio selezionato, fare clic
sull'oggetto e trascinarne il centro (dove è visualizzato il
cursore a forma di mano).
Per sfumare il profilo del ritaglio:
•
Dopo avere selezionato lo strumento ritaglio, fare clic
sull'oggetto.
•
Dalla barra degli strumenti contestuale Ritaglio,
impostare un valore Sfumatura utilizzando le frecce
Su/Giù, il cursore o immettendolo direttamente. La
sfumatura viene applicata esternamente al profilo del
ritaglio in base alle dimensione in punti impostata.
Per annullare il ritaglio e ripristinare la visibilità
completa:
•
Fare clic sul pulsante Rimuovi ritaglio nella barra degli
strumenti contestuale Ritaglia.
Ritaglio di una forma
Il comando Ritaglia forma può essere utilizzato solo se si
selezionano due oggetti. Un oggetto o entrambi possono fare parte
di un gruppo. L'oggetto inferiore, quello in secondo piano, viene
ritagliato in base al profilo dell'oggetto in primo piano, ottenendo
una forma equivalente all'area di sovrapposizione.
Per ritagliare una forma:
1.
Posizionare l'oggetto di riferimento in primo piano
rispetto a quello da ritagliare, utilizzando il menu
Disponi e/o la barra degli strumenti Disponi, in base alle
necessità. Nella figura sopra riportata, una forma
QuickShape (fumetto pensiero) si trova davanti alla foto.
2.
Dopo avere selezionato o raggruppato entrambi gli
oggetti, selezionare Ritaglia forma dal menu Strumenti.
Combinazione di linee e forme
Combinando le curve è possibile creare un oggetto composto da
due o più linee o forme disegnate. Analogamente al ritaglio su una
forma, l'oggetto in primo piano ritaglia quello in secondo piano, in
questo caso lasciando uno o più "fori" in corrispondenza dei punti
in cui gli oggetti del componente si sovrappongono. Analogamente
al raggruppamento, è possibile applicare la formattazione (ad
esempio, linea o riempimento) all'oggetto combinato e continuare a
modificare i singoli nodi e segmenti con lo Strumento Puntatore. A
differenza degli altri metodi, un oggetto combinato acquisisce in
modo permanente le proprietà di linea e riempimento dell'oggetto
in primo piano. La combinazione può essere annullata, ma gli
oggetti del componente mantengono le proprietà di linea e
riempimento dell'oggetto combinato.
La combinazione consente di creare con rapidità un ritaglio per il
mascheramento o lo stencil:
QuickShapes
Converti in
curve
Combina
curve
Sfalsa
ombra
aggiunto
Per combinare due o più linee o forme disegnate
selezionate:
1.
Disegnare due linee o QuickShapes.
2.
Posizionare l'oggetto di riferimento in primo piano
rispetto all'oggetto da ritagliare, utilizzando il menu
Disponi e/o la barra degli strumenti Disponi, in base alle
necessità.
3.
Selezionare ciascun oggetto e scegliere
Strumenti>Converti in curve.
4.
Selezionare entrambi gli oggetti.
5.
Scegliere Combina curve dal menu Disponi.
Per ripristinare le forme originali da un oggetto
combinato:
•
Selezionare l'oggetto combinato e scegliere Curve
suddivise dal menu Disponi.
Unione dei profili degli oggetti
In WebPlus sono disponibili alcuni potenti strumenti per definire
nuove forme dalle forme sovrapposte esistenti. Con i comandi di
aggiunta, sottrazione, intersezione o esclusione si produce un
nuovo oggetto permanente (con un nuovo profilo) da qualsiasi
oggetto selezionato. L'oggetto unito può essere ulteriormente
modificato regolando i nodi nella nuova forma.
Per unire i profili:
1.
Selezionare gli oggetti.
2.
Selezionare un'opzione dei profili dal sottomenu Unisci
profili sul menu Disponi.
Aggiungi
Crea un nuovo oggetto che è la somma di due
oggetti selezionati.
Gli oggetti non devono essere
sovrapposti.
Sottrai
Elimina la sovrapposizione tra gli oggetti
superiore e inferiore. Viene eliminato anche
l'oggetto inferiore.
È un metodo utile e veloce per tagliare le
forme e le immagini con un altro oggetto.
Assicurarsi che gli oggetti siano
sovrapposti.
Interseca
Mantiene la sovrapposizione ed
elimina il resto.
Escludi
Unisce due o più oggetti in un oggetto
composto visualizzando un "foro"
trasparente dove le rispettive aree con
riempimento si sovrappongono.
Aggiornamento e salvataggio delle
impostazioni predefinite
I valori predefiniti oggetto sono le impostazioni delle proprietà
memorizzate che WebPlus applica ai nuovi oggetti creati, quali:
•
Linee e forme (colore linea e riempimento, sfumatura,
motivo, trasparenza e così via)
•
Cornici (margini, colonne e così via)
•
Testo (ad esempio, carattere, dimensione, colore,
allineamento). Le impostazioni predefinite vengono
salvate separatamente per il testo artistico, testo forma,
testo in cornice e testo tabella.
È possibile modificare le impostazioni predefinite per qualsiasi tipo
di oggetto mediante il comando Aggiorna valori predefiniti
oggetto o la finestra di dialogo Tavolozza stili testo.
Le impostazioni predefinite sono sempre locali, ovvero qualsiasi
valore predefinito modificato viene applicato al sito corrente e
salvato automaticamente con esso in modo da diventare attivo alla
successiva apertura del sito. È tuttavia possibile utilizzare in
qualsiasi momento il comando Salva impostazioni predefinite per
registrare i valori predefiniti correnti come impostazioni globali
che verranno applicate a ogni nuovo sito creato successivamente.
Per impostare i valori predefiniti locali per un tipo di
oggetto specifico:
1.
Creare un singolo oggetto campione e regolarne le
proprietà come desiderato o utilizzare un oggetto
esistente che disponga già delle proprietà corrette. (Per la
grafica è possibile utilizzare una linea, una forma o un
rettangolo, i quali condividono lo stesso gruppo di
impostazioni predefinite.)
2.
Selezionare l'oggetto da utilizzare come base per i nuovi
valori predefiniti e scegliere Aggiorna valori predefiniti
oggetto dal menu Formato.
Oppure per i colori linea e riempimento, incluso gli stili di linea:
1.
Senza alcun oggetto selezionato, scegliere i colori linea
e/o riempimento necessari dalla scheda Colore o
Campioni (vedere Applicazione di colori uniformi a
pag. 397). Utilizzare la scheda Linea per impostare il
peso, lo stile e la forma degli angoli della linea
predefiniti.
2.
Disegnare l'oggetto nella pagina. Verranno adottati
automaticamente i nuovi colori e stili predefiniti
impostati.
Per visualizzare e modificare le proprietà di testo
predefinite:
1.
Scegliere Tavolozza stili testo... dal menu Testo.
2.
Fare clic su Testo predefinito, quindi dall'elenco
espanso dei tipi di testo scegliere un'opzione, ad esempio
Testo artistico.
3.
Fare clic su Modifica... per visualizzare le impostazioni
correnti per il tipo di testo selezionato.
4.
Utilizzare la finestra di dialogo Stile testo per modificare
il carattere, il paragrafo e le proprietà di elenchi
puntati/elenchi.
Per salvare tutti i valori predefiniti correnti come
impostazioni globali:
1.
Selezionare Salva impostazioni predefinite... dal menu
Strumenti.
2.
Dalla finestra di dialogo selezionare le opzioni per
aggiornare globalmente i valori predefiniti specifici:
3.
•
Impostazioni predefinite documento e oggetto Salva le impostazioni del sito correnti (dimensioni e
orientamento della pagina) e le impostazioni
dell'oggetto (impostazioni della barra degli
strumenti contestuale).
•
Stili di testo - Salva gli stili di testo correnti nella
Tavolozza stili testo.
•
Stili oggetto - Salva gli stili definiti dall'utente dalla
scheda Stili.
•
Formati tabella e calendario - Salva i formati
personalizzati salvati nella finestra di dialogo
Formati tabelle.
Fare clic su Salva per confermare che si desidera
utilizzare i valori predefiniti dell'oggetto selezionato
globalmente nei nuovi siti.
11
Disposizione
degli oggetti
310 Disposizione degli oggetti
Disposizione degli oggetti 311
Ordinamento oggetti
Quando gli oggetti vengono creati, vengono sovrapposti
nell'ordine in cui sono stati creati, dall'ultimo al primo; ogni nuovo
oggetto viene posizionato davanti agli altri. In qualsiasi momento,
è possibile modificare l'ordine di sovrapposizione, che influisce su
come gli oggetti vengono visualizzati nella pagina.
Per spostare la posizione dell'oggetto di un livello verso
la parte antistante o sottostante:
•
Fare clic su
Avanti di uno o
Indietro di uno
rispettivamente sulla barra degli strumenti Disponi.
Per spostare la posizione dell'oggetto selezionato in
fondo o in cima alla pila:
•
Fare clic su
Porta in secondo piano o
Porta
in primo piano rispettivamente sulla barra degli
strumenti Disponi.
Se si sta lavorando con disposizioni di oggetti complesse, ad
esempio se è necessario un maggiore controllo durante il
riordinamento, è possibile utilizzare la scheda Oggetti.
Per spostare le posizioni degli oggetti tramite la scheda
Oggetti:
1.
Dalla scheda Oggetti, selezionare la pagina su cui sono
posizionati gli oggetti.
2.
È possibile espandere la voce della pagina facendo clic
su Espandi, rivelando gli oggetti sulla pagina.
3.
Selezionare e trascinare l'oggetto in una nuova posizione
nell'elenco di oggetti.
È possibile utilizzare Ctrl-clic e Maiusc-clic per
selezionare più voci di oggetto non adiacenti o adiacenti.
L'oggetto in cima all'elenco dispone del livello superiore
nell'ordine degli oggetti.
Allineamento e distribuzione degli
oggetti
L'allineamento si effettua prendendo un gruppo di oggetti
selezionati e allineandoli tutti in un'operazione in base al bordo
superiore, inferiore, sinistro o destro. È inoltre possibile distribuire
gli oggetti in modo che vengano suddivisi (come selezione
multipla) in maniera uniforme (facoltativamente a intervalli
regolari).
La distribuzione o l'allineamento può essere eseguito tra gli oggetti
più remoti lungo la pagina (selezione corrente), i margini della
pagina o il bordo della pagina.
L'allineamento relativo all'ultimo oggetto selezionato consente di
scegliere un oggetto specifico di una selezione multipla in base al
quale allineare gli altri oggetti.
Per allineare i bordi di due o più oggetti in una
selezione:
1.
Utilizzando lo strumento Puntatore, fare clic premendo
contemporaneamente Maiusc su tutti gli oggetti da
allineare o disegnare un riquadro di selezione attorno a
essi per creare una selezione multipla.
2.
Selezionare la scheda Allinea.
3.
Selezionare un'opzione di allineamento verticale e/o
orizzontale. Scegliere In alto, In basso, A sinistra, A
destra, Centra orizzontalmente o Centra
verticalmente.
Per distribuire due o più oggetti all'interno di una
selezione:
•
Scegliere
Spazia uniformemente in
orizzontale o
Spazia uniformemente in basso
per suddividere gli oggetti selezionati in maniera
uniforme tra gli oggetti più remoti nella selezione
corrente (rispettivamente orizzontalmente o
verticalmente) o in base a una distanza impostata
(scegliere Spaziato e impostare un valore espresso in
qualsiasi unità di misura).
Anziché eseguire l'operazione all'interno della selezione corrente, è
possibile effettuare l'allineamento o la distribuzione in base ai
margini della pagina o al bordo della pagina.
Per allineare/distribuire gli oggetti rispetto ai margini o
ai bordi della pagina:
Per un controllo più avanzato dell'allineamento, è possibile
allineare più oggetti relativamente all'ultimo oggetto selezionato
(selezionare gli oggetti uno alla volta tenendo premuto il tasto
Maiusc) utilizzando l'opzione dell'elenco a discesa Relativo a:
Ultimo selezionato.
L'ultimo oggetto selezionato viene visualizzato con un
riquadro più scuro rispetto agli altri oggetti selezionati.
Associazione di oggetti al testo
WebPlus consente di posizionare forme, immagini o oggetti della
galleria rispetto al testo del sito (testo artistico o in cornice) in uno
dei seguenti modi:
•
Sposta con testo. Questa opzione risulta la scelta ideale
per immagini, forme e così via.
Una forma associata
al testo artistico come i
titoli
•
Un'immagine in
una cornice di testo
Posiziona in linea con il carattere. L'oggetto associato
viene posizionato come carattere nel testo e allineato
verticalmente rispetto al testo circostante.
Un oggetto della galleria
associato
a un titolo di testo artistico
Un oggetto della galleria
"Svago" agganciato nella
cornice di testo
Con entrambi i metodi, l'oggetto associato al testo si muove
insieme al testo. Soprattutto per il testo in cornice, quando il testo
viene riposizionato in seguito all'aggiunta di nuovo contenuto nella
cornice, l'oggetto associato si sposta con il testo.
Per associare un oggetto al testo:
1.
Posizionare l'oggetto sopra o vicino al testo artistico o
alla cornice di testo a cui associarlo.
2.
Selezionare Associa a testo... dal menu Disponi.
3.
Nella finestra di dialogo, scegliere un'opzione di
posizionamento:
Per un oggetto mobile:
1.
Attivare Sposta con testo. Si tratta dell'opzione di
posizionamento predefinita.
2.
Impostare l'opzione Posizione su testo per determinare il
punto in cui l'oggetto viene posizionato rispetto al testo
artistico o al testo in cornice. Selezionare A sinistra o A
destra oppure specificare un valore per Rientra di per il
rientro a sinistra in base al valore in pixel impostato.
3.
Una volta posizionato l'oggetto, è possibile specificare la
Distanza dal testo, ovvero la distanza tra il profilo
dell'oggetto e il testo adiacente.
4.
Fare clic su OK.
Una volta associato, sotto l'oggetto
viene visualizzato il pulsante Associa a
testo. Fare clic per modificare le proprietà.
Il
Punto di attacco è una posizione
impostata nel testo artistico o nel testo in
cornice rispetto alla quale viene posizionato
l'oggetto. Per spostare il punto di attacco e
l'oggetto contemporaneamente, trascinare il
testo in una posizione differente.
In alternativa, per un oggetto agganciato:
1.
Attivare Posiziona in linea con il carattere.
2.
Per impostare l'allineamento verticale dell'oggetto
rispetto al testo adiacente, selezionare un'opzione Allinea
al testo. Il testo non si sposterà intorno all'oggetto
associato.
3.
(Opzionale) Immettere un valore Scosta di per impostare
la percentuale in base alla quale l'oggetto verrà spostato
verticalmente rispetto alla propria altezza.
4.
(Opzionale) Selezionare Scala a per scalare l'oggetto in
base a una percentuale della dimensione in punti del testo
adiacente. In questo modo si mantengono le stesse
dimensioni relative se cambiano quelle del testo. Una
scala del 100% comporterà il ridimensionamento preciso
alla dimensione in punti corrente.
5.
Una volta posizionato l'oggetto, è possibile specificare la
Distanza dal testo, ovvero la distanza tra il profilo
dell'oggetto e il testo adiacente.
4.
(Opzionale) Selezionare Usa queste impostazioni per
incollare per aggiornare le impostazioni predefinite di
aggancio mobile e fisso. A tutti i successivi oggetti
incollati verranno applicate le impostazioni salvate
quando è stata selezionata l'opzione.
5.
Fare clic su OK. L'oggetto viene visualizzato agganciato
al testo con l'icona
Associa a testo.
Per visualizzare le proprietà degli oggetti associati:
1.
Selezionare un oggetto associato.
2.
sotto l'oggetto.
Associa a testo visualizzato
Viene visualizzata la finestra di dialogo Proprietà oggetto
associato. Le opzioni variano in base all'opzione di
posizionamento attivata.
Per modificare la posizione di un punto di attacco, trascinarlo su un
punto qualsiasi della cornice di testo. Se il punto viene trascinato in
un'area esterna al testo artistico/cornice di testo, l'oggetto associato
viene scollegato. È anche possibile scollegare il punto di attacco
tramite la finestra di dialogo Proprietà oggetto associato.
Per scollegare un oggetto associato:
•
Nella finestra di dialogo Proprietà oggetto associato,
selezionare Scollega da testo.
Creazione di gruppi
È possibile trasformare una selezione multipla in un oggetto
gruppo. Quando gli oggetti sono raggruppati, è possibile
posizionare, ridimensionare o ruotare tutti gli oggetti
contemporaneamente.
Per creare un gruppo da una selezione multipla:
•
Fare clic sul
pulsante
.
Per separare oggetti (trasformare di nuovo un gruppo in
una selezione multipla):
•
Fare clic sul
pulsante
. Il
gruppo si trasforma
nuovamente in una
selezione multipla.
È sufficiente fare clic su qualsiasi membro di un gruppo per
selezionare l'oggetto gruppo. In generale, qualsiasi operazione
effettuata su un gruppo selezionato influisce su ogni membro del
gruppo. Tuttavia, gli oggetti che includono un gruppo sono intatti
ed è inoltre possibile selezionare e modificare un oggetto singolo
all'interno di un gruppo.
Per selezionare un oggetto singolo all'interno di un
gruppo:
•
Ctrl-clic sull'oggetto.
12
Immagini, animazioni e
contenuti multimediali
320 Immagini, animazioni e contenuti multimediali
Immagini, animazioni e contenuti multimediali 321
Aggiunta di cornici imagine
Una cornice imagine è un contenitore sagomato in cui viene
inserita l'immagine, proprio come le cornici delle foto appese alle
pareti.
In WebPlus, è possibile utilizzare due tipi di cornici immagine:
•
Cornici immagine con bordi dalla scheda Galleria.
- oppure -
•
Cornici immagine senza bordi dalla barra degli
strumenti Strumenti.
WebPlus consente di importare un'immagine direttamente nella
cornice o di trascinarla al suo interno dalla Barra
multimediale. Le cornici immagine vuote vengono
visualizzate come segnaposti a forma di involucro. In qualsiasi
momento è possibile sostituire l'immagine nella cornice.
Sotto tutte le cornici selezionate che
contengono un'immagine viene
visualizzata una barra degli strumenti
delle cornici immagine di supporto. In
essa sono disponibili le funzioni di
panoramica, rotazione (90 gradi in senso
antiorario), zoom avanti, zoom indietro
e i controlli immagine sostitutivi.
Per aggiungere una cornice immagine con bordi:
1.
Dalla scheda Galleria, selezionare Cornici immagine
nell'elenco a discesa.
2.
Scorrere fino alla sottocategoria desiderata, ad esempio
Metallico, Naturale.
3.
Trascinare la miniatura del design di cornice nella
pagina.
Per aggiungere una cornice immagine senza bordi:
1.
Per una cornice quadrata vuota, scegliere
Immagine>Cornice vuota... dal menu Inserisci.
2.
Il puntatore del mouse viene modificato in
Incolla immagine. L'operazione successiva determina le
dimensioni iniziali e il posizionamento della cornice
immagine.
3.
Per inserire la cornice con una dimensione predefinita, è
sufficiente fare clic sul mouse.
- oppure Per impostare le dimensioni della cornice, trascinare
Per aggiungere un'immagine a una cornice:
•
Dall'album correntemente visualizzato della Barra
multimediale, trascinare e rilasciare una foto
direttamente nella cornice immagine.
- oppure Sostituisci immagine direttamente
Fare clic su
sotto la cornice selezionata, quindi individuare e
selezionare un'immagine. Fare clic su Apri.
L'immagine viene aggiunta alla cornice utilizzando le proprietà
cornice immagine predefinite, ovvero viene scalata per
adattamento massimo, e le proporzioni sono sempre mantenute.
Tuttavia, è possibile modificare le dimensioni, l'orientamento e il
posizionamento relativo alla cornice dell'immagine .
Importazione di immagini
Sono disponibili vari modi per portare un'immagine in WebPlus. È
possibile trascinare un file da una cartella Windows esterna
direttamente sulla pagina, trascinare una miniatura dalla barra
multimediale di WebPlus (vedere pag. 328), incollare dal tavolo di
montaggio o importare un'immagine come file tramite una finestra
di dialogo.
•
Le immagini scollegate possono essere spostate
liberamente sulla pagina, mentre le immagini agganciate
sono incorporate nel flusso del testo in un oggetto di
testo.
•
Le immagini incorporate diventano parte del sito
WebPlus, mentre il collegamento posiziona una copia di
riferimento dell'immagine sulla pagina e mantiene una
connessione al file originale. Ciascun metodo presenta
vantaggi e svantaggi (vedere Incorporamento rispetto a
collegamento a pag. 327).
WebPlus consente di posizionare l'immagine sulla pagina nelle
dimensioni originali. I ritagli all'immagine verranno annullati per
impostazione predefinita ma è possibile ritagliare l'immagine e
regolare le proprietà della cornice dell'immagine in relazione al
posizionamento e alla scala dell'immagine all'interno della cornice
immagine.
Per aggiungere un'immagine dalla barra multimediale:
•
Trascinare una miniatura dell'immagine sulla pagina
dagli album attualmente visualizzati nella barra
multimediale di WebPlus (espandere la barra
multimediale dalla parte inferiore dello spazio di lavoro).
È inoltre possibile trascinare un'immagine esistente per
sostituirla.
Per importare un'immagine da un file:
1.
(Opzionale) Se si desidera posizionare l'immagine
agganciata, fare clic per introdurre un punto di
inserimento in un oggetto di testo. Per un'immagine
scollegata, assicurarsi che gli oggetti di testo siano
deselezionati.
2.
Nella finestra principale:
•
Importa immagine... sul
strumenti Oggetti standard
3.
Utilizzare la finestra di dialogo Importa immagine per
selezionare il file immagine da aprire.
4.
Selezionare Incorpora immagine o Collega immagine.
Vedere Incorporamento rispetto a collegamento a
pag. 327.
5.
Fare clic su Apri.
•
Se è presente un punto di inserimento del testo nella
finestra principale, l'immagine verrà posizionata nel testo
e ancorata al punto di inserimento.
•
Se si è aperta un'immagine tramite la barra QuickBuilder,
l'immagine verrà visualizzata automaticamente sulla
pagina.
•
In caso contrario, il puntatore del mouse verrà modificato
nel cursore
Incolla immagine. L'operazione
successiva determina le dimensioni e il posizionamento
iniziali dell'immagine scollegata.
•
Per inserire l'immagine nelle dimensioni di pixel
originali, è sufficiente fare clic con il mouse.
- oppure Per impostare le dimensioni dell'immagine inserita,
trascinare una regione e rilasciare il pulsante del
mouse. Utilizzare il tasto Maiusc per il
posizionamento non vincolato (il funzionamento
normale consiste nel mantenimento delle
proporzioni originali dell'immagine).
Per incollare più immagini, selezionare più immagini
nella finestra di dialogo Apri, quindi incollare
un'immagine alla volta sulla pagina (mediante clic
consecutivi).
Sostituzione di immagini
L'opzione di sostituzione delle immagini consente di scambiare
un'immagine in qualsiasi momento, particolarmente utile quando si
desidera mantenere la posizione e le dimensioni di un'immagine
sulla pagina, ma si desidera aggiornare l'immagine stessa. È
possibile utilizzare tale funzione su qualsiasi immagine (ritagliata o
meno).
Per sostituire un'immagine:
•
Sostituisci immagine
direttamente sotto l'immagine selezionata, quindi
individuare e selezionare un'immagine. Fare clic su Apri.
Per sostituire un'immagine tramite la barra multimediale:
•
Trascinare una miniatura dell'immagine su un'immagine
esistente dagli album attualmente visualizzati mostrati
nella barra multimediale di WebPlus (espandere prima
la barra oggetti multimediali dalla parte inferiore dello
spazio di lavoro).
Regolazione delle immagini ritagliate
WebPlus fornisce opzioni aggiuntive per lavorare con immagini
ritagliate con gli strumenti Ritaglia (barra degli strumenti
Strumenti) o immagini sostituibili già presenti nei modelli di
design. Ad esempio, è possibile eseguire la panoramica o lo zoom
per regolare la parte dell'immagine visualizzata nella relativa
"cornice" o modificare il modo in cui l'immagine è scalata o
allineata regolando le proprietà della relativa cornice.
Quando si seleziona un'immagine ritagliata con lo strumento
Puntatore, sotto l'immagine viene visualizzata una barra di
controllo in cui vengono fornite opzioni di panoramica, rotazione,
zoom avanti e indietro e di sostituzione dell'immagine.
•
Per riposizionare un'immagine ritagliata nella relativa
cornice, fare clic su
l'immagine.
•
, quindi fare clic e trascinare
Per ruotare un'immagine con incrementi di 90 gradi in
senso antiorario, fare clic sul pulsante
.
•
Per eseguire lo zoom avanti o indietro di un'immagine,
fare clic su uno degli
avanti/indietro.
•
strumenti di zoom
Per sostituire un'immagine, fare clic su
, quindi
individuare la nuova immagine e fare clic su Apri.
Per modificare le proprietà della cornice:
1.
Fare clic con il pulsante destro del mouse su
un'immagine ritagliata e scegliere Proprietà cornice....
- oppure Selezionare l'immagine e scegliere Proprietà cornice
sulla barra degli strumenti contestuale Immagine.
2.
Nella finestra di dialogo, è possibile ridimensionare al
massimo/minimo, selezionare l'opzione Allunga per
adattamento o utilizzare le dimensioni originali
dell'immagine (Nessuna scala).
3.
Per modificare l'allineamento verticale dell'immagine
nella cornice, selezionare In alto, Al centro o In basso.
4.
Per l'allineamento orizzontale, selezionare A sinistra,
Centro o Destra.
La selezione di un'immagine non ritagliata consente di
utilizzare solo un pulsante Sostituisci immagine.
Incorporamento rispetto a collegamento
Incorporamento significa che l'immagine in WebPlus è ora
distinta dal file originale. L'incorporamento comporta un aumento
delle dimensioni del file WebPlus e, se si desidera modificare
un'immagine incorporata, è necessario reimportarla dopo la
modifica. È tuttavia la scelta migliore se le dimensioni del file non
costituiscono un problema e se la grafica è definitiva.
Collegamento consente di inserire una copia del file immagine nel
sito WebPlus, collegata al file effettivo in modo che qualsiasi
modifica successiva a tale file nell'applicazione nativa si rifletterà
automaticamente in WebPlus. Il collegamento è un metodo per
evitare l'effetto gonfiamento limitando le dimensioni del file del
sito. D'altro canto, è necessario prestare particolare attenzione alla
gestione dei file collegati esternamente, ad esempio assicurandosi
di includerli tutti se si sposta il file WebPlus in un'unità diversa.
Nessuna delle suddette opzioni influisce sul sito Web
pubblicato, ma solo sul sito WebPlus.
Utilizzo della barra multimediale
La barra multimediale funziona come un "cestino" contenente le
foto da inserire nel sito. Il suo scopo principale è quello di
contribuire al processo di design migliorandone l'efficienza
(evitando di dover importare le foto una per una) e rendendolo più
comodo (consentendo di avere le foto sempre a portata di mano).
In particolare per siti Web ricchi di foto, forse basati su un modello
di design WebPlus, la barra multimediale è uno strumento molto
utile per il trascinamento di foto direttamente sulle immagini
indesiderate per sostituirle.
La barra multimediale può essere utilizzata come area di
memorizzazione temporanea prima di posizionare le foto nel sito o
per creare più album di foto permanenti da cui è possibile
recuperare le foto memorizzate in qualsiasi momento. Per
impostazione predefinita, le foto vengono aggiunte a un album
temporaneo ma ricordare di fare clic sul pulsante Nuovo album se
si desidera salvare l'album per un uso successivo. Ogni volta che si
avvia WebPlus, è sufficiente caricare l'album salvato (o qualsiasi
altro album salvato) o è possibile lavorare con un album
temporaneo, a propria scelta.
È possibile importare un numero illimitato di foto da file o da
intere cartelle e se le foto sono incorporate o collegate al sito
prima di essere posizionate sulla pagina.
Per raccolte di foto di grandi dimensioni, è possibile effettuare la
ricerca negli album di foto per nome file e metadati EXIF, IPTC o
XMP; è inoltre possibile modificare metadati XMP in WebPlus.
L'album attualmente caricato visualizzato sulla barra
multimediale rimarrà visibile indipendentemente dal sito
aperto.
Le miniature possono essere trascinate dalla barra multimediale
direttamente su un'immagine esistente sulla pagina, sostituendola
nella procedura. In alternativa, è possibile aggiungere un'immagine
come nuova, posizionata nelle dimensioni originali.
Per visualizzare la barra multimediale:
•
Se la barra non è visualizzata, fare clic sulla maniglia
nella parte inferiore dello spazio di lavoro.
Per aggiungere delle foto a un album temporaneo:
1.
Con la barra multimediale visualizzata e dopo aver
caricato un album temporaneo, fare clic sullo spazio di
lavoro della barra multimediale per visualizzare la
finestra di dialogo Importa immagine.
2.
Dalla finestra di dialogo, individuare una cartella, quindi
selezionare le foto per l'importazione.
3.
Fare clic su Apri. Le foto vengono visualizzate come
miniature nello spazio di lavoro della barra multimediale.
A meno che non venga salvato, l'album temporaneo e i
relativi contenuti di foto non verranno salvati alla
chiusura di WebPlus.
È possibile trascinare uno o più file da qualsiasi cartella
Windows direttamente nella finestra della barra
multimediale. Se si fa clic con il pulsante destro del
mouse in un'immagine nella barra multimediale e si
sceglie Individua in Esplora, si aprirà la cartella delle
foto tramite Esplora risorse, ideale per il trascinamento
o la gestione generale dei file.
Per salvare un album temporaneo in un album specifico:
1.
Aggiungi a.
Nel menu, selezionare la voce Nuovo album.
2.
Nella finestra di dialogo Nuovo album, all'interno della
casella Nome album, digitare un nome che consenta di
identificare l'album in futuro.
3.
(Opzionale) Per qualsiasi foto è possibile modificare lo
stato di collegamento/incorporamento prima del
posizionamento sulla pagina; fare clic sull'impostazione
Posizionamento della foto e utilizzare il menu a discesa
dell'impostazione per apportare la modifica. È inoltre
possibile modificare queste impostazioni durante il
trascinamento sulla pagina.
4.
Fare clic su OK.
Per inserire le foto di un album temporaneo in un album esistente
salvato in precedenza, fare clic sul pulsante Aggiungi a e scegliere
un album specifico nel menu.
Per creare un album denominato:
Nuovo album della barra.
1.
2.
Nella finestra di dialogo, nella casella Nome album,
digitare un nome che consenta di identificare l'album in
futuro.
3.
Aggiungi immagine... o
Aggiungi cartella....
4.
Nella finestra di dialogo, individuare una foto o una
cartella e fare clic su Apri.
5.
La finestra di dialogo Nuovo album elenca i file per
l'inclusione. Facoltativamente, modificare l'opzione
Posizionamento di collegamento/incorporamento
facendo clic sull'impostazione di ciascuna foto, quindi
selezionando un'opzione dal menu a discesa.
6.
Per eliminare una foto, selezionare una foto, quindi fare
clic sul pulsante
7.
Rimuovi immagine.
Fare clic su OK.
Per caricare un album salvato:
•
Selezionare il nome di un album salvato nel menu a
discesa disponibile nella parte superiore destra della
barra. Le foto contenute nell'album verranno visualizzate
nello spazio di lavoro della barra multimediale.
È possibile selezionare un album salvato seguendo la procedura
descritta in precedenza e modificarlo ricorrendo al pulsante
Gestione (visibile solo per gli album già esistenti salvati in
precedenza). È possibile aggiungere foto/cartelle, eliminare foto e
modificare lo stato di collegamento/incorporamento.
Per eliminare un album:
•
Selezionare il nome di un album esistente dal menu a
discesa disponibile nella parte superiore destra e fare clic
su
Rimuovi album.
Per ordinare i risultati da un album:
•
Nella casella di ricerca Ordina per, scegliere Nome file,
Classificazione o Data acquisizione per riordinare le foto
in base all'opzione.
Aggiunta di foto alla pagina
Per aggiungere una foto alla pagina:
1.
Visualizzare l'album temporaneo della barra
multimediale oppure caricare un album salvato nel menu
a discesa disponibile nella parte superiore destra.
2.
Trascinare la miniatura di una foto dell'album sulla
pagina e rilasciare il pulsante del mouse.
Impostazione delle opzioni di
esportazione delle immagini
Quando si pubblica il sito, WebPlus applica alcune impostazioni
globali per stabilire in che modo ciascuna immagine, disegnata,
incollata o importata, viene visualizzata come bitmap separata sulla
pagina Web.
Di seguito è riportato un rapido riepilogo delle impostazioni di
conversione inizialmente definite per la pubblicazione sul Web:
•
Ciascuna immagine di riferimento viene esportata come
file separato.
•
Qualsiasi immagine inserita come GIF, JPEG o PNG
vengono esportate come il file originale, utilizzando il
nome originale del file.
•
I metafile e tutti gli altri elementi grafici inseriti vengono
rigenerati come immagini PNG.
È possibile modificare queste impostazioni, ma è necessario
innanzitutto comprendere la "logica" che WebPlus applica agli
elementi grafici Web di pubblicazione. WebPlus include un
formato predefinito in cui verranno convertiti tutti gli elementi
grafici al momento dell'esportazione. È possibile applicare
eccezioni a questa regola specificando che determinati tipi di
immagini devono restare come il file originale. Inizialmente, il
formato predefinito è PNG, ma con le modifiche impostate per
GIF e JPEG. Ecco perché, utilizzando le impostazioni iniziali
illustrate in precedenza, le immagini PNG rimangono inalterate,
mentre tutti gli altri elementi grafici vengono convertiti in PNG.
È possibile verificare e modificare tali impostazioni nella finestra
di dialogo Proprietà sito (menu File). Le impostazioni sono
globali e vengono applicate a tutti gli elementi grafici del sito.
Anche in questo caso vi possono essere eccezioni per singoli
elementi grafici. A tale scopo, per un elemento grafico selezionato
è possibile:
•
Utilizzare Opzioni esportazione... (menu Formato) o
Gestione esportazione immagini (menu Strumenti) per
impostare il formato di esportazione di immagini
particolari caso per caso.
- oppure Convertire in anticipo determinate immagini in un
formato specifico utilizzando Strumenti>Converti in
immagine.
Questa combinazione di impostazioni globali e locali fornisce
quasi il controllo totale della visualizzazione degli elementi grafici
nelle pagine Web. Di seguito viene illustrato il funzionamento
delle impostazioni globali.
Per impostare le opzioni di esportazione globale degli
elementi grafici Web:
1.
Scegliere Proprietà sito... dal menu File, quindi
selezionare l'opzione di menu Grafica.
2.
Nella sezione Formato file di esportazione, selezionare
un formato di esportazione preferito. Si tratta del formato
predefinito in cui verranno convertiti tutti gli elementi
grafici al momento dell'esportazione, a meno che non
vengano apportate modifiche. Per JPG, è possibile
impostare un valore di compressione. Per PNG, le
opzioni Usa trasparenza PNG e Usa hack di
compatibilità... consentono rispettivamente di ottenere
la trasparenza di PNG e di eseguire correttamente il
rendering della trasparenza alfa PNG (in Internet
Explorer 5.5 e 6.0).
3.
Nella sezione Ricampionamento, scegliere un metodo
di ricampionamento per ottenere immagini di qualsiasi
formato con le seguenti impostazioni: Qualità migliore,
Buona qualità, Più nitido o Più uniforme; maggiore è la
qualità, minore è la velocità di esportazione. L'opzione
Qualità migliore utilizza il supersampling per garantire
il dettaglio più preciso nella grafica esportata.
Selezionare l'opzione Non ricampionare le immagini...
per evitare il ricampionamento delle immagini quando le
dimensioni dell'immagine esportata saranno simili alle
dimensioni dell'immagine originale.
4.
Per l'esportazione dei nomi dei file grafici originali, nella
sezione Denominazione selezionare Usa nomi originali
di file immagine. Gli elementi grafici verranno
memorizzati nella cartella principale del sito Web
pubblicato.
5.
Nella sezione Ottimizzazione, mantenere selezionata
l'opzione Combina immagini sovrapposte in un
singolo file per consentire a WebPlus di analizzare il sito
e (dove risulterebbe un file di dimensioni inferiori)
elaborare la grafica sovrapposta come un elemento
grafico singolo. La scelta di selezionare questa opzione
dipende dal tipo di layout. Anziché utilizzare questo
approccio globale, per alcuni casi specifici si consiglia di
utilizzare Strumenti>Converti in immagine.
6.
Nella sezione Testo, è possibile selezionare Disegna
testo come curve arrotondate per rendere più fluido
l'aspetto del testo esportato come grafica. Ideale per
ottenere testo artistico ben definito.
7.
Nella sezione Immagini con collegamento ipertestuale,
impostare una larghezza o un'altezza massima quando si
esportano immagini. Questo impedisce che le immagini
vengano visualizzate a dimensioni di immagine native
eccessivamente grandi. Utile quando si effettua un
collegamento ipertestuale a un'immagine di maggiori
dimensioni.
Impostazione di opzioni di esportazione, titolo
e testo alternativo per singoli elementi grafici
La Gestione esportazione immagini è una procedura guidata che
consente di impostare il formato del file di esportazione per singoli
elementi grafici del sito o per oggetti, ad esempio il testo ruotato,
che verranno convertiti in immagini al momento dell'esportazione.
Queste impostazioni locali basate sulle singole immagini hanno la
priorità sulle impostazioni globali (impostate in File>Proprietà
sito) utilizzate da WebPlus per stabilire il formato di esportazione.
È possibile utilizzare la procedura guidata per selezionare una
singola immagine, la pagina corrente o l'intero sito. È possibile
salvare ciascuna immagine utilizzando metodi diversi. Procedere in
uno dei modi seguenti:
•
Scegliere un formato specifico (GIF, JPEG o PNG) in cui
effettuare l'esportazione (o rimandare alle impostazioni
predefinite del sito). Per il formato JPEG, è possibile
scegliere un livello di compressione.
- oppure -
•
Salvare il file in un percorso scelto e con un nome file
durante l'esportazione. È possibile aggiungere nomi
descrittivi più significativi alle immagini durante
l'esportazione (opzione particolarmente utile durante la
gestione del sito Web) anziché lasciare che le immagini
vengano esportate con nomi di immagine generati
automaticamente.
È possibile decidere in base alle proprie preferenze. Per fare ciò, è
possibile mantenere l'opzione Usa impostazioni predefinite sito
per tutte le immagini come impostazione di partenza. Se si
utilizzano le impostazioni globali originali, le immagini GIF, JPEG
e PNG verranno esportate come i rispettivi file originali, mentre
tutti gli altri formati, inclusi QuickShapes e forme chiuse, verranno
pubblicati come PNG. Visualizzare quindi l'anteprima del sito e
determinare se si desidera modificare le impostazioni globali o
provare un formato di output diverso per immagini specifiche.
Anche se non si modifica alcuna impostazione del formato, è
possibile impostare un titolo dell'immagine che di solito verrà
visualizzato come descrizione del comando al passaggio del
puntatore del mouse sull'immagine in un browser. È inoltre
possibile immettere un testo alternativo (manualmente o
automaticamente) per motivi di accessibilità.
Per impostare il formato di esportazione, il titolo e/o il
testo alternativo:
1.
Se si esporta una singola immagine, è possibile
innanzitutto selezionarla e scegliere Opzioni
esportazione... dal menu Formato o di scelta rapida.
- oppure Per esaminare le opzioni di esportazione Web per le
immagini in tutto il sito, scegliere Gestione
esportazione immagini… dal menu Strumenti.
2.
(Solo se si utilizza Gestione esportazione immagini)
Selezionare se si desidera esportare un oggetto
selezionato, la pagina corrente o l'intero sito nella
procedura guidata, quindi fare clic su Continua. La
procedura guidata scorre gli elementi grafici
nell'intervallo specificato e ne visualizza uno alla volta
insieme alla finestra di dialogo Opzioni esportazione
immagini.
3.
Nella sezione Salva immagine come della finestra di
dialogo, è possibile scegliere per attivare una delle
seguenti opzioni:
•
Salva in un formato e nome scelti da WebPlus. Il
formato dell'elemento grafico è quello definito in
Proprietà sito (Grafica; Formato predefinito); il
nome viene generato automaticamente, ad esempio
wp479d0ea6.
•
Salva in questo formato con un nome scelto da
WebPlus.
Fare clic su un pulsante di opzione GIF, JPEG o
PNG per specificare il formato di esportazione per
l'elemento grafico corrente. Attivare Usa
impostazioni predefinite sito se il formato
predefinito del sito deve essere mantenuto ma
denominato automaticamente da WebPlus. Se si
seleziona JPEG, scegliere una qualità di
compressione dal menu a discesa Compressione.
•
Salva nel mio percorso e nome scelto.
Fate clic sul pulsante Scegli file.... La finestra di
dialogo visualizzata consente di esportare l'elemento
grafico con il nome file immagine originale (attivare
Usa nome predefinito) o scegliere un nuovo nome
dell'immagine (attivare il pulsante Scegliere nome e
immettere un nuovo nome file). Per entrambi i
metodi, è possibile individuare la cartella in cui
salvare l'immagine esportata. Il formato di file
utilizzato sarà quello impostato nelle impostazioni
predefinite del sito. È inoltre possibile ignorare
l'impostazione predefinita del sito modificando
l'estensione del file nel campo Scegliere nome, ad
esempio è possibile modificare .gif in .png.
4.
Selezionare l'opzione Escludi questa immagine da
ottimizzazione... se non si desidera che l'immagine sia
combinata in un'unica immagine esportata se è
sovrapposta a un'altra immagine nel sito.
5.
(Opzionale) Scegliere uno dei diversi metodi di
ricampionamento: WebPlus può effettuare il
ricampionamento se necessario, il file verrà sempre
ricampionato (ad esempio quando un'immagine JPG
viene ridimensionata) o non verrà mai ricampionato
(verrà utilizzata l'immagine originale). Attivare un
pulsante di opzione appropriato in base alle esigenze. Se
si modifica il formato, il ricampionamento verrà eseguito
sempre. Il ricampionamento può utilizzare la qualità
definita in Proprietà sito (sopra) o una qualità (Qualità
migliore, Buona qualità, Più nitido o Più uniforme)
specifica per l'elemento grafico.
6.
Per immettere un titolo per un elemento grafico,
visualizzare la scheda ALT e TITLE, quindi immettere il
testo appropriato. Questo testo viene visualizzato al
passaggio del puntatore del mouse su un'immagine
esportata.
7.
Nella stessa scheda, assegnare una stringa di testo ALT
all'immagine per l'accessibilità Web. La stringa viene
letta dal lettore dello schermo al passaggio del mouse. È
possibile assegnare il testo in base alla voce nella casella
di immissione oppure è possibile selezionare Usa testo
ALT predefinito. Per l'ultima opzione, l'immagine viene
esportata come segue:
•
Se l'immagine è decorativa (non contiene testo), non
disporrà di testo ALT.
- oppure -
•
8.
Se l'immagine è un elemento grafico selezionabile,
ad esempio un pulsante etichettato (ad esempio
Indietro, Avanti e così via), viene automaticamente
utilizzato il testo sull'immagine, esportato come
testo ALT (ad esempio Indietro, Avanti) è
presentato al lettore dello schermo. Se si specifica
un elemento grafico del titolo, il testo del titolo
viene utilizzato come testo ALT.
Fare clic su OK.
Importazione di immagini TWAIN
Se lo scanner o la fotocamera digitale fornisce il supporto per lo
standard TWAIN, è possibile eseguire scansioni delle immagini
direttamente in WebPlus utilizzando lo standard TWAIN o salvare
l'immagine acquisita, quindi importarla in WebPlus.
Per impostare il dispositivo TWAIN per l'importazione:
•
Consultare la documentazione fornita con lo scanner e
seguire le istruzioni.
Per importare le immagini acquisite mediante
scansione:
•
Scegliere Immagine dal menu Inserisci, quindi
selezionare TWAIN e successivamente Acquisisci... dai
sottomenu per aprire una finestra di dialogo di selezione
file.
Se si dispone di più di un dispositivo compatibile con TWAIN, è
necessario selezionare il dispositivo di origine da utilizzare per la
scansione.
Per selezionare un'origine TWAIN differente per la
scansione:
1.
Scegliere Immagine... dal menu Inserisci, quindi
selezionare TWAIN e successivamente Seleziona
origine... dal sottomenu.
2.
Individuare il dispositivo che si desidera utilizzare come
origine TWAIN.
Applicazione dei filtri FotoLab
È possibile applicare filtri e gestirli utilizzando FotoLab, un
efficace strumento per l'applicazione di filtri di modifica e di filtrieffetto alle immagini, individualmente o combinandoli; tutti
vengono applicati istantaneamente e visualizzati in anteprima.
FotoLab offre le seguenti funzioni principali:
•
Filtri di regolazione
Applicare filtri tonali, colore, lente e per l'aumento della
nitidezza.
•
Filtri effetto
Applicare filtri distorsione, sfocatura, stilistici, disturbo,
rendering, artistici e molti altri effetti.
•
Filtri ritocco
Applicare filtri per la correzione degli occhi rossi, la
riparazione della tinta, il raddrizzamento e il ritaglio.
•
Operazione non distruttiva
Tutti i filtri vengono applicati senza modificare
l'immagine originale e possono essere modificati in
futuro, in qualsiasi momento.
•
Potenti combinazioni di filtri
È possibile creare combinazioni di filtri regolazione, filtri
ritocco e filtri effetto, per flussi di lavoro che possono
essere salvati.
•
Mascheramento selettivo
Applicare i filtri a regioni selezionate utilizzando le
maschere.
•
Salvare e gestire i preferiti
Salvare combinazioni di filtri in una comoda scheda
Preferiti.
•
Comandi di visualizzazione
Consentono di confrontare le anteprime dell'immagine
prima e dopo l'applicazione, con doppi comandi a
schermata suddivisa. È possibile utilizzare i comandi pan
e zoom per muoversi sull'immagine.
•
Controlli di blocco
Proteggere i filtri applicati da modifiche accidentali,
offrendo la possibilità di applicarli poi ad altre immagini
mediante selezione.
FotoLab dispone di schede per i filtri, una barra degli strumenti
principale e la serie dei filtri applicati nell'ambito di uno spazio di
lavoro centralizzato.
(A) barra degli strumenti principale, (B) spazio di lavoro
principale, (C) serie dei filtri, (D) schede dei filtri, (E) scheda
Immagini
Per avviare FotoLab:
1.
Selezionare l'immagine alla quale si desidera applicare
un filtro.
2.
Fare clic su
FotoLab sulla barra degli strumenti
contestuale Immagine.
Utilizzo della scheda Immagini
Se la scheda è espansa, le immagini presenti nel sito Web verranno
visualizzate nella scheda Immagini (sopra). Questa scheda viene
visualizzata per impostazione predefinita in FotoLab, ma può
essere nascosta facendo clic sul pulsante
nella parte
inferiore dello spazio di lavoro.
Per cercare immagini del sito:
1.
Fare clic sul pulsante Filtro sulla scheda Immagini.
2.
Se necessario, selezionare e definire le dimensioni
minime e massime dell'immagine.
3.
Selezionare o deselezionare le opzioni RGB, CMYK e
Scala di grigio per visualizzare soltanto immagini in
queste modalità di colore.
4.
Fare clic su OK.
Nella scheda Immagini vengono visualizzate soltanto le immagini
che rispettano i criteri impostati in precedenza.
Con la scheda Immagini aperta, è possibile selezionare e
modificare tutte le immagini senza dover uscire da
FotoLab.
Applicazione di un filtro
I filtri sono disponibili
nelle schede Preferiti,
Regolazioni ed Effetti d
FotoLab, che li
raggruppano in diverse
categorie, secondo un
criterio logico (ad
esempio, Correzione
rapida per filtri di
correzione veloci e di
uso frequente).
Nella scheda Preferiti
sono disponibili alcuni
filtri di uso frequente
(singolarmente e
combinati). È possibile
completare la gamma
con filtri propri, definiti
dall'utente.
Applicare un filtro con la funzionalità di prova:
1.
Fare clic sulla miniatura di un filtro.
2.
Quando si seleziona un filtro, questo viene
temporaneamente aggiunto alla Zona di prova che
consente di sperimentare liberamente le impostazioni
preferite per quel determinato filtro; l'immagine si
aggiorna automaticamente offrendo un'anteprima delle
nuove impostazioni.
3.
Agire sui cursori (o immettere dei valori) per adattare il
filtro alle proprie esigenze. Alcuni filtri presentano
caselle di controllo, menu a discesa e comandi aggiuntivi
(ad esempio, impostazioni avanzate).
Selezionando un nuovo filtro, quello attuale viene
sempre sostituito.
È possibile disabilitare temporaneamente, reimpostare o eliminare
qualsiasi filtro dalla zona di prova.
Per
disattivare:
Fare clic su , quindi su
nuovamente il filtro.
Per
ripristinare:
. Tutte le modifiche alle
Fare clic su
impostazioni vengono riportate alle
impostazioni predefinite del filtro.
Per
eliminare:
Fare clic su
per attivare
.
Se si è sicuri di voler conservare un filtro, è necessario inserirlo
nella serie dei filtri.
Per applicare il filtro:
•
Fare clic su
Applica per accettare le modifiche
apportate. In questo modo il filtro viene aggiunto alla
serie Filtri, nella posizione più a destra, in cui è possibile
aggiungere filtri supplementari seguendo lo stesso
metodo.
Le modifiche vengono applicate in modo che il filtro
aggiunto più recentemente venga sempre visualizzato
nella parte inferiore dell'elenco e che venga applicato
all'immagine per ultimo (dopo l'applicazione dei filtri che
lo precedono).
Per riordinare i filtri:
•
Trascinare il filtro in una posizione qualunque della
serie. Una linea punteggiata indica la nuova posizione in
cui verrà posizionato il nuovo elemento al rilascio del
pulsante del mouse.
Ritocco
FotoLab offre alcuni utili strumenti di ritocco sulla barra degli
strumenti principale, ciascuno dei quali viene normalmente
utilizzato per correggere le foto prima di passare alla correzione dei
colori e all'applicazione degli effetti.
Mascheramento selettivo
Anziché applicare un filtro per modificare in modo uniforme
l'aspetto dell'immagine, è possibile modificare solo delle regioni
specifiche. FotoLab consente di applicare maschere ad aree
specifiche dell'immagine colorandole, per stabilire se i filtri
dovranno avere effetto su di esse o no.
Per applicare una maschera:
Maschera, selezionare
1.
Dal menu a discesa
Nuova maschera.
2.
Nel riquadro Impostazioni strumenti, selezionare lo
strumento
Aggiungi regione per applicare le
maschere alle regioni colorandole.
3.
Regolare le impostazioni per adattarlo alle proprie
esigenze, in particolare modificando la variabile
Dimensioni pennello, per colorare regioni più ampie o
più fitte.
Modificare lo stato del menu a discesa Modalità da
Seleziona a Proteggi, per proteggere dalla mascheratura
le regioni colorate (ovvero, l'operazione opposta ad
Aggiungi regione).
4.
Utilizzando il cursore disponibile sullo schermo, colorare
le regioni (in verde per aggiungerle, in rosso per
proteggerle).
Se nella colorazione non si è stati abbastanza precisi, è
possibile fare clic sull'opzione
Rimuovi regioni e
colorare di nuovo le regioni già colorate
involontariamente.
5.
Fare clic su
Accetta per salvare le modifiche di
mascheramento.
Quando si applica una maschera, il pulsante di
mascheramento diventa di colore giallo (ovvero
).
Per modificare una maschera:
•
, scegliere
il nome della maschera e selezionare Modifica
maschera.
Salvataggio dei preferiti
Se si desidera
conservare
determinate
impostazioni filtro (o
relative a una
combinazione di filtri)
per utilizzarle in
futuro, è semplice
salvarle nei preferiti.
FotoLab memorizza i
preferiti tutti insieme,
nella scheda Preferiti.
È addirittura possibile
creare le proprie
categorie (ad esempio,
"Regolazioni
personali") all'interno
della scheda.
Per salvare i filtri come nuovi preferiti:
•
Fare clic su
•
Nella finestra di dialogo, immettere il nome desiderato e
selezionare una categoria nella quale salvare il filtro.
(Fare clic su
Salva filtro.
per creare una nuova categoria)
Se si desidera gestire più dettagliatamente i preferiti in categorie
definite dall'utente, fare clic sull'opzione sul
Menu Scheda.
Utilizzo di Studio ritaglio immagine
Studio ritaglio immagine è una potente soluzione integrata per il
ritaglio di oggetti dai relativi sfondi. In base alla composizione
delle immagini, è possibile separare i soggetti di interesse dagli
sfondi, mantenendoli (come nel caso di persone, oggetti e così via)
oppure rimuovendo un semplice sfondo uniforme(ad esempio il
cielo o lo sfondo di uno studio). In entrambi i casi, l'immagine
"ritagliata" risultante conferisce al sito un aspetto accattivante.
Per avviare Studio ritaglio immagine:
1.
Selezionare l'immagine da ritagliare.
2.
Selezionare
Studio ritaglio immagine dalla barra
dei menu contestuale Immagine visualizzata. Viene
avviato Studio ritaglio immagine.
Scegliere il tipo di output
Prima di selezionare le aree da conservare/rimuovere, è
fondamentale scegliere il tipo di output. Prima della selezione, è
possibile scegliere una bitmap con bordo alfa oppure vectorcropped. La scelta da effettuare dipende dall'immagine, in
particolare dal livello di definizione dei bordi dell'immagine.
Ingrandire l'immagine per esaminarne i bordi. Ciò
potrebbe incidere sul tipo di output scelto.
Di seguito vengono illustrati vari tipi di output e le relative
differenze.
Tipo di
output
Descrizione e utilizzo
Bitmap
con bordo
alfa
Da utilizzarsi per il ritaglio di oggetti con
bordi non ben definiti. Sul bordo del
profilo vengono utilizzati la trasparenza e
la miscelazione di pixel per produrre
risultati professionali con trascurabili
interferenze da parte di colori di sfondo.
Il termine "alfa" si riferisce a un canale di
trasparenza alfa dell'immagine a 32 bit.
Bitmap
vectorcropped
Da utilizzarsi su bordi ben definiti. Viene
creata un'immagine ritagliata con il
profilo del ritaglio, che può essere
successivamente modificata con gli
strumenti di ritaglio. Se lo si desidera, è
possibile sfumare i bordi dell'immagine,
ma ciò non rimuoverà il colore di sfondo.
Per creare una bitmap con bordo alfa:
1.
Selezionare Bitmap con bordo alfa dal menu a discesa
Tipo di output.
2.
(Opzionale) Trascinare il cursore Larghezza per
impostare l'entità di applicazione della miscelazione
"alfa" all'interno del bordo di ritaglio.
3.
(Opzionale) Regolare il cursore Sfocatura per attenuare
il bordo di ritaglio.
Per creare una bitmap vector-cropped:
1.
Selezionare Bitmap vector-cropped dal menu a discesa
Tipo di output.
2.
(Opzionale) Trascinare il cursore Sfumatura per
applicare un bordo sfumato o sfocato all'interno del
bordo di ritaglio.
3.
(Opzionale) Trascinare il cursore Attenuazione per
attenuare il bordo di ritaglio.
4.
(Opzionale) Il cursore Rigonfiamento funge da
scostamento positivo o negativo dal bordo di ritaglio.
Sarà necessario fare clic su
Anteprima per
controllare ogni volta le modifiche alle impostazioni di
output.
Selezione delle aree da mantenere o da
rimuovere
Per "dipingere" le aree da mantenere e quelle da rimuovere
vengono utilizzati un paio di pennelli. Tali strumenti vengono
definiti Pennello includi e Pennello elimina e vengono utilizzati
in modo indipendente oppure, più comunemente, in combinazione
l'uno con l'altro. Quando si utilizzano tali strumenti, i pennelli
dipingono un'area racchiusa in un profilo che deve essere rimossa o
mantenuta, a seconda del tipo di pennello utilizzato. Un numero
configurabile di pixel adiacenti all'area del profilo viene miscelato.
Per facilitare l'operazione di selezione, sono
disponibili diverse modalità di visualizzazione.
I pulsanti Mostra originale, Mostra aree colorate e
Mostra trasparente visualizzano l'immagine
rispettivamente con:
Colore
sfondo
•
solo le aree di selezione
•
vari colori per semplificare le operazioni
di selezione complesse
•
aree trasparenti a scacchiera
contrassegnate per la rimozione.
Per la modalità Mostra trasparente, è possibile
impostare un diverso Colore di sfondo nella parte
inferiore di Studio, che può risultare di aiuto nella
differenziazione delle aree da mantenere o da
rimuovere.
Per selezionare le aree dell'immagine da
mantenere/rimuovere:
1.
In Studio ritaglio immagine, fare clic su
Pennello
includi o su
Pennello elimina a sinistra dello
spazio di lavoro Studio.
2.
(Opzionale) Selezionare un'impostazione di Dimensioni
pennello adatta all'area di lavoro.
3.
(Opzionale) Impostare un valore di Tolleranza
estensione per espandere automaticamente l'area
selezionata dal cursore, individuando i colori simili a
quelli che rientrano nella selezione corrente). Più elevato
è il valore, maggiore sarà l'espansione dell'area
selezionata. Deselezionare l'opzione per disattivare la
funzione.
4.
Utilizzando il cursore circolare, fare clic e trascinare
nell'area da mantenere o da rimuovere, in base alla
selezione dello Strumento Pennello includi o Pennello
elimina. È possibile ripetere più volte l'operazione fino
alla creazione dell'area di selezione.
Il pulsante
effettuata.
Annulla ripristina l'ultima selezione
Per regolare con precisione la selezione, è possibile
alternare il Pennello includi e il Pennello elimina tenendo
temporaneamente premuto il tasto Alt.
5.
Se si sta producendo una bitmap con bordo alfa, è
possibile rifinire l'area da mantenere/rimuovere in Studio
ritaglio immagine (solo dopo la visualizzazione
dell'anteprima). Le immagini vector-cropped possono
essere ritagliate con i normali strumenti di ritaglio di
WebPlus esternamente a Studio.
6.
Fare clic su
OK per creare il ritaglio.
Aggiunta di animazione
WebPlus consente di aggiungere a una pagina Web vari effetti di
animazione accattivanti: cornici intermittenti animate,
animazioni GIF (vedere la Guida di WebPlus) e file Flash (SWF).
Per gli effetti di animazione, è possibile visualizzare un'anteprima
dell'animazione e/o personalizzare l'effetto. Quando vengono
inserite in un sito, le animazioni appaiono statiche, ma prendono
vita quando il sito viene esportato e un visitatore visualizza la
pagina in un browser Web.
Cornici intermittenti animate
Le cornici intermittenti animate sono un metodo eccezionale per
aggiungere movimento di scorrimento orizzontale a un titolo o uno
slogan.
Per creare una cornice intermittente animata:
•
Inserisci cornice
intermittente animata nel riquadro a comparsa Oggetto
multimediale della barra degli strumenti Oggetti Web.
Per modificare una cornice intermittente animata
definita in precedenza:
•
Fare doppio clic sulla cornice intermittente. La finestra di
dialogo Inserisci cornice intermittente animata viene
nuovamente visualizzata con le impostazioni correnti.
File Flash
Un file Flash (*.swf) è un filmato visualizzabile utilizzando il
formato Flash™ Player. Flash è un programma vettoriale
progettato per creare e visualizzare file di dimensioni ridotte su
Web. I file Flash possono essere aggiunti alla pagina (in modo
quasi simile a un'immagine) e vengono riprodotti all'interno della
vista della pagina senza dover visualizzare l'anteprima della pagina
nel browser (o nella finestra di anteprima di WebPlus). È possibile
tagliarli, copiarli, spostarli e ridimensionarli proprio come altri
elementi grafici.
Per visualizzare alcuni file Flash in azione, la scheda Galleria
contiene una raccolta straordinaria di banner Flash (ciascun con
parametri Flash preassegnati già impostati) che possono essere
facilmente adottati. Questi banner sono progettati per consentire la
personalizzazione del loro aspetto (ad esempio, testo, immagini e i
colori di uno schema) senza alcuna esperienza di progettazione
Flash preliminare.
Per inserire un file Flash:
1.
Inserisci file Flash nel
riquadro a comparsa Oggetto multimediale della barra
degli strumenti Oggetti Web.
2.
Utilizzare la finestra di dialogo per selezionare il file
Flash da aprire (fare clic su Sfoglia... quindi selezionare
il file SWF). Fare clic su Opzioni esportazione per
definire opzionalmente un nome file differente e/o una
posizione del file. Per separare l'animazione dal file
WebPlus (utilizzando un collegamento al file di origine)
deselezionare Incorpora file nel sito.
3.
(Opzionale) Nella finestra Parametri, fare clic sul
pulsante Aggiungi... (o Modifica) per aggiungere (o
modificare) parametri come coppie nome/valore.
4.
(Opzionale) Nella finestra File aggiuntivi, creare una
libreria di file (ad esempio, immagini) che sono utilizzati
per creare un filmato Flash. Considerarla come una
libreria locale in cui i file di supporto sono a portata di
mano e di facile riferimento. Fare clic sul pulsante
Aggiungi... per spostarsi sui file e quindi selezionarli per
aggiungerli (utilizzare rispettivamente Ctrl+clic o
Maiusc+clic per selezionare file contigui o non contigui).
5.
(Opzionale) La casella Visualizza controlla il modo in
cui il filmato Flash è presentato nella pagina WebPlus.
Sperimentare le diverse opzioni di ciclo, trasparenza,
allineamento, ridimensionamento e qualità.
6.
Fare clic su OK.
7.
Verrà visualizzato il cursore
Incolla immagine.
Fare clic per inserire il file con una dimensione
predefinita oppure trascinarla per impostare un'area con
una dimensione personalizzata.
Per modificare un banner Flash:
Aggiunta di audio e video
WebPlus consente di includere nelle pagine Web file audio e video
di vari formati standard, fra cui elementi multimediali non
streaming e streaming. Inoltre, WebPlus consente di includere
video di terze parti già disponibili su www.youtube.com.
Audio
•
Sono disponibili due opzioni di riproduzione audio:
audio di fondo, in cui l'audio viene caricato e riprodotto
automaticamente alla prima visualizzazione della pagina
Web nel browser Web del visitatore, e audio collegato,
attivato con un clic del mouse (ad esempio, su un'icona o
un oggetto con collegamento ipertestuale). I formati
audio supportati sono AIFF, AU, MIDI (.mid, .midi),
MP3, RealAudio (.ra, .ram) e WAV.
Video
•
Video collegato ha lo stesso funzionamento dell'audio
collegato. I formati video supportati sono AVI,
QuickTime (.mov, .qt), MPEG (.mpg, .mpeg, .mpe,
.mpv) e RealVideo (.ram, .rv). I file non streaming
devono essere completamente scaricati nel computer
dell'utente prima di essere riprodotti. I file streaming
richiedono un lettore speciale che esegue il buffering dei
dati in arrivo ed è in grado di iniziare la riproduzione
prima che la clip audio sia stata completamente scaricata.
•
I video YouTube già pubblicati su Internet possono
essere inclusi nella pagina Web. Quando il video viene
incluso nella pagina, nel sito viene incorporato solo l'ID
video YouTube univoco e viene creato un collegamento
dalla pagina Web a www.youtube.com. Ciò consente di
aggiungere contenuti multimediali alle pagine, evitando
di caricare video di dimensioni elevate nel sito.
Con le opzioni audio (o video) di fondo e collegato, è possibile
incorporare il file di origine nel sito invece di mantenerlo separato
(tenere presente che i video YouTube non possono essere
incorporati nel sito). Benché l'incorporazione di file aumenti le
dimensioni del sito, si tratta dell'opzione predefinita perché l'utente
non dovrà preoccuparsi di gestire file separati o di eliminarne
involontariamente alcuni. Quando si pubblica il sito, WebPlus
esegue l'esportazione e la copia sia dei file incorporati che dei file
non incorporati.
Per aggiungere l'audio di fondo a una pagina:
1.
Fare clic con il pulsante destro del mouse sulla pagina
nello spazio di lavoro e scegliere Proprietà pagina...).
2.
Dalla scheda Effetti, selezionare Usa file audio, quindi
dalla finestra di dialogo Apri, individuare il file audio da
aggiungere. Dopo aver selezionato il file, fare clic su
OK.
3.
Se non si desidera incorporare il file, deselezionare
l'opzione Incorpora file audio nel sito.
4.
Per riprodurre l'audio come loop continuo, selezionare
Loop audio. In caso contrario, l'audio verrà riprodotto
una sola volta.
5.
(Opzionale) Impostare le Opzioni esportazione... per
definire il nome e il percorso fisico del file esportato.
delle immagini a pag. 332.
6.
Fare clic su OK.
Il file audio verrà scaricato e riprodotto quando la pagina Web
viene riprodotta in un browser.
È necessario riflettere su come si desidera mettere in grado il
visitatore di attivare la riproduzione di un dato file multimediale.
WebPlus include le stesse opzioni di base per entrambi gli elementi
multimediali:
•
Da un oggetto con collegamento ipertestuale o punto
attivo: si inizia con un oggetto esistente nel sito e si
stabilisce un collegamento ipertestuale al file
multimediale oppure si utilizza un punto attivo su
un'immagine.
•
Da una miniatura video: si fa clic su una miniatura
video incorporata che avvia la riproduzione video (solo
video YouTube).
•
Da un'icona: WebPlus fornisce un'icona precollegata al
file multimediale. L'icona viene quindi posizionata sulla
pagina.
•
Da un'immagine: si seleziona un file immagine esterno,
che viene importato da WebPlus e collegato al file
multimediale.
•
Agganciato: nella pagina Web pubblicata viene
visualizzato in modo automatico un "lettore"
multimediale, senza necessità da parte dell'utente di fare
clic su un collegamento, un'icona o un'immagine. In
WebPlus, nella pagina verrà visualizzato un marcatore in
corrispondenza del punto in cui comparirà il lettore.
Con le prime due opzioni, i file multimediali restano esterni e non
possono essere incorporati nel sito. Le opzioni da 3 a 5 consentono
di incorporare il file multimediale.
Per aggiungere un file audio o video collegato a un
oggetto o a un punto attivo:
1.
Selezionare l'oggetto o il punto attivo e scegliere
Collegamento ipertestuale dalla barra degli strumenti
Strumenti.
2.
Nella finestra di dialogo, selezionare File per creare un
collegamento ipertestuale a un file audio sul disco rigido.
3.
Fare clic su Sfoglia, individuare e selezionare il file
multimediale, quindi fare clic su Apri.
4.
l'opzione Incorpora file immagine nel sito.
5.
(Opzionale) Impostare le Opzioni esportazione... per
definire il nome e il percorso fisico del file esportato.
delle immagini a pag. 332.
6.
In base alla modalità di visualizzazione desiderata della
destinazione del collegamento è possibile scegliere
diverse finestre o cornici di destinazione. Vedere
Aggiunta di collegamenti ipertestuali e ancoraggi a
pag. 105.
7.
Fare clic su OK.
Per incorporare un video YouTube:
1.
Aprire il sito Web www.youtube.com nel browser e
selezionare il video YouTube da collegare.
2.
Copiare l'indirizzo URL del video (o incorporare il
codice) contenente un ID alfanumerico, ad esempio
ySnp4YXU6JQ, che identifica in modo univoco il clip
video.
3.
Inserisci video YouTube nel
riquadro a comparsa Oggetto multimediale della barra
degli strumenti Oggetti Web.
4.
Dalla finestra di dialogo, incollare l'URL del video nella
casella di immissione.
5.
(Opzionale) Selezionare/deselezionare le caselle per
attivare o disattivare le seguenti opzioni:
•
Riproduzione automatica
Una volta caricata la pagina, il video viene
riprodotto automaticamente.
•
Loop
Il video viene riprodotto in modo continuativo.
•
Visualizza informazioni video
Vengono visualizzati il titolo e la valutazione con
stelle del video.
•
Consenti modalità schermo intero
Alla finestra del video viene aggiunto un pulsante
che consente all'utente di attivare la visualizzazione
del video in modalità a schermo intero.
•
Includi video correlati
(Se l'opzione Loop è selezionata, la funzione
Includi video correlati viene disattivata
automaticamente. Per attivarla, è necessario
deselezionare la casella di controllo Loop). Al
termine del video, vengono visualizzati i video
correlati al contenuto della riproduzione video
corrente della pagina. Viene visualizzata anche una
barra di ricerca che consente all'utente di cercare e
riprodurre sul sito altri video YouTube.
•
Riproduci in HD
Il video viene riprodotto in alta definizione, se è
stato creato per la riproduzione in alta definizione.
•
Mostra bordi
Viene visualizzato un bordo intorno alla finestra del
video. Fare clic sui due pulsanti per accedere alle
tavolozze a discesa e selezionare fino a due colori.
6.
Fare clic su OK. Posizionare il cursore
Incolla
nel punto in cui si desidera inserire l'angolo superiore
sinistro del video.
7.
Per inserire il video con una dimensione predefinita, fare
semplicemente clic con il mouse.
- oppure Per impostare le dimensioni del video inserito, trascinare
il cursore e rilasciare il pulsante del mouse. Il video può
essere ridimensionato liberamente, senza alcuna
limitazione, ma è possibile mantenerne le proporzioni
premendo il tasto Maiusc durante il trascinamento.
È possibile che alcuni siti Web richiedano la sostituzione
occasionale o periodica dei video YouTube. Ad esempio, il sito
può prevedere la modifica periodica della classifica "Top ten" o dei
video di attualità. In entrambi i casi, WebPlus è in grado di
sostituire i video senza modificarne la posizione.
Per sostituire un video YouTube con un altro, fare doppio clic su
un video YouTube esistente. Dalla finestra di dialogo, incollare
nella casella di immissione l'URL di un video precedentemente
copiato.
Per effettuare il collegamento da un'icona, un'immagine
o un lettore agganciato:
1.
Inserisci clip audio o
Inserisci clip video nel riquadro a comparsa Oggetto
multimediale della barra degli strumenti Oggetti Web.
2.
Individuare il nome del file multimediale.
3.
l'opzione Incorpora file immagine nel sito.
4.
Selezionare un'opzione di visualizzazione del
collegamento (icona, lettore agganciato o immagine).
5.
Fare clic su OK per chiudere la finestra di dialogo,
quindi fare clic oppure fare clic e trascinare con il
cursore per posizionare l'icona, l'immagine o il marcatore
nella pagina.
Utilizzo della Galleria foto
L'espansione simultanea dell'utilizzo della fotocamera digitale e dei
servizi a banda larga ha creato una possibilità fantastica per la
pubblicazione di raccolte di foto su pagine Web. Esistono numerosi
motivi per effettuare tale operazione e di seguito ne sono riportati
alcuni tra i più comuni:
•
rendere disponibili foto di famiglia per parenti
geograficamente distanti
•
Occasioni speciali (feste, Natale, riunioni, vacanze)
•
catalogare raccolte (ad esempio di animali, di francobolli
e così via).
In WebPlus è possibile aggiungere una galleria foto basata su
Flash™ o JavaScript a qualsiasi pagina Web. Utilizzando la
potenza di Flash è inoltre possibile adottare alcuni stili di galleria
accattivanti, ognuno dei quali offre diversi modi di visualizzazione
ciclica delle foto. Le gallerie foto consentono di navigare tramite
una barra di controllo superiore, inferiore o, a seconda dello stile di
galleria, mediante:
• rollover di
miniatura
(opposto)
• miniature
verticali
• griglie di foto
• serie di foto
sovrapposte
• lightbox
Le foto possono essere importate da file, da cartella o da un
dispositivo TWAIN (fotocamera digitale/scanner). Per
impostazione predefinita, le foto di grandi dimensioni importate
nella galleria vengono automaticamente ridimensionate ed
esportate alla risoluzione massima di 720 x 540 pixel. Se le
dimensioni delle foto sono inferiori a 720 x 540 pixel, rimarranno
invariate.
Durante l'importazione, è possibile gestire più foto selezionate
contemporaneamente.
•
Riordinare le foto nell'ordine di visualizzazione preferito.
•
Eseguire la modifica in blocco. È possibile aggiungere
didascalie, ruotare* e regolare la luminosità e il
contrasto.
•
Assegnare tag Exif e creare didascalie personalizzate.
•
Creare e gestire album fotografici.
* È possibile la rotazione automatica di foto della fotocamera
digitale (da orizzontale a verticale) (se supportata dalla
fotocamera).
Creazione della Galleria
La Galleria foto è inserita sulla pagina, proprio come una singola
foto, dopo la raccolta delle foto da file, cartella, fotocamera o
scanner.
Tutte le foto vengono emesse come JPG
indipendentemente dal tipo di foto originale e dalle
impostazioni in File>Proprietà sito>Grafica.
Per inserire una Galleria foto:
1.
Inserisci Galleria foto sul
strumenti Oggetti standard.
2.
(Opzionale) Fare clic su Avanzate per modificare le
impostazioni predefinite di dimensioni e di qualità delle
foto. Le dimensioni predefinite delle foto è la risoluzione
massima a cui le immagini vengono esportate.
3.
Selezionare il tipo di galleria foto da utilizzare;
•
Galleria foto Flash professionale
(i visitatori del sito dovranno disporre di Flash 9 e
versioni successive).
4.
•
Galleria foto Flash
(i visitatori del sito dovranno disporre di Flash 8 e
versioni successive).
•
Galleria foto Javascript
Fare clic su Avanti. Dalla finestra di dialogo, scegliere
se:
•
Aggiungere file singoli
Fare clic sul pulsante Aggiungi file per individuare
e quindi selezionare i file di foto da aprire.
Utilizzare Ctrl-clic o Maiusc-clic per selezionare
più file non adiacenti o adiacenti. Utilizzare la
finestra Anteprima per esaminare le foto mentre
vengono aggiunte alla selezione corrente.
- oppure -
•
Aggiungere tutte le foto in una cartella
Fare clic sul pulsante Aggiungi cartella per
individuare una cartella, quindi selezionarla per
aggiungerne i contenuti.
- oppure -
•
Aggiungere elementi da una fotocamera digitale
o da uno scanner
Fare clic sul pulsante Aggiungi TWAIN. Se
necessario, selezionare l'origine TWAIN prima
della procedura di acquisizione tramite Seleziona
origine... dal menu a discesa. È inoltre possibile
specificare una cartella in cui salvare le foto una
volta acquisite tramite Imposta cartella di
esportazione dal menu a discesa. Fare clic su
Acquisisci... per ottenere le foto.
•
Per eliminare una o tutte le miniature, selezionare e
fare clic sul pulsante Elimina.
Le foto vengono visualizzate come miniature nella finestra di
dialogo Galleria foto.
5.
(Opzionale) Selezionare una o più miniature della
galleria per modifica;
•
Per regolare l'ordine di foto, utilizzare i pulsanti
Su e
Giù nella parte inferiore della finestra di
dialogo.
- oppure Sposta in posizione e immettere un
Fare clic su
numero di posizione.
•
Per ruotare in intervalli di 90° in senso orario, fare
Ruota.
clic sul pulsante
- oppure Fare clic sulla colonna Ruota a destra e selezionare
un incremento di rotazione dall'elenco a discesa.
•
Per aggiungere una didascalia, fare clic sulla
colonna Didascalia e immettere il testo, i numeri e i
caratteri.
•
Per creare didascalie da tag di foto Exif, IPTC e
Formato didascalie.
XMP, fare clic su
Selezionare un tipo di tag dall'elenco a discesa,
quindi fare clic su Aggiungi tag. Viene visualizzata
un'anteprima nella casella Anteprima didascalia.
Selezionare dove aggiungere le didascalie,
Aggiungi a inizio didascalia, Aggiungi a fine
didascalia o Sovrascrivi didascalia. Fare clic su
OK.
•
Per cercare e sostituire didascalie, fare clic su
Trova didascalia. Vedere l'argomento Utilizzo
della funzionalità Trova e sostituisci a pag. 256.
•
Per regolare Luminosità e Contrasto, fare clic
sulle rispettive colonne e immettere valori tra 0 e
100.
•
Per sostituire una foto, fare clic con il pulsante
destro del mouse sulla foto selezionata, quindi fare
clic su Sostituisci immagine.
•
(Solo Galleria foto Flash professionale) Per
organizzare foto in album, fare clic su
Modifica album. Selezionare la casella Attiva
album nella galleria e selezionare il numero di
album da utilizzare, fino a un massimo di 24.
Assegnare agli album un Titolo, una Descrizione e,
se si desidera, assegnare Musica di sottofondo da
riprodurre durante l'esecuzione dell'album nella
galleria. Fare clic su OK.
•
(Solo Galleria foto Flash professionale) Per
aggiungere collegamenti ipertestuali alle foto, fare
clic su
Modifica collegamento ipertestuale.
Dalla finestra di dialogo, scegliere un Tipo di
collegamento ipertestuale: non è possibile
impostare alcun collegamento ipertestuale, né
collegamenti ipertestuali all'immagine originale, né
collegamenti ipertestuali a una destinazione del
collegamento diversa (ad esempio Pagina sito o
Pagina Internet). Per l'ultima opzione è necessario
fare doppio clic sul testo Nessun collegamento per
scegliere la destinazione del collegamento.
6.
Per includere le foto selezionate nel sito, selezionare
Immagini incorporate. Per impostazione predefinita, le
foto vengono mantenute separate dal file WebPlus
(utilizzando un collegamento al file di origine).
7.
Fare clic su Avanti.
8.
Selezionare uno stile di galleria dal riquadro Stile
galleria nella parte superiore della finestra di dialogo.
Ciascun tipo offre uno stile diverso per la navigazione
delle foto: provare ogni tipo fino a individuare quello
desiderato nella relativa finestra Anteprima. Su ogni stile
è presente una barra di controllo che consente la
navigazione delle foto da parte dell'utente dopo la
pubblicazione.
9.
(Opzionale) Per lo stile selezionato, utilizzare il riquadro
a destra per modificare varie opzioni relative alla galleria
(musica di sottofondo associata, colore carattere,
Riproduzione automatica e così via). Alcune opzioni
sono specifiche di uno stile di galleria, ad esempio
attivazione/disattivazione di rollover di miniatura,
numero di miniature visualizzate, foto sovrapposte per
pila, destinazione del collegamento ipertestuale e così
via. Il grado si sfocatura controlla il livello di sfocatura
che si verifica tra foto. Riproduzione automatica avvia
automaticamente la visualizzazione di foto in un
intervallo di tempo impostato ma configurabile (in
secondi). In caso contrario, la barra di controllo
visualizzata sulla galleria foto dopo la pubblicazione può
avviare la riproduzione di foto.
10. Fare clic su Fine.
11.
Per inserire la galleria con dimensioni
predefinite, posizionare il cursore visualizzato nel punto
in cui si desidera che la Galleria venga visualizzata sulla
pagina e fare clic con il mouse.
- oppure Per impostare le dimensioni della galleria inserita,
trascinare una regione e rilasciare il pulsante del mouse.
Modifica della Galleria foto
Una volta aggiunta alla pagina Web, la Galleria foto può essere
modificata. È possibile aggiungere, rimuovere, ruotare o regolare
le foto utilizzando le impostazioni di Luminosità e Contrasto,
nonché assegnare didascalie. È inoltre possibile scambiare lo stile
di galleria esistente con un altro, modificare i collegamenti
ipertestuali delle foto, la musica di sottofondo, il colore del testo
delle didascalie e impostare la riproduzione automatica della
galleria (le foto verranno visualizzate automaticamente in modo
ciclico).
Se nel sito sono disponibili diverse gallerie, è possibile
gestire collegamenti ipertestuali precedentemente
impostati dall'opzione Collegamento ipertestuale in
Gestione sito. Scegliere Immagine galleria dal menu a
discesa Tipo.
Per modificare una Galleria foto:
1.
Selezionare una galleria già presente sulla pagina Web.
2.
Fare doppio clic sulla galleria.
Viene visualizzata la finestra di dialogo Galleria foto. Le
opzioni disponibili sono le stesse di quelle presenti al
momento della creazione della galleria.
3.
Per modificare un attributo su tutte le foto
simultaneamente, selezionare tutte le foto utilizzando la
casella di controllo nella parte superiore della colonna
dell'immagine, quindi apportare le modifiche utilizzando
le opzioni nella parte inferiore dell'elenco di foto.
Una volta posizionata una galleria sulla pagina, è inoltre possibile
trascinare un angolo dell'oggetto galleria per ridimensionarlo.
Utilizzare il tasto Ctrl durante il trascinamento per mantenere le
proporzioni.
Collegamento di immagini remote
È possibile effettuare il collegamento a qualsiasi immagine
attualmente disponibile su Internet. Tuttavia, per impedire la
violazione di copyright è consigliabile utilizzare le immagini da un
servizio di hosting delle immagini affidabile. Naturalmente è
possibile effettuare un "collegamento rapido" ad altre immagini
(dal sito di un amico o collega) dove non vi sono problemi di
implicazioni legali e per il quale è sufficiente una richiesta di
autorizzazione.
Per inserire un'immagine remota:
1.
Selezionare Inserisci>Immagine>Collegamento
remoto....
2.
Nella finestra di dialogo, immettere l'URL assoluto per
l'immagine.
3.
Fare clic su OK.
4.
Il puntatore del mouse verrà modificato nel cursore
Incolla immagine. L'operazione successiva
determina le dimensioni iniziali e il posizionamento
dell'immagine.
5.
Per inserire l'immagine con dimensioni predefinite, è
- oppure Per impostare le dimensioni dell'immagine inserita,
trascinare una regione e rilasciare il pulsante del mouse.
13
Linee, forme ed
effetti
372 Linee, forme ed effetti
Linee, forme ed effetti 373
Disegno e modifica di linee
WebPlus include gli strumenti Matita, Linea retta e Penna per
disegnare rispettivamente linee freehand, rette e curve/rette.
Strumento Matita consente di
Lo
disegnare curve e forme a mano libera.
Lo
Strumento Linea retta
consente di disegnare rette, righelli
nella parte superiore e/o inferiore della
pagina o linee orizzontali per separare
sezioni o evidenziare intestazioni.
Strumento Penna consente di
Lo
unire una serie di segmenti, che
possono essere curvi o retti,
collegando i punti facendo clic con il
mouse.
È possibile chiudere qualsiasi linea chiusa, unendone le
estremità, per creare una forma personalizzata. Per
ulteriori informazioni, vedere Disegno e modifica
delle forme a pag. 380.
Disegno di linee
Per disegnare una linea a mano libera (con lo Strumento
Matita):
1.
Fare clic sullo
Strumento Matita dal riquadro a
comparsa Linea della barra degli strumenti Oggetti
standard.
2.
Fare clic in corrispondenza del punto iniziale della linea
e tenere premuto il pulsante del mouse man mano che si
disegna. La linea viene immediatamente visualizzata e
segue i movimenti del mouse.
3.
Per terminare la linea, rilasciare il pulsante del mouse. La
linea viene automaticamente attenuata utilizzando un
numero minimo di nodi.
4.
Per estendere la linea, posizionare il cursore su uno dei
nodi finali rossi. Il cursore cambia forma in modo da
includere un simbolo più (+). Fare clic sul nodo e
trascinare per aggiungere un nuovo segmento.
Per disegnare una retta (con lo Strumento Linea retta):
1.
Fare clic sullo
Strumento Linea retta dal riquadro
a comparsa Linea della barra degli strumenti Oggetti
standard.
2.
Fare clic in corrispondenza del punto iniziale della linea
e trascinare fino al punto finale. La linea viene
immediatamente visualizzata.
Per vincolare l'angolazione della retta su incrementi di
15°, tenere premuto il tasto Maiusc durante il
trascinamento. Si tratta di un modo semplice per
disegnare linee perfettamente verticali oppure
orizzontali.
3.
Per estendere la linea, posizionare il cursore su uno dei
nodi finali rossi. Il cursore cambia forma in modo da
includere un simbolo più (+). Fare clic sul nodo e
trascinare per aggiungere un nuovo segmento.
Per disegnare uno o più segmenti (con lo Strumento
Penna):
1.
Strumento Penna dal riquadro a
Fare clic sullo
comparsa Linea della barra degli strumenti Oggetti
standard. Nella barra degli strumenti contestuale Curva,
tre pulsanti consentono di selezionare il tipo di segmento
da disegnare:
Un segmento retto è
semplicemente una retta che unisce
due nodi.
(Scelta rapida: premere 1)
Un segmento Bézier è curvo
e vengono visualizzate delle
maniglie di controllo per una
regolazione accurata.
I segmenti Intelligente
vengono visualizzati senza
maniglie di controllo e viene
utilizzata la funzione di
adattamento automatico della curva
per unire i nodi. Questi segmenti
risultano particolarmente utili
quando vengono tracciati intorno a
immagini e oggetti curvi.
2.
Selezionare un tipo di segmento, quindi fare clic in
corrispondenza del punto iniziale della linea.
•
Per un segmento Retta, fare nuovamente clic o
trascinare per creare il nodo in corrispondenza del
quale si desidera finisca il segmento. Fare clic
tenendo premuto Maiusc per allineare il segmento
a intervalli di 15°. Questa procedura risulta utile
per creare rapidamente giunzioni ad angolo retto.
•
Per un segmento Bézier, fare nuovamente clic per
creare un nuovo nodo e trascinare da quel punto
una maniglia di controllo. Le maniglie di
controllo fungono da "magneti", trasformando la
curva in una forma. La distanza fra le maniglie
determina la profondità del nuovo segmento
curvilineo risultante.
Fare nuovamente clic sul punto in cui si desidera
che finisca il segmento. Viene visualizzato un
segmento curvo. Il segmento finito diventa
selezionabile.
•
Per un segmento Intelligente, fare nuovamente
clic per creare un nuovo nodo. Il segmento viene
visualizzato come una curva morbida, senza
maniglie di controllo, posta fra il nuovo nodo e
quello precedente. Prima di rilasciare il pulsante
del mouse, è possibile effettuare un trascinamento
per "flettere" la linea come se fosse un filo di
ferro. Se anche il nodo sull'angolo precedente
della linea è intelligente, la flessibilità si estende al
segmento precedente. È possibile tenere premuto
Maiusc e fare clic per creare un nuovo nodo che si
allinei a intervalli di 15° con quello precedente.
3.
Per estendere una linea esistente, ripetere il passaggio 2
per ciascun nuovo segmento. Ogni segmento può essere
di tipo diverso.
4.
Per terminare la linea, premere Esc, fare doppio clic o
scegliere un altro strumento.
Modifica delle linee
Utilizzare lo Strumento Puntatore insieme alla barra degli
strumenti contestuale Curva per modificare le linee disegnate. Le
tecniche non cambiano a prescindere che si stia modificando un
oggetto linea separato oppure il contorno di una forma chiusa.
Se selezionato, ciascun tipo di linea mostra dei nodi quadrati che
possono essere utilizzati per modificare la forma delle linee.
Per informazioni sulla modifica delle linee, vedere la Guida di
WebPlus.
Impostazione delle proprietà di linea
Tutte le linee, incluse quelle che racchiudono forme, presentano
varie proprietà, fra cui colore, peso (larghezza o spessore), scala,
estremità, giunzione (angolo) e allineamento della traccia. È
possibile modificare tali proprietà per qualsiasi linea freehand, retta
o curva, nonché per il profilo di una forma. Anche gli oggetti
cornici di testo, immagini, tabelle e testo artistico presentano
proprietà di linea.
In WebPlus, è possibile controllare la posizione della traccia,
ovvero la larghezza della linea, in relazione al percorso
dell'oggetto, ovvero la linea che ne definisce i contorni.
Per cambiare le proprietà di linea di un oggetto
selezionato:
•
Utilizzare la scheda Campioni per modificare il
colore e/o l'ombreggiatura della linea. In alternativa,
utilizzare la scheda Colore per applicare un colore
all'oggetto selezionato da un miscelatore di colori.
La linea e il riempimento dell'oggetto possono assumere
un colore uniforme o gradiente, nonché bitmap e gli
effetti di trasparenza.
•
Utilizzare la scheda Linea, la barra degli strumenti
contestuali (mostrata quando viene selezionata una linea)
o la finestra di dialogo Linea e bordo per cambiare il
peso (spessore), il tipo o altre proprietà della linea.
Selezionare la larghezza della linea e utilizzare le caselle
di riepilogo per scegliere il tipo di linea.
Nella scheda Linea, nella barra degli strumenti contestuale o nella
finestra di dialogo Linea e bordo, il menu a discesa degli stili
include i seguenti stili: Nessuno, Singola, Calligrafica, nonché
diversi stili di linea Tratteggiata e Doppia, come mostrato di
seguito.
Sono inoltre disponibili vari metodi di personalizzazione delle
linee:
Per le linee punteggiate/tratteggiate, effettuare
una selezione fra i cinque stili di linea (vedere
sopra).
- oppure (solo scheda e finestra di dialogo) Trascinare il
cursore Motivo tratteggiato per impostare la
lunghezza generale del motivo (il numero di
caselle a sinistra del cursore) e la lunghezza del
tratteggio (il numero di tali caselle nere).
Nelle figure di seguito sono mostrate le linee
con le lunghezze del motivo e del tratteggio di
(1) 4 e 2 e (2) 5 e 4:
Per le linee doppie, effettuare una selezione fra
i quattro stili di linea Doppia (vedere sopra).
(Solo scheda) Per le linee calligrafiche di
larghezza variabile (come se fossero state
disegnate con una penna a punta quadrata
tenuta a una determinata angolazione),
selezionare lo stile di linea calligrafica
(opposto) dal menu a discesa, quindi
selezionare la casella Angolo calligrafico per
impostare l'angolo del pennino, come mostrato
negli esempi di seguito.
È inoltre possibile modificare l'Estremità di una linea e la
Giunzione (angolo) di intersezione di due linee.
La finestra di dialogo Linea e bordo offre tutte le proprietà di linea
incluse le opzioni di selezione bordo, ombreggiatura/colorazione,
ridimensionamento estremità linea, oltre a bordi decorativi basati
su foto per l'incorniciamento delle foto.
Per accedere a tutte le proprietà di linea:
•
Linea/bordo sul riquadro
Riempimento della barra degli strumenti Strumenti.
Nella finestra di dialogo, la scheda Linea consente di
modificare tutte le proprietà di linea (illustrate in
dettaglio sopra), mentre la scheda Bordo fornisce bordi
basati su foto.
Disegno e modifica di forme
QuickShapes sono oggetti già disegnati di varie forme che
possono essere aggiunti istantaneamente alla pagina.
Dopo avere disegnato una QuickShape, è possibile eseguire il
morphing della forma originale con le maniglie di controllo e
modificarne le proprietà, ad esempio applicando colori uniformi,
riempimenti gradiente/bitmap (incluse immagini bitmap
personali) e effetti di trasparenza sia al riempimento che al
profilo dell'oggetto.
Per creare una forma, è anche possibile disegnare una linea o una
serie di segmenti e quindi collegare il nodo iniziale e quello finale,
creando una forma chiusa.
QuickShapes
Il riquadro a comparsa
QuickShape nella barra degli
strumenti Oggetti standard
include una vasta gamma di forme
comunemente utilizzate, come
caselle, ovali, frecce, poligoni,
stelle, cubi e cilindri.
Una volta aggiunta alla pagina, è anche possibile utilizzare la barra
degli strumenti contestuale QuickShape, posta sopra lo spazio di
lavoro, per modificare lo spessore, il colore, lo stile di una linea di
una forma QuickShape e molto altro ancora.
Per creare una forma QuickShape:
1.
QuickShape
nella barra degli strumenti Oggetti standard e
selezionare una forma.
2.
Fare clic sulla pagina per creare una nuova forma con
dimensioni predefinite.
In alternativa
effettuare un trascinamento nella pagina per impostare le
dimensioni della forma. Quando le dimensioni della
forma sono quelle desiderate, rilasciare il pulsante del
mouse.
Per disegnare una forma delimitata, come un cerchio:
•
Tenere premuto il pulsante Maiusc e trascinare.
È possibile posizionare, ridimensionare, ruotare e riempire tutte
le forme QuickShapes. Inoltre, è possibile eseguire il morphing con
le maniglie scorrevoli e regolabili poste intorno alla forma. Ogni
forma cambia in modo logico per consentirne la modifica
dell'aspetto.
Per modificare l'aspetto di una forma QuickShape:
1.
Fare clic sulla forma QuickShape per visualizzare una o
più maniglie scorrevoli poste intorno a essa. Tali
maniglie sono diverse da quelle di selezione "interne".
Le varie forme QuickShapes hanno maniglie diverse con
funzioni separate.
2.
Per modificare l'aspetto di una forma QuickShape,
trascinarne le maniglie.
Per conoscere la funzione svolta da ogni maniglia di una
forma specifica, spostare lo Strumento Puntatore sulla
maniglia e leggere il contenuto della Barra dei
suggerimenti.
Forme chiuse
Non appena si disegna o si seleziona una linea, verranno
visualizzati i relativi nodi. I nodi mostrano i punti finali di ciascun
segmento della linea. Le curve freehand in genere hanno molti
nodi, mentre i segmenti retti o curvi ne hanno solo due. È possibile
creare una forma disegnando una linea chiusa.
Per trasformare una linea selezionata in una forma:
•
Selezionare la linea con lo Strumento Puntatore e fare
clic sul pulsante
Chiudi curva nella barra degli
strumenti contestuale Curva.
È anche possibile aprire una forma per aggiungere uno o più
segmenti.
Per aprire una linea o una forma:
1.
Con lo Strumento Puntatore, selezionare il nodo in
corrispondenza del quale aprire la forma.
2.
Interrompi curva della barra
degli strumenti contestuale Curva. La linea si suddividerà
in due segmenti. La forma si trasformerà in una linea,
con il nodo selezionato suddiviso in due nodi, uno a
ciascuna estremità della nuova linea.
3.
A questo punto è possibile utilizzare lo Strumento
Puntatore per modificare la forma della linea in base alle
necessità.
Modifica delle forme
•
Utilizzare il cursore Peso nella Scheda Linea per
modificare il peso (spessore) o il tipo di bordo della
forma. Per applicare uno stile di linea diverso
(punteggiato, tratteggiato e così via), fare clic sull'elenco
a discesa centrale.
•
Utilizzare la scheda Colore o Campioni per modificare
il colore della linea o del riempimento della forma
(uniforme, gradiente o bitmap). Per ulteriori
informazioni, vedere Applicazione di colori uniformi o
Operazioni con riempimenti gradiente e bitmap.
•
Utilizzare la scheda Trasparenza per applicare un
effetto di trasparenza gradiente o bitmap. Per ulteriori
informazioni, vedere Operazioni con la trasparenza.
Utilizzo degli effetti filtro 2D
WebPlus offre una serie di effetti filtro utilizzabili per trasformare
qualsiasi oggetto. Gli effetti filtro "3D" consentono di far apparire
le superfici con texture e vengono trattati in un'altra sezione
(vedere p. 389). In questa sezione vengono presi in esame
esclusivamente gli effetti filtro 2D. Nei seguenti esempi è possibile
osservare ciascun effetto filtro 2D quando viene applicato alla
lettera "A".
Sfalsa ombra
Ombra interna
Bagliore
esterno
Bagliore
interno
Smusso interno
Smusso
esterno
Rilievo
Rilievo
cuscino
Sfocatura
gaussiana
Sfocatura
zoom
Sfocatura
radiale
Effetto
movimento
Riempimento
colore
Sfumatura
Profilo
Riflesso
Nella scheda Stili di
Studio è disponibile
una serie di effetti
filtro 2D già pronti
all'uso. Ciascuna delle
diverse categorie offre
una galleria piena di
effetti predefiniti,
come ombre, smussi,
riflessi, sfocature e
altro ancora. In
ciascuna categoria
sono disponibili lievi
varianti degli effetti
presentati. Fare clic su
una miniatura per
applicare l'effetto
all'oggetto
selezionato.
Per disporre di un controllo assoluto sui propri effetti filtro 2D, è
possibile utilizzare
Effetti filtro.
Per applicare gli effetti filtro 2D:
Effetti
1. Selezionare un oggetto e fare clic sul pulsante
filtro nel riquadro a comparsa Effetti della barra degli
2. Per applicare un effetto particolare, selezionare la rispettiva
casella nell'elenco disponibile a sinistra.
3. Per regolare le proprietà di un determinato effetto, selezionarne
il nome e agire sui comandi disponibili nella finestra di
dialogo. Regolare i cursori o immettere dei valori specifici per
variare l'effetto combinato. (È anche possibile selezionare un
cursore e utilizzare le frecce sulla tastiera). Le opzioni sono
diverse tra un effetto e l'altro.
4.
Fare clic su OK per applicare l'effetto all'oggetto
selezionato oppure su Annulla per abbandonare le
modifiche.
Creazione di riflessi
Un modo semplice per aggiungere un tocco di creatività alle
proprie pagine consiste nell'applicare un riflesso verticale a un
oggetto selezionato. L'effetto risulta particolarmente accattivante
quando viene applicato alle immagini, ma può essere altrettanto
suggestivo sul testo artistico, ad esempio sui titoli delle pagine o
sui banner di testo. Attraverso una combinazione di impostazioni è
possibile controllare l'altezza, l'opacità, lo scostamento e la
sfocatura del riflesso.
Creazione di profili
WebPlus consente di creare un profilo colorato intorno agli oggetti,
in particolare al testo e alle forme (come effetto filtro). Per
ciascuna profilo è possibile definire la larghezza, il riempimento
colore, la trasparenza e la modalità di miscelatura. Al profilo può
anche essere attribuito un riempimento gradiente, un riempimento
contorno unico (il riempimento si estende dal bordo interno al
bordo esterno della larghezza del profilo) o un riempimento motivo
e può essere applicato all'interno, all'esterno o al centro del profilo
dell'oggetto.
L'effetto profilo, come tutti gli effetti, può essere attivato o
disattivato. Insieme al profilo è possibile applicare una
combinazione di effetti filtro 2D o 3D, selezionando altre opzioni
nella finestra di dialogo Effetti filtro.
Utilizzo dello strumento Ombra
Le ombre sono eccezionali per aggiungere stile e spessore ai propri
lavori, soprattutto alle immagini, agli oggetti di testo e alle forme.
WebPlus fornisce lo Strumento Ombra nel riquadro a comparsa
Effetti della barra degli strumenti Strumenti per creare ombre in
modo semplice e rapido. Lo strumento offre il libero controllo
dell'effetto ombra consentendo di creare ombre di base o basate
sui bordi e inclinate regolabili per qualsiasi oggetto di WebPlus.
Ombre di base (sinistra) e inclinate (destra) applicate a un
quadrato QuickShape.
È possibile regolare colore, opacità, sfocatura e scala/distanza
dell'ombra utilizzando dei nodi controllabili direttamente sulla
pagina (oppure attraverso la barra degli strumenti contestuale
Ombra). I nodi possono essere trascinati verso l'interno o verso
l'esterno a partire dall'origine dell'ombra, per modificare la
sfocatura e l'opacità di quest'ultima. Per applicare un colore
diverso, selezionare il nodo Colore e scegliere un nuovo colore
nella scheda Colore o nella scheda Campioni. In base alla necessità
di un'ombra di base o inclinata, l'origine può trovarsi
rispettivamente al centro (come nell'immagine seguente) o sul
bordo di un oggetto.
(A) Sfocatura, (B) Origine dell'ombra, (C) Opacità, (D) Colore,
(E) Scala
Dopo aver creato un'ombra, se necessario, è anche possibile
regolarla con precisione ricorrendo alla finestra di dialogo Effetti
filtro.
Utilizzo degli effetti filtro 3D
Gli effetti filtro 3D consentono di andare oltre gli effetti filtro 2D
(come quelli che consentono di inserire ombre, lucentezza, smussi,
rilievi) per creare l'impressione di una superficie con texture
sull'oggetto stesso. Per applicare uno o più effetti allo stesso
oggetto è possibile utilizzare la finestra di dialogo Effetti filtro.
Tenere presente che gli effetti 3D non influiranno in alcun modo
sugli oggetti privi di riempimento: per osservare la differenza che
possono creare è necessario disporre di un riempimento.
La scheda Stili di Studio è l'ideale per iniziare a scoprire gli effetti
filtro 3D Ciascuna
delle sue diverse
categorie offre una
galleria piena di
effetti predefiniti 2D
e 3D misti, che
utilizzano diverse
impostazioni.
Mette a disposizione
una serie di notevoli
preimpostazioni per
superfici e texture
3D, suddivise in
diverse categorie
(Preimpostati Predefiniti,
Preimpostati - Divertenti, Preimpostati - Materiali e texture). La
categoria Preimpostati - Materiali offre effetti realistici come
Vetro, Metallo, Legno e cosi via. Fare clic su qualsiasi miniatura
per applicare l'effetto all'oggetto selezionato. Se l'oggetto dispone
di un colore dal quale partire, si potrà osservare un risultato
istantaneo.
In alternativa, è possibile personalizzare un'impostazione
della scheda Stili o applicare un effetto più specifico realizzato a
partire da zero utilizzando gli Effetti filtro, sulla barra degli
strumenti Attributi.
Per applicare gli effetti filtro 3D:
1.
Fare clic su
Effetti filtro nel riquadro a comparsa
Effetti della barra degli strumenti Strumenti.
2.
Selezionare la casella Effetti 3D disponibile a sinistra.
La casella di controllo Illuminazione 3D è selezionata
per impostazione predefinita.
3.
4.
Regolare i cursori del "controllo master" qui disponibili
per modificare le proprietà generali dei singoli effetti 3D
selezionati.
•
Sfocatura consente di specificare l'intensità dello
spianamento applicato. Dimensioni di sfocatura
superiori danno l'impressione di variazioni più
ampie, più graduali per quanto riguarda l'altezza.
•
Profondità consente di specificare l'intensità delle
modifiche per quanto riguarda la profondità.
•
Il pulsante
normalmente è premuto, attivando
così il collegamento tra i due cursori in modo che le
modifiche di Profondità più intense vengano
attenuate per mezzo del parametro Sfocatura. Per
agire sui cursori in modo indipendente, fare clic sul
pulsante affinché non risulti premuto.
Se necessario, espandere il riquadro di anteprima facendo
Mostra/nascondi anteprima.
clic sul pulsante
Quando il riquadro è espanso, gli effetti vengono
applicati soltanto nella finestra di anteprima. Quando il
riquadro è contratto (fare clic nuovamente sul pulsante),
gli effetti filtro vengono applicati direttamente all'oggetto
sulla pagina. Il primo approccio consente di lavorare
sugli effetti in modo isolato, senza che gli altri oggetti
della pagina interferiscano durante la regolazione precisa
degli effetti. Utilizzare i pulsanti Zoom avanti e Zoom
indietro o una percentuale di ingrandimento per lavorare
sui dettagli.
5.
Selezionare un effetto 3D nell'elenco Effetti 3D e
sperimentare le impostazioni disponibili.
Utilizzo degli stili oggetto
Gli stili oggetto migliorano le creazioni di design allo stesso modo
degli stili testo e schemi colore. Una volta definita la serie di
attributi desiderati, ad esempio le proprietà di colore linea,
riempimento, bordo e così via, è possibile salvare questo gruppo di
attributi come uno stile specifico. WebPlus ricorda quali oggetti
utilizzano un determinato stile e lo stile viene visualizzato nella
scheda Stili e può essere applicato successivamente a nuovi
oggetti.
La scheda Stili
contiene più gallerie
di stili predefiniti
che è possibile
applicare a qualsiasi
oggetto o
personalizzare in
base alle proprie
esigenze. Le gallerie
sono suddivise in
categorie quali
sfocature, 3D,
bordo, distorsioni,
ombre, materiali (ad
esempio, metallo) e
altro, e ogni
categoria è
suddivisa in altre
sottocategorie.
Per applicare uno stile oggetto a uno o più oggetti:
1.
Visualizzare la scheda Stili.
2.
Espandere l'elenco a discesa per selezionare una
categoria di stile specifico (ad esempio, Sfocature),
quindi scegliere una sottocategoria scorrendo la finestra
inferiore.
3.
Visualizzare l'anteprima degli stili disponibili come
miniature (le forme a ruota dentata vengono visualizzate
per impostazione predefinita) nella finestra.
4.
Fare clic su una miniatura per applicare lo stile agli
oggetti selezionati.
Per rimuovere uno stile oggetto da una galleria:
•
Fare clic con il pulsante destro del mouse sulla miniatura
e scegliere Elimina.
Per scollegare un oggetto dalla definizione dello stile:
•
scegliere Formato>Stile oggetto>Scollega.
Salvataggio degli stili oggetto
Per creare un nuovo stile oggetto basato sugli attributi
di un oggetto esistente:
•
scegliere Formato>Stile oggetto>Crea.
Per salvare gli stili oggetto di un sito a livello globale:
1.
Scegliere Salva impostazioni predefinite... dal menu
Strumenti.
2.
Nella finestra di dialogo, selezionare Stili oggetto,
quindi fare clic su Salva.
Aggiunta di dimensionalità (3D
istantaneo)
Con la funzione 3D istantaneo, è possibile trasformare con facilità
forme piatte (mostrate) e testo in oggetti tridimensionali.
WebPlus consente di controllare le impostazioni degli effetti 3D
come ad esempio:
•
smussatura: consente di utilizzare varie preimpostazioni
di arrotondamento e cesellamento oppure crearne di
proprie grazie a un editor di profili di smusso
personalizzato.
•
illuminazione: consente di utilizzare fino a otto tipi di
luce colorata separati e modificabili per produrre incisivi
effetti di illuminazione.
•
effetti tornio: consente di creare oggetti con contorni (ad
esempio, tappi in sughero) con l'editor dei profili di
tornio personalizzato e il controllo dell'estrusione.
•
texture: consente di controllare l'estrusione della texture
negli oggetti con riempimenti non a tinta unita.
•
visualizzazione: consente di ruotare l'oggetto in tre
dimensioni.
•
materiale: consente di controllare l'entità degli effetti
dell'illuminazione sulle superfici degli oggetti (ideale per
il testo artistico 3D).
La barra degli strumenti contestuale 3D posta sopra lo spazio di
lavoro consente di configurare tali impostazioni, ciascuna delle
quali contribuisce agli effetti 3D applicati all'oggetto selezionato.
Per controllarlo nella pagina, è possibile trasformare l'oggetto in
3D grazie a un'orbita rossa, che funge da asse di rotazione nelle
direzioni X, Y e Z della pagina. Il cursore cambia quando si passa
con il mouse sopra i nodi del cerchio rosso o sul reticolato.
Rotazione X
Rotazione Y
Rotazione Z
Rotazione
XeY
Per trasformare gli oggetti in 3D ruotandoli intorno al
proprio asse anziché intorno agli assi della pagina,
tenere premuto il tasto Ctrl.
È inoltre possibile modificare l'angolazione e l'elevazione di
ciascuna "luce" attiva sulla pagina, trascinando il relativo puntatore
in una posizione da cui simulare una sorgente luminosa.
Dopo ciascuna trasformazione, l'oggetto di base
sottostante resta modificabile.
Per aggiungere la dimensionalità:
1.
Selezionare un oggetto e fare clic sul pulsante
3D
istantaneo nel riquadro a comparsa Effetti della barra
degli strumenti Strumenti. All'oggetto vengono
immediatamente applicate le caratteristiche 3D e viene
visualizzata un'orbita rossa in primo piano.
2.
Fare clic su una categoria di effetti 3D dal primo menu a
discesa nella barra degli strumenti contestuali 3D Le
opzioni della barra cambiano in modo dinamico in base
alla categoria correntemente selezionata. Per maggiori
dettagli, vedere la Guida di WebPlus.
Fare clic su Ripristina impostazioni predefinite nella
barra degli strumenti contestuale per ripristinare lo stato
iniziale dell'oggetto.
Per disattivare gli effetti 3D:
•
Fare clic sul pulsante Rimuovi 3D nella barra degli
strumenti contestuale. Successivamente, è comunque
possibile fare clic sul pulsante 3D istantaneo nella barra
degli strumenti Strumenti in qualsiasi momento per
riattivare l'effetto.
Per modificare le proprietà di base di un oggetto 3D:
•
Selezionare l'oggetto 3D, quindi fare clic sul pulsante
Modifica oggetto base sull'angolo in basso a destra
dell'oggetto 3D.
Viene mostrata la forma dell'oggetto originale ed è possibile
utilizzare le maniglie di selezione per ridimensionarlo e ruotarlo.
14
Colore, riempimenti e
trasparenza
398 Colore, riempimenti e trasparenza
Colore, riempimenti e trasparenza 399
Applicazione di colori uniformi
È possibile
utilizzare
la scheda
Colore, la
scheda
Campioni
o una
finestra di
dialogo per
applicare
colori
uniformi a
un oggetto.
I pulsanti di campione colore delle schede offrono vari modi per
applicare colori uniformi a diversi tipi di oggetti:
•
È possibile applicare colori uniformi al riempimento o
alla linea di un oggetto. Come è facile prevedere, gli
elementi QuickShapes e le forme chiuse (vedere
Disegno e modifica di forme a pag. 380) dispongono
delle proprietà di linea e di riempimento.
•
È possibile specificare non solo i colori ma anche il
riempimento delle linee freehand o delle linee curve
per creare forme chiuse direttamente dalla linea.
•
Gli oggetti di testo artistico e con cornice creativa
possono presentare un riempimento di sfondo, una
linea di sfondo e un colore del testo. Il colore del testo
consiste nel riempimento del testo, mentre il
riempimento di sfondo consiste nell'area
immediatamente sotto il testo. Per il testo in cornice
HTML è possibile specificare esclusivamente il
riempimento di sfondo e il colore del testo.
•
Le cornici di testo (visualizzate) e le celle di tabelle
possono avere un riempimento di sfondo
indipendentemente dai caratteri che contengono.
Per applicare un colore uniforme tramite la scheda
Colore:
1.
Selezionare gli oggetti o evidenziare un intervallo di
testo.
2.
Fare clic sulla scheda Colore e selezionare una delle
varie modalità di colore (RGB, CMYK, HSL o Scala di
grigio) dall'elenco a discesa.
3.
Riempimento,
Linea
o
Testo nella parte superiore della scheda per
determinare dove applicare il colore. Il colore della
sottolineatura riflette il colore dell'oggetto selezionato.
Per il testo in cornice selezionato, il riempimento
corrisponde al colore di sfondo del testo, ma non al
colore di sfondo della cornice.
4.
Selezionare un colore dallo spettro di colori o dai cursori
a seconda della modalità di colore selezionata.
È possibile utilizzare anche lo strumento
Selettore colore per definire il colore. Dopo avere
scelto lo strumento, fare clic su un punto qualsiasi dello
spazio di lavoro per scegliere il colore sotto il cursore.
Nella modalità colore RGB è possibile utilizzare la
codifica esadecimale dei colori selezionando il pulsante
Menu Scheda della scheda Colore.
Per applicare un colore uniforme tramite la scheda
Campioni:
1.
Selezionare gli oggetti o evidenziare un intervallo di
testo.
2.
Fare clic sulla scheda Campioni.
3.
Riempimento,
Linea
o
Testo nella parte superiore della scheda per
determinare dove applicare il colore.
4.
Selezionare un campione di colore dalla
Tavolozza sito (i colori utilizzati di frequente e quelli
applicati in precedenza nel sito) o la Tavolozza standard
(la tavolozza RGB o a tema standard predefinita, ad
esempio i colori WebSafe).
In alternativa, utilizzare Formato>Riempimento... per applicare il
colore tramite una finestra di dialogo.
Per modificare la sfumatura/tinta (luminosità) di un
colore uniforme:
1.
Selezionare l'oggetto e impostare il pulsante
Riempimento, Linea o Testo coretto nella scheda Colore.
2.
Dal menu a discesa della modalità Colore, selezionare
Colorazione.
3.
Trascinare il cursore Sfumatura/Tinta verso sinistra o
verso destra per scurire o schiarire rispettivamente il
colore originale. È inoltre possibile inserire un valore
percentuale nella casella di input (se si inserisce 0, viene
ripristinato il colore originale).
La colorazione dell'oggetto può essere applicata anche tramite la
scheda Campioni, regolando la
immissione diretta.
Tinta tramite cursore o
WebPlus aggiunge automaticamente i colori utilizzati alla
Tavolozza sito nella scheda Campioni.
Per modificare la tavolozza corrente:
•
Tavolozza per visualizzare
e utilizzare i colori di una tavolozza RGB o WebSafe
standard oppure di una selezione di tavolozze a tema. È
possibile aggiungere, modificare o eliminare i colori
dalla Tavolozza sito, ma non dalle altre tavolozze.
Utilizzo degli schemi colore
WebPlus offre un'ampia selezione di schemi colore che possono
essere selezionati durante la creazione di un sito utilizzando un
modello di design o da zero. Se si sceglie a un sito basato su
modello, la selezione dello schema colore consente di impostare
l'aspetto del sito per quanto riguarda il colore, dal momento che
tutti i modelli dispongono già di uno schema. La selezione di ogni
schema permette di modificare completamente i colori degli
elementi della pagina nel layout di pagina con un solo clic!
Schemi colore: (A) Corallo (B) Sfumato e (C) Predefinito.
Quando si crea inizialmente il sito da un modello è possibile
selezionare uno dei tre schemi colore progettati specificamente per
tale modello di design o utilizzare qualsiasi impostazione degli
schemi colore globali. Vedere Creazione di un sito con un
modello di design a pag. 26.
Creazione di schemi da zero
Nei siti Web creati da zero è possibile utilizzare qualsiasi schema
colore globale, ma è necessario prima assegnare un colore
schema agli oggetti (vedere pag. 408) durante la loro creazione in
modo che lo schema colore funzioni. In questo modo è possibile
cambiare completamente i colori se successivamente si cambiano
gli schemi.
Funzionamento degli schemi colore
Gli schemi colore in WebPlus funzionano secondo un sistema
numerico in cui a ogni elemento della pagina nel layout
vengono assegnati colori dello schema specifico secondo un
numero.
Questi colori sono memorizzati in campioni a forma di
barattolo di vernice, numerati da 1 a 12 e disponibili nella
scheda Campioni.
Schema colore sfumato
Questi campioni rappresentano lo schema colore del sito.
Da qui è possibile assegnare i colori schema agli elementi
della pagina per schematizzarli (questa procedura è già stata
effettuata nei modelli).
Il passaggio a uno schema colore diverso produce un
aspetto completamente diverso per quanto riguarda il colore.
Cosa è successo con i numeri 4 e 6-9 nell'immagine
a lato? Dal momento che non erano necessari nel
layout della pagina non sono stati assegnati.
È possibile utilizzare un
modello di design di layout
tema per avere un'idea di
come si potrebbero
assegnare i colori schema
agli elementi della pagina
nel sito. La tabella a lato
indica come gli elementi
della pagina sono abbinati
ai colori dei campioni (nello
schema chiamato Sfumato).
Provare ad applicare
diversi schemi
utilizzando il file di
esempio "Schemi Esempio" disponibile
nell'Avvio guidato di
WebPlus o nel menu
File. Caricare il file e
cambiare gli
schemi colore
tramite Designer
schema colore.
Applicazione di schemi a collegamenti
ipertestuali, colori della pagina e sfondi
È possibile utilizzare uno qualsiasi dei 12 colori schema anche per
collegamenti ipertestuali, colore sulla pagina e sfondo del sito
nel sito.
Per i collegamenti ipertestuali, in particolare, gli stati normale,
visitato, attivo e rollover vengono schematizzati per impostazione
predefinita. Adottano tutti lo stesso Colore schema 10 mostrato
sopra, ma attraverso l'assegnazione di diversi colori schema in
Proprietà del sito (pag. 45) è possibile modificare il colore del
collegamento ipertestuale in base a diversi tipi di azioni (clic,
passaggio del mouse e così via).
I colori sulla pagina non vengono schematizzati per impostazione
predefinita, ma possono essere assegnati a uno schema colore nelle
Proprietà del sito in qualsiasi momento. Viceversa, gli sfondi del
sito vengono schematizzati secondo il campione di colore 1 per
impostazione predefinita, ma è possibile assegnare un altro colore
schema in qualsiasi momento.
Per ulteriori informazioni sull'impostazione del colore della pagina
e del colore di sfondo del sito, vedere Impostazione dell'aspetto
della pagina a pag. 45.
Altre modalità di utilizzo dei colori schema
È possibile assegnare colori schema agli stili di testo come accade
per gli altri oggetti. Questa funzione è particolarmente utile se si
desidera che le intestazioni adottino un aspetto simile.
Naturalmente è possibile modificare lo schema in qualsiasi
momento, aggiornando immediatamente tutti i colori
dell'intestazione.
È anche possibile applicare colori schematizzati diversi ai
collegamenti ipertestuali sugli stili di testo in tutto il sito. Questa
possibilità può rivelarsi utile se si desidera distinguere i colori dei
collegamenti ipertestuali utilizzati nelle intestazioni (ad esempio,
Intestazione 1, Intestazione 2) da quelli utilizzati nel corpo del
testo.
Vedere Impostazione delle proprietà di testo e Utilizzo degli
stili di testo a pag. 263 e pag. 263..
Selezione di schemi colore
Per selezionare uno schema colore preimpostato:
1.
Fare clic su
Designer schema colore nella barra
degli strumenti contestuale predefinita.
- oppure Aprire la scheda Campioni per visualizzare lo schema
colore corrente, ad esempio
2.
.
Dalla finestra di dialogo della scheda Schemi colore, fare
doppio clic su un altro esempio di schema colore
dell'elenco (o selezionarlo e fare clic su Carica), quindi
fare clic su OK.
Tutte le regioni del sito alle quali è stato assegnato uno
dei dodici numeri degli schemi colore vengono
aggiornate con il colore corrispondente del nuovo
schema.
Ogni sito può disporre di un solo schema colore attivo alla volta
che viene chiamato schema colore del sito e viene sempre
visualizzato nella scheda Campioni. Quando si salva un sito, il suo
schema colore attuale viene salvato insieme al sito.
Il Designer schema colore consente inoltre di
modificare i colori degli schemi e perfino di creare
schemi colore personalizzati.
Applicazione di colori schema agli oggetti
Se si creano nuovi oggetti in un modello di sito Web o si inizia un
sito da zero, come è possibile estendere uno schema colore ai nuovi
oggetti? Anche se potrebbe essere necessario dedicare un po' di
tempo a capire quali combinazioni di colore hanno l'aspetto
migliore, la procedura è semplice. È sufficiente assegnare uno dei
numeri di schema colore schema alla linea e/o al riempimento di
un oggetto.
Per assegnare un colore schema a un oggetto:
1.
Selezionare l'oggetto e scegliere il pulsante
Riempimento,
Linea o
Testo nella parte
superiore della scheda Campioni a seconda dell'effetto
desiderato.
2.
Dalla parte inferiore della scheda Campioni fare clic
sullo schema colore che si desidera applicare a
riempimento, linea e testo (o trascinare il colore).
Se il riempimento di un oggetto utilizza un colore schema, il
campione corrispondente nella scheda Campioni verrà evidenziato
ogni volta che si seleziona l'oggetto.
Modifica degli schemi colore
Se dopo aver provato vari schemi colore non si è rimasti soddisfatti
da nessuno, è possibile modificare qualsiasi colore di uno schema
esistente.
Per modificare uno schema colore:
1.
Designer schema colore nella barra
Fare clic su
degli strumenti contestuale predefinita .
2.
Dalla scheda Schemi colore, selezionare lo schema da
modificare (fare doppio clic su uno schema o
selezionarlo e fare clic su Carica).
3.
Nella finestra di dialogo, ciascuno dei numeri dei colori
dello schema include il proprio menu a discesa, in cui
sono mostrati i colori disponibili nella tavolozza di
WebPlus.
Fare clic sulla freccia a discesa dello schema colore
e selezionare un colore dal menu (o fare clic su Altri
colori… per una scelta di colori più ampia).
Lo schema viene aggiornato con il nuovo colore.
Ripetere la procedura per modificare altri colori schema.
4.
Per applicare lo schema al sito corrente, fare clic su OK.
Lo schema colore del sito viene aggiornato.
Gli schemi modificati vengono memorizzati con il sito,
anche se gli schemi colore personalizzati possono anche
essere salvati a livello globale in modo che il set
completo di schemi sia sempre disponibile per i nuovi
siti.
Per creare un nuovo schema con nome sulla base di
questi colori, fare clic su Salva come. In alternativa,
utilizzare Salva per sovrascrivere lo schema esistente.
Per creare una schema colore più avanzato utilizzando
combinazioni di colori suggerite, consultare la guida di WebPlus.
Operazioni con riempimenti gradiente
e bitmap
I riempimenti gradiente forniscono una gradazione o uno spettro di
colori distribuiti su due o più punti di un oggetto. Il riempimento
gradiente prevede un percorso modificabile con dei nodi che
contraddistinguono l'origine di ciascun colore principale. Il
riempimento gradiente ricorre a una bitmap specifica (spesso un
materiale, un motivo o un'immagine di sfondo) per riempire un
oggetto.
Lineare
Ellittico
Conico
Bitmap
È possibile applicare riempimenti gradiente e bitmap preimpostati
dalla scheda Campioni al riempimento o al profilo di una forma o
di una cornice di testo; il testo artistico può inoltre utilizzare gli
stessi riempimenti gradiente e bitmap (per il testo, il relativo
profilo e lo sfondo).
È inoltre possibile applicare riempimenti gradiente e
bitmap al testo della cornice creativa e della tabella
creativa (per il testo, il profilo e lo sfondo), oltre a
singoli bordi e sfondi della cella della tabella
creativa.
Applicando diversi effetti trasparenza (attraverso la
scheda Trasparenza) non si alterano le impostazioni di
riempimento degli oggetti, ma si potrebbe alterare
significativamente l'aspetto effettivo dei riempimenti.
Applicazione di un riempimento gradiente o
bitmap
Sono disponibili vari modi per applicare un riempimento gradiente
o bitmap: utilizzando la scheda Campioni, lo strumento
riempimento o una finestra di dialogo.
Il modo più semplice per applicare un riempimento gradiente o
bitmap consiste nell'utilizzare una delle miniature-campione
disponibili nelle tavolozze Gradiente e Bitmap della scheda
Campioni. Lo strumento Riempimento e la finestra di dialogo
Riempimento sono metodi alternativi per la creazione di
riempimenti gradiente (trattati nella guida di WebPlus).
Per applicare un riempimento gradiente o bitmap
utilizzando la scheda Campioni:
1.
Fare clic sulla scheda Campioni assicurandosi di
Riempimento o
Linea
selezionare
(rispettivamente per il riempimento o il profilo di un
oggetto).
Il colore della sottolineatura riflette il colore dell'oggetto
selezionato.
2.
Per i riempimenti gradiente, selezionare
Lineare, Ellittico o Conico come tipo di gradiente dal
menu a discesa del pulsante Gradiente.
- oppure Per i riempimenti bitmap, selezionare una
categoria nel menu a discesa del pulsante Bitmap.
3.
Selezionare gli oggetti, quindi fare clic sul campione
della galleria appropriato per il riempimento che si
desidera applicare.
- oppure -
4.
Solo per quanto riguarda i riempimenti, trascinare il
campione della galleria su un oggetto, quindi rilasciare il
pulsante del mouse.
5.
Se necessario, regolare la Tinta nella parte inferiore
della scheda utilizzando il cursore oppure impostare un
valore percentuale nella casella di input.
Per applicare un riempimento gradiente utilizzando lo
strumento Riempimento:
1.
Selezionare un oggetto.
2.
Strumento riempimento nel
riquadro a comparsa Riempimento della barra degli
3.
Fare clic e trascinare sull'oggetto per definire il percorso
di riempimento. L'oggetto assume un semplice
riempimento Lineare, che sfuma dal colore corrente
dell'oggetto fino al bianco monocromatico, ad esempio
Se l'oggetto è già bianco (o è privo di riempimento), dal
bianco al nero.
Modifica del percorso di riempimento
Quando si seleziona un oggetto al quale può essere applicato il
riempimento, la voce strumento Riempimento diventa disponibile
(in caso contrario è ombreggiata). Se l'oggetto utilizza un
riempimento gradiente, il percorso di riempimento viene
visualizzato come una linea quando si seleziona lo strumento
Riempimento. I nodi segnalano i punti in cui inizia e finisce lo
spettro tra ogni colore principale. Regolando le posizioni dei nodi
si definisce la diffusione effettiva dei colori tra i nodi stessi. È
anche possibile modificare un gradiente aggiungendo, eliminando
o modificando i colori principali.
Riempimento lineare basato
sui colori principali
(A)
Oggetto riempito in cui è
visibile il percorso di
riempimento (B).
Per regolare il percorso del riempimento gradiente su un
oggetto selezionato:
1.
Visualizzare la scheda Campioni assicurandosi di
selezionare
Riempimento o
Linea
oggetto).
2.
Strumento riempimento nel
riquadro a comparsa Riempimento della barra degli
strumenti Strumenti. Sul riempimento o sul profilo
dell'oggetto viene visualizzato il percorso di
riempimento.
3.
Utilizzare lo strumento Riempimento per trascinare i
nodi di inizio e di fine oppure fare clic sull'oggetto per
impostare un nuovo nodo iniziale e trascinare un nuovo
percorso di riempimento. Il gradiente ha inizio in
corrispondenza del nodo iniziale e termina in
corrispondenza di quello finale.
Ciascun tipo di riempimento gradiente ha un percorso
caratteristico. Ad esempio, i riempimenti di tipo Lineare hanno
percorsi costituiti da un'unica linea, mentre quelli di tipo Radiale
hanno un percorso formato da due linee, per consentire di regolare
l'estensione del riempimento in due direzioni a partire dal centro.
Se l'oggetto utilizza un riempimento bitmap, il percorso di
riempimento viene visualizzato mediante due linee che si uniscono
in un punto centrale. I nodi contrassegnano il centro e i bordi del
riempimento.
Impostazione della trasparenza
Gli effetti Trasparenza sono la scelta ottimale per evidenziare,
sfumare, ombreggiare e simulare un effetto realistico di
"rendering". Questi effetti possono fare la differenza fondamentale
fra illustrazioni banali e piatte e immagini accattivanti e profonde.
WebPlus supporta completamente la trasparenza variabile e
consente di applicare con facilità trasparenze piene, gradiente o
bitmap.
Ad esempio, nella figura riportata di seguito, da sinistra a destra, le
farfalle mostrano una trasparenza piena (100% opaca), una
trasparenza gradiente (da 100% a 0% opaca) e una trasparenza
piena (50% opaca).
Le trasparenze possono essere considerate come riempimenti che
utilizzano un inchiostro invisibile anziché il colore. Quanto
maggiore è l'effetto di trasparenza applicato a un punto in
particolare, tanto più tale punto "scomparirà" e tanto più gli oggetti
sottostanti verranno mostrati. Analogamente a un riempimento a
gradiente, che può andare da chiaro a scuro, una trasparenza può
essere più o meno intensa, ovvero da trasparente a opaca, come
mostrato nella figura:
A - Trasparenza lineare, B - Percorso, C - Effetto sull'oggetto
Di seguito sono riportati i tipi di trasparenza disponibili nella
scheda Trasparenza:
•
La trasparenza Piena distribuisce la trasparenza in modo
uniforme.
•
Le trasparenze a Gradiente includono gli effetti lineare,
ellittici e conici, che vanno dal trasparente all'opaco.
•
Le trasparenze Bitmap includono mappe texture
categorizzate basate sulla selezione di bitmap della
scheda Campioni.
Applicazione della trasparenza
È possibile applicare trasparenza gradiente e bitmap dalla scheda
Trasparenza al riempimento o al profilo di una forma o di una
cornice di testo; il testo artistico può inoltre utilizzare gli stessi
effetti di trasparenza (per il testo, il relativo profilo e lo sfondo).
Per applicare la trasparenza con la scheda Trasparenza:
1.
Con il oggetto selezionato, visualizzare la scheda
Trasparenza e verificare che l'opzione
Riempimento o
Linea sia selezionata
oggetto).
2.
Per la trasparenza piena, selezionare il pulsante
Pieno e scegliere una miniatura dalla galleria delle
trasparenze piene. Le miniature più chiare indicano una
maggiore trasparenza (espressa come Opacità in
percentuale).
- oppure -
Per trasparenza gradiente, scegliere il pulsante
Gradiente e selezionare la miniatura.
- oppure Per trasparenza bitmap, scegliere il pulsante
Bitmap e selezionare una miniatura da un intervallo di
categorie.
3.
La trasparenza viene applicata al riempimento o al
profilo dell'oggetto.
In alternativa, trascinare la miniatura desiderata dalla galleria in un
oggetto, quindi rilasciare il pulsante del mouse.
Per applicare la trasparenza gradiente con lo strumento
Trasparenza:
1.
Selezionare l'oggetto e impostare il campione
Riempimento/Linea della scheda Trasparenza, come
indicato sopra.
2.
Strumento Trasparenza sul
riquadro a comparsa Trasparenza della barra degli
- oppure Selezionare Formato>Trasparenza....
3.
Trascinare il cursore sull'oggetto e rilasciare il pulsante
del mouse. L'oggetto assume una semplice trasparenza
Lineare, con un intervallo che va dal 100% di opacità
allo 0% di opacità (completamente trasparente).
Impostazione della trasparenza predefinita
Per trasparenza predefinita si intende quella che verrà applicata
al successivo nuovo oggetto creato. Le impostazioni predefinite
locali incidono solo sugli oggetti del sito corrente. Per informazioni
sulla selezione delle impostazioni predefinite in WebPlus, vedere
Aggiornamento e salvataggio delle impostazioni predefinite a
pag. 305.
15
Anteprima e
pubblicazione
422 Anteprima e pubblicazione
Anteprima e pubblicazione 423
Anteprima del sito
La visualizzazione dell'anteprima del sito in un browser Web è
un passaggio essenziale prima della pubblicazione sul Web. È
l'unico modo per verificare come apparirà esattamente il sito a un
visitatore. È possibile visualizzare l'anteprima di una pagina o di
un sito in qualsiasi momento, in WebPlus (utilizzando una finestra
interna basata sul browser Internet Explorer) o separatamente
utilizzando qualsiasi browser installato nel sistema.
Per visualizzare l'anteprima del sito:
1.
Anteprima sito sulla barra degli strumenti Standard.
2.
Selezionare un'opzione dal sottomenu:
•
Anteprima nella finestra (scelta rapida Alt+P)
apre il sito in una nuova finestra WebPlus interna
con la propria scheda per un passaggio agevole.
Quando si visualizza l'anteprima in una finestra, è
possibile utilizzare la barra degli strumenti
contestuale Anteprima per controllare la finestra di
anteprima. Fare clic sui pulsanti della barra degli
strumenti per andare Indietro e Avanti, utilizzare
l'opzione Aggiorna o Chiudi anteprima e
visualizzare nuovamente la pagina a una delle varie
risoluzioni dello schermo standard o personalizzate
(tutto da un menu a discesa).
•
Scegliere Anteprima pagina... o Anteprima sito...
per utilizzare un browser esterno. I nomi si basano
sui browser correntemente installati, ad esempio la
voce può essere "Anteprima pagina in Internet
Explorer". Se si dispone di più di un browser, è
possibile selezionare i browser da visualizzare nel
sottomenu. La pagina o il sito viene esportato in una
cartella temporanea e viene visualizzato nel browser
specificato.
Per personalizzare l'elenco dei browser nel sottomenu:
1.
Scegliere Anteprima sito dal menu File (o dal riquadro
a comparsa Anteprima sito sulla barra degli strumenti
Standard) e selezionare Elenco anteprima browser...
dal sottomenu.
La finestra di dialogo visualizza un elenco dei browser
registrati nel sistema. Il sottomenu Anteprima di
WebPlus elencherà tali browser nell'ordine in cui
vengono mostrati qui.
2.
Utilizzare la finestra di dialogo per apportare le
modifiche in base alle necessità:
•
Fare clic su Rilevamento automatico per
aggiornare automaticamente l'elenco o fare clic su
Aggiungi per visualizzare una finestra di dialogo
che consente di individuare un browser particolare
per aggiungere manualmente voci all'elenco.
•
Per eliminare una voce dall'elenco, selezionarla e
fare clic su Rimuovi.
•
È possibile riorganizzare l'elenco selezionando una
voce e facendo clic su Sposta in alto o Sposta in
basso.
•
3.
Per modificare il nome della voce sul sottomenu o
sul relativo percorso, selezionare la voce e fare clic
su Modifica. Ad esempio, è possibile modificare
"Internet Explorer" in modo che venga visualizzato
semplicemente "IE7".
Fare clic su OK per confermare le eventuali modifiche.
È opportuno installare diversi browser di uso comune
per verificare l'aspetto del sito su un sistema alternativo.
WebPlus consente di visualizzare il tempo di scaricamento
stimato per ogni pagina del sito e fornisce informazioni quali il
numero di file su ogni pagina e le dimensioni totali dei file. Questa
operazione viene eseguita tramite il riquadro a comparsa
Anteprima sito della barra degli strumenti Standard.
Pubblicazione sul Web
La pubblicazione sul Web richiede il caricamento del sito sul
provider host Web, che trasforma il sito in un sito Web attivo,
visualizzabile dal mondo intero. È possibile specificare che
vengano pubblicate tutte le pagine Web o, se si aggiorna il sito,
solo le pagine modificate dall'ultima pubblicazione effettuata.
Prima di pubblicare sul Web, è opportuno verificare la presenza di
eventuali problemi eseguendo Controllo sito (Strumenti>Gestione
sito>Controllo sito...).
Ricordare che è possibile pubblicare su cartella disco in
qualsiasi momento, operazione che consente di testare il
sito Web offline (e localmente) prima di pubblicare sul
Web. Per maggiori dettagli, vedere la Guida di WebPlus.
Per pubblicare il sito sul Web:
1.
Scegliere Proprietà sito... dal menu File e verificare
accuratamente le impostazioni di esportazione, in
particolare quelle visualizzabili dall'opzione di menu
Grafica.
2.
Pubblica sito sulla barra
degli strumenti Standard (o scegliere Pubblica sito dal
menu File e selezionare Pubblica su Web... dal
sottomenu).
Se non si sono impostate le informazioni dell'account FTP, sarà
necessario impostare almeno un account prima di poter procedere;
queste informazioni verranno ricordate per pubblicazioni Web
successive.
3.
Fare clic sul pulsante Account... per visualizzare la
finestra di dialogo Carica su server.
4.
Fare clic su Aggiungi...
5.
Nella finestra di dialogo Dettagli account, immettere:
•
Nome account. Può essere qualsiasi nome di
propria scelta. Verrà utilizzato per identificare
questo account in WebPlus (nel caso in cui ne esista
più di uno).
•
Indirizzo FTP dell'host Web sarà un URL specifico
che inizia con "ftp://" fornito dal proprio fornitore di
servizi.
•
Numero porta: Se non altrimenti indicato dal
provider, è possibile lasciare questa opzione
impostata su "21".
•
Lasciare la casella Cartella vuota se non altrimenti
indicato dal provider o se si desidera pubblicare su
una sottocartella specifica della directory principale.
•
Sarà inoltre necessario disporre di un Nome utente
e di una Password precedentemente assegnati dal
provider. È probabile che tali dati corrispondano
alle impostazioni di accesso e-mail. Assicurarsi di
immettere la password esattamente come fornita,
utilizzando l'ortografia di caratteri maiuscoli e
minuscoli corretta; in caso contrario il server host
potrebbe non riconoscerli.
•
Selezionare Salva password per registrare la
password sul computer, se non si desidera
reinserirla a ogni caricamento.
•
Modalità passiva: lasciare questa opzione
selezionata a meno che non si verifichino problemi
di connessione FTP (verificare con l'ISP). Gli ISP
possono disporre di modalità di funzionamento FTP
passive o attive.
•
URL sito Web: impostare l'URL del sito. In questo
modo è possibile visualizzare il sito Web da una
finestra di dialogo dopo il caricamento FTP.
•
Se si desidera, nella casella Avanzate, è possibile
attivare la funzione SFTP (Secure FTP) mediante
caricamento utilizzando uno dei due protocolli di
crittografia, TLS 1.0 e SSL 3.0. Selezionare
Codifica connessione, quindi scegliere il
Protocollo. È necessario confermare con l'ISP che
la crittografia sia supportata, implicita o altro e il
tipo di protocollo supportato. L'opzione SSL
implicito attiva la crittografia del server FTP
dell'ISP al contatto iniziale sulla porta 990
predefinita o su una porta personalizzata
(modificare il numero di porta).
•
Fare clic su OK per chiudere i Dettagli account.
A questo punto è inoltre possibile utilizzare la finestra di dialogo
Carica su server per aggiungere un altro account mediante
l'opzione Aggiungi... ed eseguire le azioni di Copia..., Modifica o
Elimina per un account selezionato dal menu a discesa. È
consigliabile verificare l'account nuovo o modificato facendo clic
sul pulsante Verifica. Se la verifica viene eseguita correttamente,
viene visualizzata una finestra di dialogo in cui si conferma che la
connessione è stata stabilita.
Se si aggiungono ulteriori account, è necessario
selezionare l'account da utilizzare dall'elenco a discesa
nella casella Account FTP.
È possibile scegliere di salvare i dettagli dell'account FTP nel
computer (i dettagli dell'account verranno salvati in WebPlus e non
andranno persi, anche dopo Ctrl-Runup) o nel sito corrente.
6.
Se si imposta almeno un account e si fa clic sul pulsante
Aggiorna account..., viene visualizzata la finestra di
dialogo Pubblica su Web con l'ultimo nome account
utilizzato visualizzato nel menu a discesa e le relative
impostazioni in caselle successive. Il menu a discesa
consente di passare a un altro account. Selezionare
l'account che si desidera utilizzare (se si dispone di più
account).
7.
Se il sito utilizza un database, l'opzione Unisci prima
della pubblicazione è selezionata. Deselezionare questa
opzione se non si desidera unire le modifiche (l'opzione
verrà disattivata se non vengono rilevati
database/modifiche). Per ulteriori informazioni sui
database, vedere Utilizzo della funzione di unione
database nella Guida di WebPlus.
8.
Per avere il maggior controllo possibile sulla
pubblicazione, assicurarsi che la casella di controllo
Caricamento automatico sia deselezionata. Questo
consente di rivedere le modifiche apportate al sito Web
pubblicato prima che vengano applicate. Fornisce inoltre
la possibilità di annullare il caricamento se si individua
un problema. (Per ulteriori informazioni su questa
funzione, vedere Operazione automatica a pag. 431).
9.
Scegliere le pagine da caricare: selezionare pagine
specifiche nella finestra o Pubblica tutte le pagine.
Utilizzare i pulsanti Attiva/disattiva selezione
Attiva/disattiva diramazione e Seleziona tutto per una
selezione delle pagine agevolata.
10. Per salvaguardare il sito WebPlus, selezionare l'opzione
Esegui backup del documento sul server remoto. Se il
sito non è salvato, verrà richiesto di salvarlo.
11. Fare clic su OK. WebPlus cerca una connessione
Internet, quindi:
12. Se si effettua il caricamento per la prima volta, i file
selezionati vengono caricati direttamente.
- oppure Se si esegue il caricamento su un sito esistente, viene
visualizzata una finestra di dialogo Caricamento file
nella quale sono riportate le azioni per i file locali (se i
file verranno aggiunti (Aggiungi), se sostituiranno il file
in linea (Sostituisci) o se non verranno aggiornati
(Lascia)).
Nella finestra di dialogo, selezionare l'opzione per
eliminare i file remoti inutilizzati se si desidera che
WebPlus rimuova automaticamente qualsiasi file grafico
e di pagina inutilizzato.
Selezionare il pulsante Aggiornamento incrementale o
Caricamento completo. Scegliere la prima opzione per
caricare solo i file che sono stati modificati dall'ultima
operazione di caricamento. Quando si effettua un
aggiornamento incrementale, è possibile fare il modo che
WebPlus esegua l'opzione Controlla file mancanti
selezionando la relativa casella. Tuttavia, poiché questa
operazione può rallentare notevolmente il caricamento,
questa opzione viene deselezionata per impostazione
predefinita.
Verrà visualizzato un messaggio al completamento della
copiatura di tutti i file. Fare clic su Chiudi.
13. Dal menu a discesa nella finestra di dialogo
Pubblicazione sito Web, selezionare il browser in cui si
desidera visualizzare il sito attivo e fare clic su
Visualizza questo URL. Sarà quindi possibile
visualizzare il sito attivo.
Se si rinominano/eliminano file, quindi si effettua nuovamente la
pubblicazione di una o più pagine sul Web, i file precedenti non
vengono eliminati automaticamente, quindi sarà necessario
eliminarli manualmente utilizzando Pubblica sito>Gestione sito
Web... sul menu File. Tuttavia, se si pubblica nuovamente l'intero
sito sul Web automaticamente (utilizzando Operazione
automatica), è possibile scegliere di eliminare tutti i file
inutilizzati; selezionare la casella di controllo Elimina file
inutilizzati.
Gestione delle informazioni sull'account FTP
WebPlus fornisce l'opzione di salvare i dettagli dell'account FTP
nel computer, nel sito corrente o in entrambi. I dettagli dell'account
vengono tenuti nel computer per impostazione predefinita, ma
salvando i dettagli nel sito è possibile trasferire il sito in un altro
computer senza perdere i dettagli dell'account e quindi effettuare
nuovamente la pubblicazione da questa posizione.
I dettagli di password non vengono mai memorizzati nei
siti per motivi di sicurezza.
Un'opzione aggiuntiva consente di esportare tutti i dettagli
dell'account FTP (incluse le password) in un computer diverso.
Per salvare i dettagli dell'account FTP nel sito:
1.
Dalla finestra di dialogo Pubblica su Web, fare clic su
Account....
2.
Nella sezione Salva dettagli account FTP della finestra di
dialogo, selezionare Nel sito corrente.
3.
Fare clic su Aggiorna account.
Quando il sito viene aperto su un altro computer, i dettagli
verranno comunque memorizzati solo sul sito. Se si desidera, è
possibile selezionare l'opzione In questa macchina per
memorizzare i dettagli dell'account nel computer e nel sito.
Per esportare tutti i dettagli dell'account FTP:
1.
Dalla finestra di dialogo Pubblica su Web, fare clic su
Account....
2.
Nella sezione Account FTP della finestra di dialogo, fare
clic su Esporta tutto.
3.
Scegliere una posizione e un nome file per il file di
registro (.reg), quindi fare clic su Salva.
4.
Trasferire il file .reg su un computer diverso, quindi fare
doppio clic sul file.
Tutti gli account FTP esistenti nel computer di
destinazione verranno sovrascritti.
Operazione automatica
Se si dispone di un sito Web di grandi dimensioni, si desidera
utilizzare la funzione Operazione automatica. Il processo effettivo
è praticamente lo stesso della pubblicazione sul Web, ma consente
di caricare il sito senza dover fare clic su "OK" in ogni finestra di
dialogo visualizzata. Questa funzione è particolarmente utile se si
aggiorna un sito contenente un database di grandi dimensioni con
immagini.
1.
Fare clic su Caricamento automatico. Questa funzione
consente inoltre di attivare le seguenti opzioni;
•
Selezionare Usa caricamento incrementale per
sostituire solo i file modificati dall'ultimo
caricamento (se in precedenza si è già pubblicato il
sito Web sulla stessa cartella FTP), un metodo di
caricamento efficace poiché il numero di file da
trasferire è minore.
Con questa opzione attivata è inoltre possibile
selezionare Controlla file remoti per richiedere a
WebPlus il controllo manuale di ogni file prima di
sostituirlo. Questo metodo di pubblicazione riduce
la velocità di caricamento rispetto al funzionamento
normale, ma è più completo.
•
Selezionare Elimina file inutilizzati per rimuovere
dalla cartella FTP i file non necessari per il sito Web
che si sta pubblicando (ad esempio, questa opzione
è rilevante quando si carica un sito Web
completamente diverso nella cartella FTP).
2.
Scegliere le pagine da caricare: selezionare pagine
specifiche nella finestra o Pubblica tutte le pagine.
Utilizzare i pulsanti Attiva/disattiva selezione
Attiva/disattiva diramazione e Seleziona tutto per una
selezione delle pagine agevolata.
3.
Per salvaguardare il sito, selezionare l'opzione Esegui
backup del documento sul server remoto. Se il sito
non è salvato, verrà richiesto di salvarlo.
4.
Fare clic su OK per avviare la procedura di caricamento.
Ora è possibile attendere che il caricamento venga
completato.
5.
Una volta completato il caricamento, la finestra di
dialogo Caricamento file rimarrà sullo schermo finché
non si fa clic su Chiudi.
6.
Dal menu a discesa nella finestra di dialogo
Pubblicazione sito Web, selezionare il browser in cui si
desidera visualizzare il sito attivo e fare clic su
Visualizza questo URL. Sarà quindi possibile
visualizzare il sito attivo.
Visualizzazione del sito pubblicato
Una volta pubblicato il sito, è possibile utilizzare l'opzione
Visualizza sito online dal menu a discesa
Anteprima sito
sulla barra degli strumenti Standard. Questa opzione consente di
visualizzare il sito nel suo stato pubblicato più di recente nel
browser Web predefinito. Quando l'opzione Visualizza sito online
viene utilizzata per la prima volta, viene visualizzata una finestra di
dialogo in cui si richiede l'URL del sito predefinito. È possibile
modificare tale impostazione successivamente utilizzando la
finestra di dialogo Proprietà sito....
È importante ricordarsi che le eventuali modifiche apportate dal
momento della pubblicazione non avranno effetto. Per visualizzare
le modifiche non pubblicate, utilizzare il pulsante
Anteprima sito. Vedere Anteprima del sito a pag. 421.
Pubblicazione regolabile
Pubblicazione regolabile consente di caricare e visualizzare
rapidamente la pagina attualmente visualizzata; opzione utile per la
verifica in linea di singole pagine durante la creazione del sito
Web. Per il funzionamento di Pubblicazione regolabile, è
necessario innanzitutto impostare i dettagli dell'account utilizzando
la finestra di dialogo Configurazione Pubblicazione regolabile.
Per configurare Pubblicazione regolabile:
1.
Pubblica sito
sulla barra degli strumenti Standard, quindi fare clic su
Configurazione Pubblicazione regolabile.
- oppure Fare clic su File>Pubblica sito>Configurazione
Pubblicazione regolabile...
2.
Nella finestra di dialogo:
•
Immettere i dettagli, o selezionarli dal menu a
discesa, relativi all'URL del sito su cui si desidera
pubblicare.
•
Selezionare il browser in cui si desidera visualizzare
la pagina una volta pubblicata.
•
Selezionare l'account FTP che si desidera utilizzare
dal menu a discesa. Per aggiornare le impostazioni
dell'account o aggiungere un nuovo account, fare
clic su Gestisci account.
È consigliabile verificare l'account nuovo o modificato
facendo clic sul pulsante Verifica. Se la verifica viene
eseguita correttamente, viene visualizzata una finestra di
dialogo in cui si conferma che la connessione è stata stabilita.
3.
Fare clic su OK.
Per effettuare la Pubblicazione regolabile su Web:
•
Pubblica sito
sulla barra degli strumenti Standard, quindi fare clic su
Pubblicazione regolabile su Web.
- oppure Fare clic su File>Pubblica sito>Pubblicazione
regolabile su Web.
Se si tenta di utilizzare Pubblicazione regolabile senza
aver prima configurato le impostazioni dell'account, la
finestra di dialogo Configurazione Pubblicazione
regolabile verrà aperta automaticamente per consentire
all'utente di configurare tali impostazioni.
La finestra di dialogo Caricamento file appare brevemente
prima che la pagina venga visualizzata nel browser scelto.
Creazione di PDF
WebPlus consente di pubblicare l'intero sito come PDF ed esporta
la struttura del sito come segnalibri selezionabili nel documento
PDF.
La pubblicazione come PDF è particolarmente utile per
studenti che devono sottoporre i propri siti in formato di
documento alle commissioni d'esame.
1.
Pubblica sito
sulla barra degli strumenti Standard e selezionare
Esporta sito Web come PDF...
-oppure -
Fare clic su File>Pubblica sito>Esporta sito Web come
PDF...
2.
Nella finestra di dialogo Pubblica su PDF, assegnare un
Nome file, individuare la cartella in cui si desidera
salvare il PDF e fare clic su Salva.
Il PDF viene generato e, se si dispone di un visualizzatore
PDF adatto installato nel sistema, verrà automaticamente
aperto per consentirne la visualizzazione.
Se si riscontrano problemi durante la creazione del PDF,
verrà visualizzato un elenco degli errori.
16
Indice analitico
438 Indice analitico
16
2
2D, 384
effetti filtro, 384
3
3D, 389
3D istantaneo, 394
effetti filtro, 389
3D istantaneo, 394
A
accessibilità, 332
testo alternativo (per le
immagini), 332
accesso (controllo accesso),
230
accesso (controllo di
accesso), 232
Adatta testo alla curva, 248
Adattamento automatico,
243
adesivi, 118
Adsense, 127
allineamento, 71, 261
del paragrafo, 261
della pagina, 71
allineamento di oggetti, 312
ancoraggi, 105
Animazioni GIF, 352
anteprima di siti, 423
anteprima nel browser, 423
apertura di un sito esistente,
31
Appunti, 292
copiare e incollare da o
verso, 292
associazione, 314
HTML a oggetti, 155
HTML alla pagina, 155
oggetti al testo, 314
associazione di pagine
master, 59
audio, 355
aggiunta alla pagina, 355
collegamenti ipertestuali
a file, 105
autori, 4
Avvio guidato, 25
B
barre di navigazione, 37, 85
aspetto, 91
come pannelli, 98
converti in pannello, 98
creazione, 86
dinamico, 97
e struttura del sito, 37
esclusione di pagine da,
96
menu a comparsa, 93
modifica testo pulsante
in, 88
personalizzazione, 90
pulsanti per, 91, 100
salvataggio, 96
separatori, 94
sfondi per, 91
Benvenuti, 3
bitmap, 410
riempimenti, 410
trasparenza, 415
bitmap (vedere, 323
Blog (Oggetto avanzato),
210
accesso, tramite
collegamenti offsite, 70
bordi, 380
Button Studio, 103
C
cache, 425
calendari, 281
eventi per, 283
festività pubbliche per,
282
Cancella formattazione, 261
CAPTCHA (protezione
anti-spam), 173, 222
carattere paragrafo
predefinito, 263
caratteri, 261, 263
impostazione, 261
stili, 263
WebSafe, 261
Caratteri TrueType, 261
carrello della spesa, 188
Casella messaggi (Oggetto
avanzato), 210
codice di colore
esadecimale, 399
codifica, 71
collegamenti ipertestuali,
105
a finestra o cornice di
destinazione:, 105
a lightbox, 130
colori (globali), 45
collegamento rispetto a
incorporamento
(immagini), 323
colorazione, 401
colore, 399
collegamento
ipertestuale, 45
globale, 45
colorazione, 401
gradiente riempimento,
410
riempimenti uniformi,
399
schemi, 402
sfondo, 45
globale, 45
sulla pagina, 45
globale, 45
colore su pagina, 45
globale, 45
colori uniformi, 399
Comando Aggiungi
riempimento a Studio,
410
Comando Avanti di uno,
311
Comando Indietro di uno,
311
Comando Porta dietro, 311
Comando Porta in primo
piano, 311
Comando Replica, 292
Comando Sostituisci
immagine, 323
Contatore attività (Oggetto
avanzato), 210
Indice analitico 441
contatori, 210
occorrenza, 220
Visitatore attivo, 220
controllo dell'accesso, 210,
223
copiare e incollare oggetti,
292
cornici (immagine), 321
cornici (testo), 239
adattamento del testo a,
243
controllo overflow in,
243
creazione, 240
impostazione delle
proprietà predefinite,
305
impostazione di, 241
margini per, 243
cornici immagine, 118, 321
cornici intermittenti
animate, 352
Creazione guidata
calendario, 281
Cursore ombra/tonalità, 401
D
descrittori per i motori di
ricerca, 47
Dettagli account (FTP), 425
dettagli utente, 269
aggiornamento, 271
inserimento, 271
set azienda per, 272
dimensionalità (3D
istantaneo), 394
dimensione in punti, 261
dimensioni, 40, 71, 295
degli oggetti, 295
della pagina, 71
di immagini, 323
in tutto il sito, 40
specifico della pagina, 71
distintivi, 118
duplicazione di oggetti, 292
E
e-commerce, 188
aggiunta di moduli e
pulsanti (PayPal), 191
creazione di collegamenti
ipertestuali al carrello
della spesa, 105
minicarrello in, 188
effetti, 384, 389
Filtro 2D, 384
Filtro 3D, 389
ombra, 388
profilo, 387
riflesso, 387
smusso (3D istantaneo),
394
tornio (3D istantaneo),
394
effetti (immagini), 340
FotoLab, 340
effetti animazione, 352
effetti filtro, 384, 389
effetti speciali, 384, 389
effetto bagliore, 384
effetto ombra, 384
effetto profilo, 387
effetto rilievo, 384
effetto smusso, 384
elenchi, 267
numerato, 267
puntato, 267
elenchi numerati, 267
elenchi puntati, 267
Elenco utenti (Oggetto
avanzato), 210, 223
esecuzione upgrade, 3
eventi (calendario), 283
F
Feed RSS, 179
aggiunta di articoli a, 181
creazione, 180
sottoscrizione a terze
parti, 183
festività (pubblica), 282
file
gestione, 55
nomi/pagine affiancate,
71
file audio, 355
file programma di
elaborazione testi, 237
File SWF, 352
Filmati Shockwave Flash,
352
filtri, 340
Flag, 118
Flash, 352, 361
banner, 118
filmati, 352
formattazione di testo, 261
Incolla formato per, 294
forme, 380
248
disegno e modifica, 380
ridimensionamento, 295
riempimenti
gradiente/bitmap per,
410
riempimenti uniformi a,
399
trasparenze per, 415
Fornitore di servizi Internet
(Internet Service
Provider, ISP), 425
Forum (Oggetto avanzato),
210
accesso, tramite
Foto HD, 323
fotocamere digitali, 339
come origine TWAIN,
339
FotoLab, 340
FTP, 425
dettagli account, 425
migrazione, 430
funzioni, 4, 15
chiave, 4
nuove, 15
funzioni chiave, 4
G
Galleria foto, 361
Gestione ancoraggio, 55
Gestione caratteri, 55
Gestione collegamenti
ipertestuali, 55
Gestione esportazione
immagini, 332
Gestione eventi calendario,
281
Gestione feed RSS, 179
Gestione risorse, 55
Gestione sito, 55
Gestione testo, 55
Google AdSense, 127
Google Maps, 122
gradiente, 410, 415
riempimenti colore, 410
trasparenza, 415
grafici (vedere, 323
gruppi, 317
creazione, 290, 317
utente (controllo
dell'accesso), 227
gruppi utente (controllo
dell'accesso), 227
accesso a, 232
registrazione a, 230
H
home page, 37, 77
modifica, 71
hosting Web, 25
hotlinking, 368
HTML, 76
associazione di codice a
pagine Web, 155
associazione di codice
come frammenti, 155
creazione di pagine in, 76
ID, 161
I
icone, 118
illuminazione (3D), 394
immagini, 323
Barra multimediale per,
328
collegamento remoto,
368
colorazione, 399
come sfondi, 46
correzione, 340
effetti per, 340
importazione, 323
opzioni esportazione per,
332
ottimizzazione, 332
pop-up, 148
ricampionamento, 334
ritaglio, 348
sostituzione, 323
testo alternativo, 332
immagini acquisite, 339
importazione, 339
immagini agganciate, 323
immagini GIF, 323
immagini JPEG, 323
immagini pittoriche, 323
importazione, 323
immagini PNG, 323
immagini rasterizzate, 323
immagini remote,
collegamento a, 368
immagini SMF, 323
immagini TIFF, 323
immagini tipo disegno
importazione, 323
immagini vettoriali, 323
importazione, 323
immagini WMF, 323
importazione, 323
File Excel, 279
immagini pittoriche e tipo
disegno, 323
Immagini TWAIN, 339
stili, 263
testo, 237
impostazioni predefinite,
305
aggiornamento, 305
salvataggio globale, 305
Includi in navigazione, 96
Incolla formato, 294
Incolla formato Plus, 294
Incolla in posizione, 292
incollatura oggetti, 292
Incorporamento rispetto a
collegamento, 323
Individuazione pagina, 77
inserzioni pubblicitarie, 127
invio (di moduli), 173
iTunes, 179
invio dei feed di podcast
a, 182
sottoscrizione a, 183
J
JavaScript, 157
L
layout tema, 26
lightbox, 130
impostazioni, 133
utilizzo di collegamenti
ipertestuali, 105
linee, 373, 377
248
disegno e modifica, 373
impostazione delle
proprietà, 377
M
mailing list, 210
Mal's (carrello della spesa),
188
mappa del sito (motore di
ricerca), 47
mappa del sito
(navigazione), 85
mappe (Google), 122
margini (cornici di testo
HTML), 243
menu a comparsa, 98
metafile, 323
importazione, 323
Mini carrello, 188
modello (design), 26
creazione di un sito con,
26
modello di design, 26
moduli, 163
controlli per, 168
creazione, 165
invio di dati in, 173
riconoscimento, 175
motori di ricerca, 47
mappe del sito per, 53
robots.txt per, 52
tag meta robot per, 51
N
nastri, 118
navigazione, 37
Notizie (Oggetto avanzato),
210
Novità, 15
nuove funzioni, 15
O
oggetti, 312
allineamento, 312
associazione di codice a,
155
combinazione, 301
copiare, incollare e
replicare, 292
distribuzione, 312
ordinamento, 311
ritagliare, 299
rotazione, 297
selezione di elementi
singoli, 287
selezione multipla, 290
spostamento, 295
unire, 303
valori predefiniti per, 305
Oggetti avanzati, 210
account per, 215
applicazione di colori a,
220
creazione, 217
gestione, 222
profili per, 217
opzioni di esportazione
(immagini), 332
opzioni di visualizzazione,
77
opzioni visualizzazione
zoom, 77
Origine TWAIN
(fotocamera/scanner), 339
P
pagine, 57
aggiunta e rimozione, 63
associazione di codice a,
155
audio di fondo, 355
colore sfondo, 45
colore su pagina, 45
globale, 45
duplicazione, 63
esclusione dalla
navigazione, 96
impostazione delle
dimensioni, 71
ottimizzazione per motori
di ricerca, 47
proprietà, 55, 71
ridisposizione, 63
selezione e
visualizzazione, 77
sicurezza, 223
superiore e inferiore, 37,
63, 85
Pagine e siti Web, 31
Pagine HTML
aggiunta, 63
pagine master, 57, 71
aggiunta, 63
associazione, 59
multipla, 60
multipla, 60
oggetti, 62
proprietà, 55, 71
rimozione, 63
pagine primarie/secondarie,
37, 63, 85
pannelli, 134
creazione personalizzato,
139
dalle barre di
navigazione, 98
paragrafi, 261
allineamento, 261
formattazione, 261
stili di testo per, 263
PayPal, 191
aggiunta di moduli e
pulsanti a, 191
configurazione, 188
creazione di collegamenti
ipertestuali al carrello
della spesa, 105
Mini carrello, 188
PDF, 435
più finestre, 33
podcast, 179
aggiunta di episodi a, 181
creazione, 180
invio iTunes di, 182
sottoscrizione a, 183
profili, 25, 303
Oggetto avanzato, 217
spazio di lavoro, 25
unire, 303
profili spazio di lavoro, 25
proprietà linea e
riempimento, 377, 380
proprietà sito, 40
protezione anti-spam
(CAPTCHA), 173, 222
pubblicazione, 425
a PDF, 435
Pubblicazione regolabile,
433
sul Web, 425
Pubblicazione regolabile,
433
configurare, 434
pulsanti, 85, 100
converti in barra di
navigazione, 105
creazione personalizzato,
103
Pulsanti E-Commerce, 118
pulsanti/E-Commerce, 118
punti attivi, 141
Q
QuickShapes, 380
R
radiale, 410, 415
riempimenti, 410
trasparenza, 415
regolazione (delle
immagini), 340
FotoLab, 340
ricampionamento, 334
ricerca di siti Web, 115
riempimenti, 399, 410
bitmap, 410
gradiente, 410
uniforme, 399
riempimenti lineari, 410
rientri, 254
riflesso, effetto, 387
rimozione pagine/pagine
master, 63
ripristino della versione
salvata, 31
Ritaglia forma, 301
ritagliare oggetti, 299
ritaglio (immagini), 348
robot, 47
utilizzo di robots.txt, 52
utilizzo di tag meta robot,
51
rollover, 145
pop-up, 148
rollover a comparsa, 148
RomanCart (carrello della
spesa), 188
rotazione di oggetti, 297
S
salvataggio di un sito, 33
Scheda Carattere, 261
Scheda Galleria (Studio),
118
Scheda Sito (Studio), 37, 57,
63, 77, 85
Scheda Trasforma (Studio),
295
Scheda trasparenza (Studio),
415
Schede Finestra, 33
schemi (colore), 402
modifica, 409
per collegamenti
ipertestuali, 406
sfondo, 45
schemi colore, 402
assegnazione, 408
modifica, 409
preimpostazioni, 407
selezione di più oggetti, 290
selezione di un oggetto, 287
selezioni multiple, 290
separatori, 91, 94
Serif
hosting Web, 25
Risorse Web, 163, 210
accesso a, 215
eliminazione dei
dettagli dell'account,
215
set azienda (dettagli utente),
272
sfondo, 40, 71
audio, 355
colore, 45
globale, 45
con schema, 406
immagine, 46
Simboli rapidi, 118
siti, 30, 31
apertura esistente, 31
iniziare da zero, 30
smiley, 118
Sondaggio (Oggetto
avanzato), 210
spaziatura lettere, 261
stili, 261, 263, 392
carattere, 261
oggetto, 392
testo (vedere anche, 263
stili di testo, 263
stili oggetto, 392
stili specifici, 263
per testo (vedere anche,
263
strumenti di prova
Gestione sito, 55
Strumento
Cornice creativa, 239
Cornice di testo HTML,
239
Feed RSS, 179
Lettore RSS, 185
Linea retta, 373
Matita, 373
Oggetto avanzato, 210
Ombra, 388
Penna, 373
Ricerca sito, 115
Riempimento, 410
Risultati ricerca sito, 115
Ritaglio irregolare, 299
Ritaglio quadrato, 299
Ruota, 297
Tabella HTML, 279
Testo artistico, 246
Trasparenza, 415
Strumento Cornice di testo
HTML, 239
strumento Feed RSS, 179
Strumento Lasso, 287
strumento Lettore RSS, 185
Strumento Linea retta, 373
Strumento Matita, 373
Strumento Oggetto
avanzato, 210
Strumento Ombra, 388
Strumento Penna, 373
Strumento Puntatore, 287
Strumento Ricerca sito, 115
Strumento Riempimento,
410
Strumento Risultati ricerca
sito, 115
Strumento Ritaglio
irregolare, 299
Strumento Ritaglio
quadrato, 299
Strumento Rotazione, 297
Strumento Tabella di testo
HTML, 279
Strumento Testo artistico,
246, 248
Strumento Testo percorso
curvilineo, 248
freehand, 248
retto, 248
Strumento Trasparenza, 415
struttura del sito, 55, 85
e navigazione, 37, 85
modifica pagine, 63
Studio design, 139
Studio ritaglio immagine,
348
T
tabelle, 279
panoramica, 279
Tag di intestazione HTML,
47
Tavolozza stili testo, 263
testo, 239, 246, 248, 251,
261
adattamento alle cornici,
243
artistico (indipendente),
246
associazione di oggetti a,
314
come curve, 332
cornice, 239
aggiunta a, 240
HTML, 239
margini, 243
effetti speciali, 384, 389
elenchi puntati e
numerati, 267
formattazione, 261
importazione da file, 237,
263
impostazione dei rientri,
254
impostazione delle
proprietà predefinite,
305
modifica del colore o
dell'ombreggiatura, 399
modifica nella pagina,
251
overflow (in cornici), 243
pulsante barra di
navigazione, 88
su un tracciato, 248
utilizzo dei riempimenti
gradiente e bitmap, 410
testo alternativo (immagini),
332
testo artistico, 246
conversione in curve, 332
su un tracciato, 248
testo brano, 239
flusso nella sequenza di
cornici, 239
testo cornice, 239
testo percorso, 248
tipo di carattere, 261
token, 163
trasparenza, 415
trasparenza lineare, 415
Trova e sostituisci, 55, 256
U
unione (database), 197
unione database, 197
aree ripetute per, 200
creazione di un'origine
dati, 199
unione di profili, 303
URL assoluti, 105
utenti (controllo
dell'accesso), 227
esclusione, 227
sospensione, 227
V
variabili, 273
video, 355
aggiunta, 355
aggiunta YouTube, 355
collegamenti ipertestuali
a file, 105
Video YouTube, 355
virgolette, 118
Visitatori attivi (Oggetto
avanzato), 210
visualizza origine, 155
Visualizzazione barra degli
strumenti, 77
W
WebArt, 328

Guida utente di WebPlus X5

Transcript

Documenti analoghi

SCRIVERE ESPRESSIONI COMPLESSE CON WORD

Configurazione IMAP di una [email protected]

Knowledge Base

Knowledge Base

Ripetitore MANUALE WI-FI OMEGA ΩMEGA O25W

Archive Player - Bosch Security Systems

120 SPACECAM

sole -55

Divar - Archive Player - Bosch Security Systems

Installazione di Vista x64