February 25
Ci sono molti vantaggi di utilizzare Fireworks per la progettazione di pagine Web e sviluppo. La grafica è mozzafiato e il posizionamento di layout può facilmente cadere in luogo rendere questo strumento un programma di prototipazione quasi perfetto. Ci sono molti tipi di file e di grafica è possibile importare ed esportare con fuochi d'artificio tra cui PSD per Photoshop, JPG, GIF TIFF, BMP e EPS. Portable Network Graphics o tipi di file PNG sono il tipo predefinito nativo di Fireworks e può essere utilizzato in molte altre applicazioni. C'è anche un impianto per la produzione di grafica animata per gli annunci e banner che possono essere posizionati in qualsiasi punto di una pagina Web.
1 Aprire una nuova pagina in Adobe Fireworks facendo clic su "Ctrl + N". Apparirà la finestra "Nuovo documento". Inserire le dimensioni della vostra nuova pagina Web. Una dimensione di 800 pixel di larghezza per 768 pixel di altezza è una dimensione al solito, anche se si può cambiare in un secondo momento.
2 Selezionare lo strumento "Rettangolo" dal menu "Strumenti" e digitare una dimensione di 1004 di larghezza per 100 di alta nei campi di immissione del testo "Proprietà". Questo sarà il colore di sfondo per l'intestazione della pagina. Utilizzare lo strumento "puntatore" per selezionare il colore nella finestra "Fill delle proprietà". Per un effetto aggiunto e più drammatico, scegliere l'opzione "lineare" dalla selezione a discesa. Scegliere un valore di 25 nell'opzione "Rettangolo rotondità" nella finestra "Proprietà".
3 Selezionare lo strumento "Testo" e impostare la dimensione di 72 per un grande titolo. Selezionare bianco o un colore contrastante in modo che il testo si stagliano contro l'intestazione sfondo. Utilizzare lo strumento "puntatore" per selezionare il testo e scegliere "Ombra" dalle "Effetti della Proprietà" finestra. Il testo ora ha un'ombra drammatica e può essere posizionato in qualsiasi punto della intestazione che si desidera. Vedere Suggerimenti.
4 Creare contenuti di testo per il tuo sito selezionando lo strumento "Testo" e utilizzarlo per trascinare una piazza rettangolare nella zona in cui si desidera visualizzare il contenuto. Un'area di 350 pixel per 550 pixel dovrebbe essere sufficiente anche se è possibile utilizzare qualsiasi dimensione che ti piace. Utilizzare questo rettangolo per inserire il testo o digitando o incollandolo da una fonte come ad esempio un programma di elaborazione testi. La dimensione del testo dovrebbe essere da 10 a 12 pixel di dimensione. Ripetete l'operazione per tutto il testo che si desidera, lasciando spazio in fondo per tutti i link e le informazioni di contatto si potrebbe desiderare di inserire.
5 Inserire le immagini grafiche da una trascinandoli in posizione da un'altra fonte o importandoli utilizzando File, Importa (Ctrl + R). Le immagini possono essere ridimensionati per adattarsi all'interno di una colonna o di spazio selezionandolo con lo strumento "Pointer", tenendo premuto il tasto Shift e trascinando qualsiasi angolo in qualsiasi direzione. Tenendo premuto il tasto Shift farà in modo che l'immagine mantiene la sua quota durante ridimensionamento.
6 Creare collegamenti nella pagina Web. È possibile creare collegamenti con entrambe le immagini e testo facendo clic sullo strumento "Rettangolo Hotspot" nel menu "Strumenti" e trascinando il mouse sul testo o l'immagine che si tiene premuto il tasto sinistro del mouse. Ciò fornirà un nuvoloso verde sopra la selezione per indicare questo è ora un link. Il campo di immissione "Link" apparirà nel menu "Proprietà". Digitare il nome l'URL in cui si desidera che il link per andare. Digitare il nome del collegamento come "Descrizione alternativo" nel campo di immissione di testo "Alt". Lasciare il campo di inserimento del testo "Target" vuoto in quanto sarà di default per l'apertura collegamento come una nuova pagina.
7 Metti alla prova la tua pagina Web selezionando il browser preferito nell'opzione della scheda "File" nel menu principale "Anteprima Browser".
8 Salvare la nuova pagina Web nella directory scelta facendo clic su "File" e poi "Esporta" nel menu principale. Verrà visualizzata la finestra di dialogo Esporta. Selezionare la directory e dare la nuova pagina un nome. Selezionare "HTML e immagini" in "Save" come tipo nella voce discesa e scegliere "Esporta file HTML" nella voce discesa "HTML". Lasciare "fette" come "Nessuno". Se si desidera che le immagini grafiche contenute in una sottocartella separata, fare clic sulla voce casella di controllo nella opzione "Put Immagini in sottocartella" e fare clic su "Salva".