Ci sono molti vantaggi di utilizzare fuochi d'artificio per lo sviluppo e la progettazione di pagine Web. La grafica è mozzafiato e il posizionamento di layout possa cadere facilmente nel posto rendendo questo strumento un programma quasi perfetto di prototipazione. Ci sono molti file e tipi di grafici è possibile importare ed esportare utilizzando fuochi d'artificio, tra cui PSD per Photoshop, JPG, BMP e GIF TIFF, EPS. Tipi di file Portable Network Graphics o PNG sono il tipo predefinito nativo per fuochi d'artificio e possono essere utilizzati in molte altre applicazioni pure. C'è anche un impianto per la produzione di grafica animata per annunci e banner che può essere posizionato ovunque in una pagina Web.

Istruzioni

1

Aprire una nuova pagina in Adobe Fireworks facendo "Ctrl + N." Apparirà la finestra "Nuovo documento". Inserire le dimensioni della nuova pagina Web. Una dimensione di 800 pixel di larghezza e 768 pixel di altezza è un formato usuale, anche se è possibile modificare successivamente.

2

Selezionare lo strumento "Rettangolo" dal menu "Strumenti" e digitare una dimensione di 1004 vasta da 100 alta nei campi di immissione del testo di "Proprietà". Questo sarà il colore di sfondo per l'intestazione di pagina. Utilizzare lo strumento "Puntatore" per selezionare il colore nella finestra "Riempire di proprietà". Per un effetto più drammatico e aggiunto, è necessario scegliere l'opzione "Lineare" dalla selezione a discesa. Scegliere un valore di 25 nell'opzione "Rotondità del rettangolo" nella finestra "Proprietà".

3

Selezionare lo strumento "Testo" e impostare la dimensione a 72 per un grande titolo. Selezionare bianco o un colore a contrasto in modo che il testo si starà contro l'intestazione sfondo. Utilizzare lo strumento "Puntatore" per selezionare il testo e scegliere "Drop Shadow" dalla finestra "Effetti in proprietà". Il testo ora ha un'ombra drammatica e possa essere posizionato ovunque nell'intestazione desiderate. Vedere suggerimenti.

4

Creare contenuti di testo per il tuo sito selezionando lo strumento "Testo" e utilizzarlo per trascinare una piazza rettangolare nell'area dove si desidera visualizzare il contenuto. Un'area di 350 x 550 pixel dovrebbe essere sufficiente anche se è possibile utilizzare qualsiasi dimensioni che ti piace. Utilizzare questo rettangolo per immettere il testo da digitare o incollandolo da una sorgente come un programma di elaborazione testi. La dimensione del testo dovrebbe essere 10 a 12 pixel di dimensione. Ripetere questa operazione per tutto il testo come si vorrebbe, lasciando spazio in fondo per qualsiasi informazioni link e contatti, che si potrebbe desiderare di inserire.

5

Inserire le immagini di grafica di entrambi trascinandoli in posizione da un'altra fonte o importandoli utilizzando File di importazione (Ctrl + R). Le immagini possono essere ridimensionate per adattarsi all'interno di una colonna o spazio selezionandolo con lo strumento "Puntatore", tenendo premuto il tasto MAIUSC e trascinando un angolo qualsiasi in qualsiasi direzione. Tenendo premuto il tasto MAIUSC farà in modo che l'immagine mantiene la sua proporzione durante il ridimensionamento.

6

Creare collegamenti nella pagina Web. È possibile creare collegamenti utilizzando sia immagini che testo facendo clic sullo strumento "Rettangolo Hotspot" nel menu "Strumenti" e trascinando il mouse sopra il testo o l'immagine come si tiene premuto il pulsante sinistro del mouse. Ciò fornirà un cielo coperto di verde sopra la selezione che indica che ora si tratta di un link. Il campo di immissione "Link" apparirà nel menu "Proprietà". Digitare il nome dell'URL dove si desidera che il collegamento per andare. Digitare il nome del collegamento come una "Descrizione alternativa" nel campo di immissione testo "Alt". Lasciare vuoto il campo di testo "Destinazione" come sarà di default per il collegamento di apertura come una nuova pagina.

7

Verificare la pagina Web selezionando il browser preferito l'opzione "Anteprima nel Browser" della scheda "File" nel menu principale.

8

Salvare la nuova pagina Web nella directory scelta facendo clic su "File" e quindi "Esporta" dal menu principale. Viene visualizzata la finestra di dialogo Esporta. Selezionare la directory e assegnare un nome la nuova pagina. Selezionare "HTML e immagini" nella finestra "Salva" come tipo nella voce del menu a discesa e scegliere "Esporta File HTML" nella voce del menu a discesa "HTML". Lasciare "Fette" come "Nessuno". Se si desidera che le immagini grafiche contenute in una sottocartella separata, fare clic sulla voce di casella di spunta nell'opzione "Mettere immagini nella sottocartella" e clicca "Salva".

Consigli & Avvertenze

• Utilizzare lo strumento di "Corsa" nel menu "Proprietà" per delineare il tuo testo per un effetto ancora più drammatico. Dovrebbe essere un colore scuro se il testo è luce o viceversa.