Guida Fireworks

di: Sonia Reginato

Generalità

1. 1. Introduzione

   Generalità sul programma della Macromedia e sulle differenze fra immagini vettoriali e bitmap.

2. 2. L'ambiente di lavoro

   Descrizione dell'ambiente di lavoro del programma.

3. 3. Creare, aprire ed importare documenti

   Impariamo come creare nuovi documenti o importarne altri provenienti da programmi diversi.

4. 4. Salvare ed esportare documenti

   Primi cenni su come usare la finestra di Anteprima esportazione.

5. 5. Righelli linee guida e griglia

   Tutti gli strumenti che consentono di ottenere un posizionamento preciso degli oggetti all'interno dell'area di lavoro.

6. 6. Uso della vaschetta dei colori

   Descriviamo l'utilizzo di uno dei pannelli più usati in Fireworks.

7. 7. Disegnare forme semplici

   Cominciamo a tracciare forme come rettangoli, cerchi, poligoni, stelle, ecc.

Modalità vettoriale

1. 8. Gli strumenti di selezione

   Selezionare gli oggetti presenti in un documento è una delle attività principali in una sessione di lavoro. Vediamo cosa ci mette a disposizione Fireworks.

2. 9. Copiare, duplicare e clonare

   Diversi modi per ottenere copie di uno stesso oggetto.

3. 10. trasformare e distorcere

   Carrellata sugli strumenti di Fireworks che ci permettono di modificare forma e dimensioni degli oggetti tracciati

4. 11. Raggruppare, impilare e allineare

   In questa lezione impareremo come posizionare uno rispetto all'altro gli oggetti presenti nell'area di lavoro.

5. 12. Riempimenti

   In Fireworks il colore di riempimento di un oggetto può essere personalizzato a piacere, vediamo come.

6. 13. Contorni e tratti

   Anche per i contorni e i tratti degli strumenti di disegno abbiamo a disposizione una vastissima gamma di scelte.

7. 14. Effetti dal vivo

   Impariamo un modo semplice e versatile per dare agli oggetti un aspetto in rilievo, o aggiungere ombre, o ...

8. 15. Combinazioni di più oggetti

   Usando più figure semplici è possibile ottenere rapidamente oggetti complessi, basta conoscere i comandi giusti.

9. 16. Gli strumenti Matita, Pennello e Penna

   E ora passiamo al disegno a mano libera.

10. 17. Creazione di una interfaccia. Parte I: progettare l'interfaccia

    Nella prima parte useremo gli strumenti descritti fino ad ora per disegnare un'interfaccia.

11. 18. I livelli (parte I)

    Descrizione del pannello che permette di gestire i livelli.

12. 19. Tutorial: illusioni 3D

    Lavorando con riempimenti sfumati ed effetti dal vivo è possibile rappresentare oggetti tridimensionali.

13. 20. Gli stili

    Un modo veloce per salvare e applicare gruppi di impostazioni particolarmente interessanti.

Il testo

1. 21. L'editor di testo

   Una descrizione particolareggiata delle impostazioni che possono essere applicate alle stringhe di testo.

2. 22. Modificare il testo

   E se non ci accontentiamo proviamo a deformare il testo o a farlo scorrere lungo tracciati non rettilinei.

3. 23. Tutorial: incisione

   La tecnica descritta in questa lezione produce un effetto di incisione su qualsiasi tipo di sfondo.

Modalità bitmap

1. 24. Generalità sulla modalità bitmap

   Fireworks non lavora solo con immagini vettoriali ...

2. 25. Le selezioni

   Analizziamo gli strumenti che il programma mette a disposizione per la selezione di pixel.

3. 26. Gli strumenti in modalità bitmap

   Ci sono alcuni strumenti che lavorano solo in modalità bitmap, vediamo quali.

4. 27. Tutorial: combinare immagini bitmap e vettoriali

   In questo esercizio impareremo a combinare immagini vettoriali e bitmap per ottenere un particolare punto interrogativo.

5. 28. Le maschere

   L'uso delle maschere permette di creare interessanti effetti di ritaglio e/o di sfumatura.

6. 29. I livelli (parte II)

   Vediamo come usare i livelli per controllare l'interazione degli oggetti sovrapposti.

Fireworks e il Web

1. 30. Simboli e istanze

   Un modo per creare duplicati che rimangono collegati all'originale riflettendone tutte le variazioni.

2. 31. L'editor di pulsanti

   Con Fireworks è possibile creare, in modo rapido e semplice, pulsanti controllati da codice Javascript.

