Suggerimenti per un Web Design Fireworks

August 19

Adobe Fireworks è un programma di grafica progettato specificamente per la produzione web. Funziona bene in tandem con Adobe Dreamweaver per creare siti web di qualità professionale. Fuochi d'artificio possono essere utilizzati per creare mockup di produzione, le immagini del sito web e sfondi, così come mappe immagine HTML. Sarà anche ottimizzare la grafica per una maggiore efficienza e comprende l'elaborazione batch per risparmiare tempo in attività ripetitive.

Ottimizzazione grafica

Suggerimenti per un Web Design Fireworks


Utilizzare il comando Anteprima immagine nel menu File Fireworks per ottimizzare la grafica durante l'esportazione per loro per il web. Quando si sceglie il formato di esportazione che si desidera (JPG, GIF o PNG), Fireworks vi darà le opzioni per rendere il file più piccolo, pur mantenendo la sua qualità. La parte superiore della finestra Anteprima immagine mostra la dimensione del file, e si aggiorna automaticamente quando si sceglie diverse opzioni di ottimizzazione. Questa finestra dà anche una stima per quanto tempo ci vorrà il file da caricare nel browser web di un visitatore.

Affettare Graphics

Suggerimenti per un Web Design Fireworks


Se si dispone di una grafica che è troppo grande per essere ottimizzato, senza perdere la qualità, Fireworks si dà gli strumenti per "fetta" della grafica. Questo trasforma i tuoi grafici di grandi dimensioni in una serie di più piccole che vengono poi rimesso insieme per formare l'immagine più grande quando la pagina web viene caricata nel browser. Fireworks offre anche con il codice HTML per fare questo, quindi tutto quello che dovete fare è copiare il codice in strumento di modifica web, come Dreamweaver. Lo strumento fetta è situato nella parte strumenti web della casella degli strumenti fuochi d'artificio, e si presenta come uno strumento forma colorata. Usare questo per fare clic e trascinare sopra la vostra immagine di dividerlo in sezioni. Ogni sezione può essere etichettato nella palette Livelli per aiutare a tenerli organizzati. Per esportare le fette per l'uso su una pagina web, utilizzare il comando Anteprima immagine o il comando Esporta dal menu File e dire Fireworks per l'esportazione, nonché le fette "HTML e immagini" nel menu a tendina appropriata.

Mockups pagina Web e Sfondi

Suggerimenti per un Web Design Fireworks


Prima di progettare un sito web in Dreamweaver, Fireworks usare per disegnare il disegno. Questo mockup può essere usato per mostrare al cliente che cosa avete intenzione di fare in modo che non c'è bisogno di creare l'intero sito web su spec prima. Mockups possono essere utilizzati anche durante il processo di progettazione web come "un'immagine di ricalco" in Dreamweaver. L'immagine di ricalco siede in background dello schermo per aiutare ad allineare i contenuti del sito in modo che corrisponda all'immagine del prototipo che ha mostrato il cliente. Il mockup non fa parte del sito finale - tutto quello che avete disegnato in Fireworks verrà ricreato in HTML / CSS - ma è più di una guida o un modello da seguire. Se si desidera che il web design avete disegnato in Fireworks per essere parte del sito web, tuttavia, si potrebbe utilizzare come immagine di sfondo. Basta essere sicuri di affettarlo ed esportarlo come descritto nella sezione Slicing grafica quindi è ottimizzato per la pagina efficiente carico.

Elaborazione in lotti

Suggerimenti per un Web Design Fireworks


Quando si dispone di un gran numero di file che devono lo stesso tipo di editing, come le fotografie che si desidera ridurre al miniature o le immagini che tutti hanno bisogno di loro colore ottimizzato con il comando Auto Livelli, utilizzare la modalità batch in Fireworks per risparmiare tempo. Situato sotto il menu File, il comando Batch consente di scegliere una cartella di immagini e selezionare un comando (o di una serie di comandi) che si desidera applicare a tutti i file in modo uniforme. Durante il processo batch, si ha la possibilità di salvare i file raggruppati in una nuova cartella, o il salvataggio nel corso degli originali. E 'sempre una migliore idea per salvare in una nuova cartella. Se si sovrascrive gli originali e uno dei comandi non è quello che volevamo era, si avrà rovinato la copia originale del file.