Come ottenere Fireworks pronta per l'esportazione, come CSS

February 22

Adobe Fireworks è un programma di editing grafico che viene commercializzato a designer e sviluppatori Web. Utilizzando le nuove versioni di Adobe Fireworks CS3, versione e, soprattutto, una nuova funzionalità è inclusa nella interfaccia che permette di esportare un progetto come CSS e immagini da usare come codice HTML per le pagine Web. Ci sono alcune limitazioni alla nuova funzione, però. Ad esempio, solo il testo, rettangoli e fette di immagine vengono esportati. È possibile esportare rotondo e immagini curve, ma devono essere inclusi in un immagini fetta. Si può fare un paio di cose per essere pronti ad esportare il progetto come CSS.

istruzione

1 Progetta la tua pagina Web in Adobe Fireworks.

2 Fare clic sul "file" sulla barra di navigazione superiore, e quindi fare clic su "Esporta".

3 Fare clic sull'opzione "CSS e Immagine". Si apre la finestra Exporter.

4 Fare clic sullo strumento "Immagine Slice" nella finestra Exporter e disegnare una porzione di immagine su ogni immagine nella pagina che si desidera esportare come una singola immagine. Ogni porzione di immagine appare nella finestra Exporter. Regolare le fette nella finestra di lavoro e quindi visualizzare nella finestra Exporter.

5 Regolare tutte le caselle di testo e le caselle immagine di delimitazione in modo che nessuna delle caselle si sovrappongono. Selezionare l'opzione "Seleziona tutti gli oggetti" per visualizzare tutte le caselle di delimitazione per gli oggetti nel disegno.

6 Impostare le opzioni desiderate aggiuntive nella finestra Exporter. Ad esempio, selezionare la casella di controllo di fronte la possibilità di salvare il CSS in un file separato, se lo si desidera.

7 Fare clic sul pulsante "Esporta". Il disegno viene esportato come CSS e immagini.