3. 32. Creazione di una interfaccia. Parte II: creare una barra di navigazione

   Aggiungiamo i pulsanti alla nostra interfaccia facendola diventare una vera e propria barra di navigazione.

4. 33. I punti attivi

   Nelle pagine Web sono spesso presenti mappe immagine, cioè immagini in cui zone diverse risultano collegate a URL diversi.

5. 34. Le porzioni

   La possibilità di suddividere una immagine in parti più piccole consente di avere un download più rapido delle pagine.

6. 35. Creazione di una interfaccia. Parte III: creare un rollover disgiunto

   E adesso aggiungiamo gli effetti speciali imparando a creare un rollover disgiunto.

7. 36. Esportare pagine HTML

   Dopo aver creato una interfaccia lasciamo che Fireworks produca tutte le immagini e i file HTML necessari al suo funzionamento.

8. 37. Menù a comparsa

   Una delle principali novità della versione 4 è la possibilità di creare menu a discesa.

9. 38. Creare animazioni

   Fireworks non ha certamente la versatilità di Flash, ma qualche animazione riesce a crearla.

Le novità di Fireworks MX

1. 39. Generalità

   Cosa troverete in queste pagine

2. 40. L'interfaccia e I menu

   La nuova interfaccia e i nuovi menu di Fireworks MX

3. 41. Il pannello Strumenti

   Tutti gli strumenti da disegno di Fireworks MX

4. 42. Gli altri pannelli

   Come muovere e collocare gli altri pannelli

5. 43. La Finestra Ispezione Proprietà

   Le proprietà degli oggetti: una delle maggiori novità di Fireworks MX

6. 44. Creazione di menu comparsa

   Come creare facilmente menu a comparsa con Fireworks MX

7. 45. Opzioni di esportazione

   Come esportare codice HTML con Fireworks MX

8. 46. Fireworks e Photoshop

   Le importazioni dei file creati con Photoshop

9. 47. La funzione Ricostruisci tabella

   Importare file HTML e ricostruire il layout

Tutorial

1. 48. Introduzione

   Questo tutorial vi guiderà passo per passo nella realizzazione del layout grafico di sito internet, fittizio ma perfettamente funzionante.

2. 49. Progettazione

   Prima di iniziare a realizzare un sito è importante avere le idee chiare sulla sua struttura.

3. 50. Mappa del sito

   Per agevolare la realizzazione del layuot grafico è opportuno decidere da subito i nomi da dare alle pagine principali e ai due frame.

4. 51. Impostazioni preliminari

   È importante mantenere un certo ordine quando si creano siti internet soprattutto perchè i documenti che verranno creati sono molti e si rischia poi di perdere tempo per ritrovarli.

5. 52. Il logo

   Cominciamo con la realizzazione del logo del nostro sito.

6. 53. Il layout di base

   Passiamo a creare la struttura di base del layout cioè la barra orizzontale e quella verticale in cui troveranno posto i menu.

7. 54. I collegamenti principali

   In questa lezione impareremo a strutturare la barra di navigazione principale.

8. 55. Il rollover disgiunto

   I pulsanti di navigazione principale, oltre ad avere un rollover che fa cambiare colore al testo, presentano anche un altro effetto noto con il nome di rollover disgiunto.

9. 56. Il collegamento all'home page

   Impostiamo un collegamento all'home page in corrispondenza del logo.

10. 57. Suddivisione del documento

    Vediamo come sia possibile sfruttare Fireworks nella realizzazione di pagine suddivise in frame.

11. 58. Realizzazione della pagina corpo.htm

    Strutturiamo la pagina che, insieme al menu, farà parte dell'home page

12. 59. Realizzazione della pagina europa.htm

    Prepariamo la prima delle pagine relative ai cinque continenti

13. 60. Realizzazione delle altre pagine dei continenti

    Sono pagine molto simili a quella appena creata e c'è un modo per ottenerla velocemente!

14. 61. Ottimizzazione e preparazione per l'esportazione (I parte)

    Preparazione per l'esportazione e ottimizzazione del menu principale.

15. 62. Ottimizzazione e preparazione per l'esportazione (II parte)

    Preparazione per l'esportazione delle pagine dei continenti.

16. 63. Ottimizzazione e preparazione per l'esportazione (III parte)

    Preparazione per l'esportazione delle pagine dei continenti.

17. 64. Esportazione delle pagine

    Siamo finalmente giunti al momento di produrre le pagine che andranno a far parte del nostro sito!

18. 65. Definizione del sito e creazione del frameset

    Da questo momento in poi, per dare gli ultimi ritocchi alle nostre pagine, useremo Dreamweaver.

19. 66. Ultimi ritocchi

    Il nostro sito è pronto per decollare!