Guida utente di WebPlus X5
Transcript
Guida utente di WebPlus X5
® 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 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 Impostazione di siti e pagine 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: Impostazione di siti e pagine 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 Impostazione di siti e pagine 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. Impostazione di siti e pagine 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 Impostazione di siti e pagine 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. Impostazione di siti e pagine 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 di siti e pagine 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. Impostazione di siti e pagine 45 Per impostare il valore di allineamento delle pagine a livello di sito: • Dall'opzione di menu Pagina della finestra di dialogo, 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. Dall'opzione di menu Pagina della finestra di dialogo, 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 Impostazione di siti e pagine 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. Impostazione di siti e pagine 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 Impostazione di siti e pagine "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. Impostazione di siti e pagine • 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 Impostazione di siti e pagine 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 Impostazione di siti e pagine 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 Impostazione di siti e pagine 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. Impostazione di siti e pagine 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 Impostazione di siti e pagine 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. Impostazione di siti e pagine 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 Impostazione di siti e pagine 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 Impostazione di siti e pagine 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 Impostazione di siti e pagine 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. Impostazione di siti e pagine 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 Impostazione di siti e pagine 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. Impostazione di siti e pagine 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 Impostazione di siti e pagine - 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. Impostazione di siti e pagine 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 Impostazione di siti e pagine 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. Impostazione di siti e pagine 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 Impostazione di siti e pagine 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. Impostazione di siti e pagine 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. Fare clic sul pulsante 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. 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. 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 Impostazione di siti e pagine 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. Impostazione di siti e pagine 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. 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. 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 Impostazione di siti e pagine 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. 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. 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). Impostazione di siti e pagine 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 Impostazione di siti e pagine 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: • Fare clic sul pulsante 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. Impostazione di siti e pagine 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 Impostazione di siti e pagine 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. Impostazione di siti e pagine 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 Impostazione di siti e pagine 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 Impostazione di siti e pagine 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 Impostazione di siti e pagine 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. Impostazione di siti e pagine 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 Impostazione di siti e pagine 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 Impostazione di siti e pagine 81 fare clic sul pulsante Pagine Master> per visualizzare la finestra delle pagine master. • Fare clic sul pulsante 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 Impostazione di siti e pagine 4 Navigazione e collegamenti ipertestuali 84 Navigazione e collegamenti ipertestuali 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 Navigazione e collegamenti ipertestuali 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. Navigazione e collegamenti ipertestuali • 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 Navigazione e collegamenti ipertestuali 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: Navigazione e collegamenti ipertestuali • 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 Navigazione e collegamenti ipertestuali 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 Navigazione e collegamenti ipertestuali 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 Navigazione e collegamenti ipertestuali È 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. Navigazione e collegamenti ipertestuali 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 Navigazione e collegamenti ipertestuali 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 Navigazione e collegamenti ipertestuali 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 Navigazione e collegamenti ipertestuali - 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. Navigazione e collegamenti ipertestuali 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 Navigazione e collegamenti ipertestuali 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. Navigazione e collegamenti ipertestuali 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 degli strumenti Oggetti Web, fare clic su 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. 102 Navigazione e collegamenti ipertestuali • 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. Navigazione e collegamenti ipertestuali 103 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. 104 Navigazione e collegamenti ipertestuali 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. Navigazione e collegamenti ipertestuali 105 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. Dalla barra degli strumenti contestuale, selezionare 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 106 Navigazione e collegamenti ipertestuali • 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 Navigazione e collegamenti ipertestuali 107 barra degli strumenti Strumenti. Verrà visualizzata la finestra di dialogo Collegamenti ipertestuali. 3. Fare clic per selezionare il tipo di destinazione del 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 108 Navigazione e collegamenti ipertestuali 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. Navigazione e collegamenti ipertestuali 109 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. Fare clic sul pulsante 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. 110 Navigazione e 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 Fare clic sul pulsante 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. Navigazione e collegamenti ipertestuali 111 • 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. 112 Navigazione e collegamenti ipertestuali 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. 116 Aggiunta di oggetti web dinamici 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. Aggiunta di oggetti web dinamici 117 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). 118 Aggiunta di oggetti web dinamici 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. Aggiunta di oggetti web dinamici 119 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. 120 Aggiunta di oggetti web dinamici 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. Aggiunta di oggetti web dinamici 121 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 122 Aggiunta di oggetti web dinamici • 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. Aggiunta di oggetti web dinamici 123 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 124 Aggiunta di oggetti web dinamici 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. Aggiunta di oggetti web dinamici 125 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, 126 Aggiunta di oggetti web dinamici 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. Aggiunta di oggetti web dinamici 127 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. 128 Aggiunta di oggetti web dinamici 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. Aggiunta di oggetti web dinamici 129 2. Fare clic su Inserisci annuncio Google Adsense sul riquadro a comparsa E-Commerce della barra degli strumenti Oggetti Web. 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. 130 Aggiunta di oggetti web dinamici 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. Aggiunta di oggetti web dinamici 131 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. 132 Aggiunta di oggetti web dinamici 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. Aggiunta di oggetti web dinamici 133 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à). 134 Aggiunta di oggetti web dinamici 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 Aggiunta di oggetti web dinamici 135 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 136 Aggiunta di oggetti web dinamici 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, è sufficiente fare clic con il mouse. - oppure Per impostare le dimensioni del pannello, trascinare un'area e rilasciare il pulsante del mouse. Aggiunta di oggetti web dinamici 137 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. 138 Aggiunta di oggetti web dinamici 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: • Dalla barra degli strumenti contestuale, selezionare 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. Aggiunta di oggetti web dinamici 139 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. 140 Aggiunta di oggetti web dinamici 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 degli strumenti Oggetti Web, fare clic su 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. Aggiunta di oggetti web dinamici 141 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. Fare clic sul pulsante 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. Fare clic per selezionare il tipo di destinazione del collegamento, quindi immettere la destinazione specifica del collegamento ipertestuale (vedere Selezione della destinazione di un collegamento ipertestuale a pag. 1). 142 Aggiunta di oggetti web dinamici 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. Aggiunta di oggetti web dinamici 143 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. 144 Aggiunta di oggetti web dinamici 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. Aggiunta di oggetti web dinamici 145 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: 146 Aggiunta di oggetti web dinamici 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 Aggiunta di oggetti web dinamici 147 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. 148 Aggiunta di oggetti web dinamici 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. Aggiunta di oggetti web dinamici 149 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. Fare clic sul pulsante Rollover a comparsa sul riquadro a comparsa Immagine della barra degli strumenti Oggetti standard. 150 Aggiunta di oggetti web dinamici 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 Aggiunta di oggetti web dinamici 151 • 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 152 Aggiunta di oggetti web dinamici 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 oggetti web dinamici 153 Aggiunta di 6 Aggiunta di oggetti web dinamici 154 Aggiunta di oggetti web dinamici Aggiunta di oggetti web dinamici 155 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. 156 Aggiunta di oggetti web dinamici 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. Aggiunta di oggetti web dinamici 157 Per aggiungere un frammento di codice HTML a una pagina: 1. Copiare negli Appunti il codice HTML dal relativo file sorgente originale. 2. Fare clic sul pulsante Inserisci codice HTML nella barra degli strumenti Oggetti Web. 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 158 Aggiunta di oggetti web dinamici 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 Aggiunta di oggetti web dinamici 159 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. 160 Aggiunta di oggetti web dinamici 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. Aggiunta di oggetti web dinamici 161 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. 162 Aggiunta di oggetti web dinamici 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. Aggiunta di oggetti web dinamici 163 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. 164 Aggiunta di oggetti web dinamici 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: Aggiunta di oggetti web dinamici 165 • 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>. 166 Aggiunta di oggetti web dinamici 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. Aggiunta di oggetti web dinamici 167 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. 168 Aggiunta di oggetti web dinamici 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. Aggiunta di oggetti web dinamici 169 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 170 Aggiunta di oggetti web dinamici 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. Aggiunta di oggetti web dinamici 171 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. 172 Aggiunta di oggetti web dinamici 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. Aggiunta di oggetti web dinamici 173 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. 174 Aggiunta di oggetti web dinamici 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. Aggiunta di oggetti web dinamici 175 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. 176 Aggiunta di oggetti web dinamici 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. Aggiunta di oggetti web dinamici 177 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. 178 Aggiunta di oggetti web dinamici 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. Aggiunta di oggetti web dinamici 179 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. 180 Aggiunta di oggetti web dinamici 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. Fare clic sul pulsante 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 Aggiunta di oggetti web dinamici 181 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). 182 Aggiunta di oggetti web dinamici Per aggiungere o aggiornare articoli o episodi: 1. Fare clic sul pulsante 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. Aggiunta di oggetti web dinamici 183 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. 184 Aggiunta di oggetti web dinamici 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. Aggiunta di oggetti web dinamici 185 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: 186 Aggiunta di oggetti web dinamici 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. Fare clic sul pulsante Strumento Lettore RSS sul riquadro a comparsa RSS della barra degli strumenti Oggetti Web. Aggiunta di oggetti web dinamici 187 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). 188 Aggiunta di oggetti web dinamici 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 Aggiunta di oggetti web dinamici 189 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. Fare clic sul pulsante Configura E-Commerce sul riquadro a comparsa E-Commerce della barra degli strumenti Oggetti Web. 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 190 Aggiunta di oggetti web dinamici 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. Aggiunta di oggetti web dinamici 191 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. 192 Aggiunta di oggetti web dinamici 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. Fare clic sul pulsante 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. Aggiunta di oggetti web dinamici 193 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. 194 Aggiunta di oggetti web dinamici • 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: Aggiunta di oggetti web dinamici 195 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 196 Aggiunta di oggetti web dinamici • 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. Aggiunta di oggetti web dinamici 197 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. 198 Aggiunta di oggetti web dinamici 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. Aggiunta di oggetti web dinamici 199 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. 200 Aggiunta di oggetti web dinamici 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 è Aggiunta di oggetti web dinamici 201 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. 202 Aggiunta di oggetti web dinamici 2. Fare clic sul pulsante 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. Aggiunta di oggetti web dinamici 203 • 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. Con l'area ripetuta selezionata, fare clic su 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. 204 Aggiunta di oggetti web dinamici 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. Aggiunta di oggetti web dinamici 205 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. Con l'area ripetuta selezionata, fare clic su Modifica database nella barra degli strumenti 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.... 206 Aggiunta di oggetti web dinamici 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. Aggiunta di oggetti web dinamici 207 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 208 Aggiunta di oggetti web dinamici 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. Con l'area ripetuta selezionata, fare clic su Modifica database nella barra degli strumenti contestuale. 2. Utilizzare il pulsante Modifica... per accedere alla finestra di dialogo Unisci elenco. Aggiunta di oggetti web dinamici 209 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 210 Aggiunta di oggetti web dinamici 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. Aggiunta di oggetti web dinamici 211 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. 212 Aggiunta di oggetti web dinamici • 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. Aggiunta di oggetti web dinamici 213 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à. 214 Aggiunta di oggetti web dinamici 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. Aggiunta di oggetti web dinamici 215 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 barra degli strumenti Oggetti Web. 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 216 Aggiunta di oggetti web dinamici 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. Strumento Oggetto avanzato nella Fare clic su barra degli strumenti Oggetti Web. 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. Aggiunta di oggetti web dinamici 217 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. 218 Aggiunta di oggetti web dinamici 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. Aggiunta di oggetti web dinamici 219 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. 220 Aggiunta di oggetti web dinamici 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 Aggiunta di oggetti web dinamici 221 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. 222 Aggiunta di oggetti web dinamici 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. Aggiunta di oggetti web dinamici 223 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. 224 Aggiunta di oggetti web dinamici • 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 Aggiunta di oggetti web dinamici 225 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. Fare clic sul pulsante 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. 226 Aggiunta di oggetti web dinamici 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. Strumento Oggetto avanzato nella Fare clic su barra degli strumenti Oggetti Web. 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. Aggiunta di oggetti web dinamici 227 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. 228 Aggiunta di oggetti web dinamici È 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. Fare clic sul pulsante Strumento Oggetto avanzato nella barra degli strumenti Oggetti Web. 2. Con l'oggetto avanzato di Elenco utenti selezionato, nel riquadro Libreria di Oggetti avanzati personali, fare clic 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. Aggiunta di oggetti web dinamici 229 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. 230 Aggiunta di oggetti web dinamici 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. Fare clic sul pulsante Strumento Oggetto avanzato nella barra degli strumenti Oggetti Web. 2. Con l'oggetto avanzato di Elenco utenti selezionato, nel riquadro Libreria di Oggetti avanzati personali, fare clic 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. Aggiunta di oggetti web dinamici 231 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. 232 Aggiunta di oggetti web dinamici 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. Aggiunta di oggetti web dinamici 233 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 234 Aggiunta di oggetti web dinamici 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. 238 Operazioni con il testo 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. Operazioni con il testo 239 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. 240 Operazioni con il testo • 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 Fare clic sul pulsante 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 Operazioni con il testo 241 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. 242 Operazioni con il testo 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). Operazioni con il testo 243 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: 244 Operazioni con il testo • 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%). Operazioni con il testo 245 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 246 Operazioni con il testo 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 Operazioni con il testo 247 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. 248 Operazioni con il testo 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". Operazioni con il testo 249 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. 250 Operazioni con il testo 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. Operazioni con il testo 251 2. Fare clic sul pulsante 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. 252 Operazioni con il 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. Operazioni con il testo 253 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. 254 Operazioni con il 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. Operazioni con il testo 255 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. 256 Operazioni con il testo 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. Operazioni con il testo 257 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. 258 Operazioni con il testo 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. 262 Formattazione di testo 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). Formattazione di testo 263 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. 264 Formattazione di 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. Formattazione di testo 265 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. 266 Formattazione di testo 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. Formattazione di testo 267 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. 268 Formattazione di testo 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 - Formattazione di testo 269 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. 270 Formattazione di testo 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. Formattazione di testo 271 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. 272 Formattazione di testo 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. Formattazione di testo 273 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. Imposta dettagli utente sulla barra Fare clic su degli strumenti contestuale predefinita (deselezionare gli oggetti da visualizzare). 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. 274 Formattazione di testo 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. Fare clic su Aggiorna. 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. Formattazione di testo 275 Per aggiornare le variabili: 1. Fare clic su Imposta dettagli utente sulla barra degli strumenti contestuale predefinita (deselezionare gli oggetti da visualizzare). 2. Modificare la variabile esistenti con un nuovo valore. 3. Fare clic su Aggiorna. 276 Formattazione di testo 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. 280 Operazioni con le tabelle 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. Operazioni con le tabelle 281 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. 282 Operazioni con le tabelle 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à Operazioni con le tabelle 283 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 strumenti contestuale. 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 strumenti contestuale. 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. 284 Operazioni con le tabelle Per aggiungere un evento: 1. Selezionare il riquadro di delimitazione del calendario. 2. Fare clic su Eventi calendario sulla barra degli strumenti contestuale. 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. 288 Modifica di oggetti 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. Modifica di oggetti 289 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. 290 Modifica di oggetti • 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. Modifica di oggetti 291 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). 292 Modifica di oggetti 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. Modifica di oggetti 293 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. 294 Modifica di oggetti 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 Modifica di oggetti 295 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. 296 Modifica di oggetti 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. Modifica di oggetti 297 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 298 Modifica di oggetti 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. Modifica di oggetti 299 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. 300 Modifica di oggetti 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. Modifica di oggetti 301 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 302 Modifica di oggetti 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 Modifica di oggetti 303 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. 304 Modifica di oggetti 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. Modifica di oggetti 305 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 306 Modifica di oggetti 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. Modifica di oggetti 307 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. 308 Modifica di oggetti 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. 312 Disposizione degli oggetti 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. Disposizione degli oggetti 313 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. 314 Disposizione degli oggetti 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. Disposizione degli oggetti 315 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. 316 Disposizione degli oggetti 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. Fare clic sul pulsante sotto l'oggetto. Associa a testo visualizzato Disposizione degli oggetti 317 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 . 318 Disposizione degli oggetti 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. 322 Immagini, animazioni e contenuti multimediali 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. Immagini, animazioni e contenuti multimediali 323 3. Per inserire la cornice con una dimensione predefinita, è sufficiente fare clic sul mouse. - oppure Per impostare le dimensioni della cornice, trascinare un'area e rilasciare il pulsante del mouse. 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 324 Immagini, animazioni e contenuti multimediali 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: • Fare clic sul pulsante Importa immagine... sul riquadro a comparsa Immagine della barra degli 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. Immagini, animazioni e contenuti multimediali 325 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). 326 Immagini, animazioni e contenuti multimediali Per sostituire un'immagine: • Fare clic sul pulsante 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 . Immagini, animazioni e contenuti multimediali 327 • 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. 328 Immagini, animazioni e contenuti multimediali 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. Immagini, animazioni e contenuti multimediali 329 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. 330 Immagini, animazioni e contenuti multimediali 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. Fare clic sulla freccia Giù sul pulsante 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. Immagini, animazioni e contenuti multimediali 331 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. Fare clic sul pulsante 2. Nella finestra di dialogo, nella casella Nome album, digitare un nome che consenta di identificare l'album in futuro. 3. Fare clic sul pulsante 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. 332 Immagini, animazioni e contenuti multimediali È 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. Immagini, animazioni e contenuti multimediali 333 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. 334 Immagini, animazioni e contenuti multimediali 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. Immagini, animazioni e contenuti multimediali 335 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 336 Immagini, animazioni e contenuti multimediali 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. Immagini, animazioni e contenuti multimediali 337 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 338 Immagini, animazioni e contenuti multimediali 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 - Immagini, animazioni e contenuti multimediali 339 • 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. 340 Immagini, animazioni e contenuti multimediali 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 Immagini, animazioni e contenuti multimediali 341 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. 342 Immagini, animazioni e contenuti multimediali (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. Immagini, animazioni e contenuti multimediali 343 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. 344 Immagini, animazioni e contenuti multimediali 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. Immagini, animazioni e contenuti multimediali 345 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. 346 Immagini, animazioni e contenuti multimediali 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). Immagini, animazioni e contenuti multimediali 347 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: • Fare clic sulla freccia Giù sul pulsante , 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. 348 Immagini, animazioni e contenuti multimediali 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. Immagini, animazioni e contenuti multimediali 349 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. 350 Immagini, animazioni e contenuti multimediali 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 Immagini, animazioni e contenuti multimediali 351 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. 352 Immagini, animazioni e contenuti multimediali 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 Immagini, animazioni e contenuti multimediali 353 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: • Fare clic sul pulsante 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 354 Immagini, animazioni e contenuti multimediali 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. Fare clic sul pulsante 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. Immagini, animazioni e contenuti multimediali 355 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. 356 Immagini, animazioni e contenuti multimediali • 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. Immagini, animazioni e contenuti multimediali 357 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. Vedere Impostazione delle opzioni di esportazione 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. 358 Immagini, animazioni e contenuti multimediali • 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. Se non si desidera incorporare il file, deselezionare l'opzione Incorpora file immagine nel sito. 5. (Opzionale) Impostare le Opzioni esportazione... per definire il nome e il percorso fisico del file esportato. Vedere Impostazione delle opzioni di esportazione 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. Immagini, animazioni e contenuti multimediali 359 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. Fare clic sul pulsante 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 360 Immagini, animazioni e contenuti multimediali 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. Immagini, animazioni e contenuti multimediali 361 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. Fare clic sul pulsante 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. Se non si desidera incorporare il file, deselezionare 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) 362 Immagini, animazioni e contenuti multimediali • 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. Immagini, animazioni e contenuti multimediali 363 • 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. Fare clic sul pulsante Inserisci Galleria foto sul riquadro a comparsa Immagine della barra degli 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). 364 Immagini, animazioni e contenuti multimediali 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. Immagini, animazioni e contenuti multimediali 365 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. 366 Immagini, animazioni e contenuti multimediali • 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. Immagini, animazioni e contenuti multimediali 367 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 368 Immagini, animazioni e contenuti multimediali 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 è Immagini, animazioni e contenuti multimediali 369 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, è sufficiente fare clic con il mouse. - oppure Per impostare le dimensioni dell'immagine inserita, trascinare una regione e rilasciare il pulsante del mouse. 370 Immagini, animazioni e contenuti multimediali 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. 374 Linee, forme ed effetti È 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. Linee, forme ed effetti 375 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. (Scelta rapida: premere 2) 376 Linee, forme ed effetti 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. (Scelta rapida: premere 3) 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 Linee, forme ed effetti 377 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. 378 Linee, forme ed effetti 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: Linee, forme ed effetti 379 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. 380 Linee, forme ed effetti È 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: • Fare clic sul pulsante 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 Linee, forme ed effetti 381 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. Fare clic sul riquadro a comparsa 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. 382 Linee, forme ed effetti 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. Linee, forme ed effetti 383 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. Fare clic sul pulsante 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à. 384 Linee, forme ed effetti 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 Linee, forme ed effetti 385 Smusso interno Smusso esterno Rilievo Rilievo cuscino Sfocatura gaussiana Sfocatura zoom Sfocatura radiale Effetto movimento Riempimento colore Sfumatura Profilo Riflesso 386 Linee, forme ed effetti 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 strumenti Strumenti. 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 Linee, forme ed effetti 387 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 388 Linee, forme ed effetti 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. Linee, forme ed effetti 389 (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. 390 Linee, forme ed effetti 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. Linee, forme ed effetti 391 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. 392 Linee, forme ed effetti 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. Linee, forme ed effetti 393 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: • Fare clic con il pulsante destro del mouse sull'oggetto e scegliere Formato>Stile oggetto>Scollega. Salvataggio degli stili oggetto Per creare un nuovo stile oggetto basato sugli attributi di un oggetto esistente: • Fare clic con il pulsante destro del mouse sull'oggetto e scegliere Formato>Stile oggetto>Crea. Per salvare gli stili oggetto di un sito a livello globale: 1. Scegliere Salva impostazioni predefinite... dal menu Strumenti. 394 Linee, forme ed effetti 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. Linee, forme ed effetti 395 • 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 396 Linee, forme ed effetti 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 400 Colore, riempimenti e trasparenza 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. Fare clic sul pulsante 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. Colore, riempimenti e trasparenza 401 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. Fare clic sul pulsante 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. 402 Colore, riempimenti e trasparenza 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: • Fare clic sul pulsante 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! Colore, riempimenti e trasparenza 403 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. 404 Colore, riempimenti e trasparenza 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. Colore, riempimenti e trasparenza 405 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. 406 Colore, riempimenti e trasparenza 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, Colore, riempimenti e trasparenza 407 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 Fare clic sul pulsante 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. 408 Colore, riempimenti e trasparenza 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. Colore, riempimenti e trasparenza 409 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. 410 Colore, riempimenti e trasparenza 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. Colore, riempimenti e trasparenza 411 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. 412 Colore, riempimenti e trasparenza 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 - Colore, riempimenti e trasparenza 413 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. Fare clic sul pulsante Strumento riempimento nel riquadro a comparsa Riempimento della barra degli strumenti Strumenti. 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. 414 Colore, riempimenti e trasparenza 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). Colore, riempimenti e trasparenza 415 Per regolare il percorso del riempimento gradiente su un oggetto selezionato: 1. Visualizzare la scheda Campioni assicurandosi di selezionare Riempimento o Linea (rispettivamente per il riempimento o il profilo di un oggetto). 2. Fare clic sul pulsante 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 416 Colore, riempimenti e trasparenza 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 Colore, riempimenti e trasparenza 417 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 (rispettivamente per il riempimento o il profilo di un 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 - 418 Colore, riempimenti e trasparenza 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. Fare clic sul pulsante Strumento Trasparenza sul riquadro a comparsa Trasparenza della barra degli strumenti Strumenti. - 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). Colore, riempimenti e trasparenza 419 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. 420 Colore, riempimenti e trasparenza 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. Fare clic sulla freccia Giù sul pulsante 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). 424 Anteprima e pubblicazione • 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. Anteprima e pubblicazione 425 • 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. 426 Anteprima e pubblicazione 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. Fare clic sul pulsante 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". Anteprima e pubblicazione 427 • 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). 428 Anteprima e pubblicazione • 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 Anteprima e pubblicazione 429 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 430 Anteprima e pubblicazione 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. Anteprima e pubblicazione 431 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 432 Anteprima e pubblicazione 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. Anteprima e pubblicazione 433 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. 434 Anteprima e pubblicazione Per configurare Pubblicazione regolabile: 1. Fare clic sul riquadro a comparsa 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. Anteprima e pubblicazione 435 Per effettuare la Pubblicazione regolabile su Web: • Fare clic sul riquadro a comparsa 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. 436 Anteprima e pubblicazione 1. Fare clic sul riquadro a comparsa 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 440 Indice analitico 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 collegamenti offsite, 70 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 442 Indice analitico 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 adattamento del testo a, 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 collegamenti offsite, 70 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 Indice analitico 443 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 444 Indice analitico 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 adattamento del testo a, 248 disegno e modifica, 373 impostazione delle proprietà, 377 ridimensionamento, 295 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 Indice analitico 445 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 ridimensionamento, 295 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 446 Indice analitico 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 Indice analitico 447 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 448 Indice analitico 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 Strumento Testo percorso freehand, 248 Strumento Testo percorso retto, 248 Strumento Trasparenza, 415 struttura del sito, 55, 85 collegamenti offsite, 70 e navigazione, 37, 85 modifica pagine, 63 Studio design, 139 Studio ritaglio immagine, 348 Indice analitico 449 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 ridimensionamento, 295 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 450 Indice analitico 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