DIV CSS 佈局教程網

關於Fireworks使用
編輯:Fireworks設計案例     

   Adobe® Fireworks® 是一個用於創建、編輯和優化 Web 圖形的多功能程序。您可以創建和編輯位圖和矢量圖像、設計 Web效果(如變換圖像和彈出菜單)、裁剪和優化圖形以減小其文件大小以及通過使重復性任務自動進行來節省時間。可以將文檔導出或保存為 JPEG 文件、GIF 文件或其它格式的文件。這些文件可與包含 HTML 表和 JavaScript 代碼的 HTML 文件一同保存,以便您可以在 Web 上使用它們。

  1.繪制和編輯矢量對象和位圖對象

  在 Fireworks“ 工具” 面板中,用來繪制/ 編輯矢量的工具與用來繪制/ 編輯位圖的工具位於不同的部分。所選工具決定了創建的對象是矢量還是位圖。在繪制對象或文本之後,可以使用各種工具、效果、命令和技術來增強圖形或者創建交互式導航按鈕。還可以導入和編輯 JPEG、GIF、PNG、PSD 和其它許多文件格式的圖形。

  2.向圖形添加交互效果

  切片和熱點是指定 Web 圖形中交互區域的 Web 對象。切片將圖像切成可導出的部分,您可以將變換圖像行為、動畫和統一資源定位器 (URL) 鏈接應用到這些部分上。在網頁上,每個切片都出現在一個表格單元格中。使用切片和熱點上的拖放變換圖像手柄可以為圖形快速指定交換圖像和變換圖像行為。使用 Fireworks 按鈕編輯器和彈出菜單編輯器可生成用於在網站上導航的特殊交互式圖形。

  3.優化和導出圖形

  使用 Fireworks 功能強大的優化功能,可以在所導出圖形的文件大小和可接受的視覺品質之間取得平衡。所選擇的優化類型取決於用戶的需要以及要優化的內容。優化圖形後,下一步是將它們導出以便在 Web 上使用。從 Fireworks 源 PNG 文檔中,您可以導出許多種類型的文件,其中包括 JPEG、GIF、GIF 動畫和包含多種文件類型的切片圖像的 HTML 表格。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved