DIV CSS 佈局教程網

Fireworks 基礎知識
編輯:Fireworks基礎     
作為第一款專門為設計主頁圖形而開發出來的軟件,Fireworks確實做得非常出色,雖然Fireworks在某些方面仍有欠缺,仍有待提高,但她確確實實地給WEB設計帶來了革命性的變化,給WEB圖形設計者在設計網頁圖形時帶來了前所未有的方便和快捷,給其它的圖象處理軟件帶來了極大的沖擊與推動。Fireworks的功能的確是強大,在這裡先給大家說說它的一些基礎知識,以便讓大家很好的掌握。
  
  PNG文件格式
  很多人預測PNG(Portable Network Graphics可移植的網絡圖形)將以其在WEB上的優越文件格式取代象GIF和JPEG等傳統的圖象格式。PNG格式在處理WEB圖形方面的確有其獨到的長處:
  1、無失真:不象JPEG圖形文件,在將圖片保存成PNG格式時,圖象不會丟失任何的顏色信息。
  2、高壓縮率:PNG格式的文件甚至可以比GIF有更大的壓縮率。 
  3、支持位透明:PNG支持alpher通道透明,alpher通道透明不同與Index索引顏色透明之處在於:Index索引顏色透明要麼是完全透明,要麼是完全不透明;而alpher通道透明顏色可以使同種顏色之中部分透明而其它部分不透明。
  4、伽碼(gamma)校正:PNG格式是第一種支持監視器的伽碼設置修正,這使得PNG格式的圖象在任何平台上都可以得到同樣的顯示效果。
  5、支持真彩色:類似於JPEG圖象格式,PNG可以處理上百萬種的顏色。
  6、強大的圖形再編輯性:在將圖片保存成PNG文件格式之後,重新在Fireworks中調出來編輯時,圖片仍然很好地保持了圖層的分隔和對象的分隔,並允許我們對該圖片的任何一獨立的部分做任意的修改。這大大方便了我們以後對該圖形的修改和編輯處理。
  雖然到目前為止,大多數的浏覽器還不能或者只能通過插件來實現對PNG文件格式的支持,但是我們可以預見,隨著PNG文件格式的不斷完善和普及,PNG圖片將很快成為續GIF和JPEG之後的第三種主要的WEB圖形格式。
  在使用Fireworks進行一些操作時,它會有一些警告提示信息,就比如上面提到的“Don't show this again”如果你選擇了“不再提示我”,這個信息就不會再次出現了。但在某種情況下,你有想看到這個信息提示,你可以選擇:Commands\Reset Warning Dialogs恢復警告提示),則這個提示又會出現。 
  
  Fireworks使用環境的參數設置 
  大部分的Fireworks使用環境參數我們都可以通過點選菜單File-->Preferences,在打開的Preferences對話框裡進行設置,Preferences對話框包括了General(常用)、(編輯)、Floders(文件夾)、Import(導入)四大選項面板,改變了這裡各選項的設置之後,我們必須在下一次重新開啟Fireworks時,這些設置方起作用。
  在General中我們可以分別對Undo Steps(撤消次數)、系統使用的默認顏色Color Defaults和Interpolation(圖象修正)作適當的參數設置。我們不提倡將Undo Steps值設置得太高,因為這樣很占用內存資源。同時,如果我們將撤消次數設定為8次,Fireworks3.0新增類似於Photoshop5.0的History功能面板也會自動將我們的最近八次操作記錄在案,可惜的是Fireworks3.0的History功能面板不能象Photoshop5.0有無數次undo的功能。
  在Edit選項面板上,提供了諸如精確光標設置、以圖象編輯模式打開圖形文件、以及Fireworks Source Files區域內:(When Editing from External Application)當我們使用Fireworks來編輯諸如Dreamweaver或者別的Html編輯器裡的圖象時,定義是否使用Fireworks默認的PNG格式來打開;和(When Optimizing from External Application)定義當你使用Fireworks的優化命令來優化你在Dreamweaver的圖象時是否使用Fireworks默認的PNG格式來打開等。
  Fireworks不僅同樣可以支持第三廠商開發的外掛濾鏡,而且還允許用戶使用Photoshop的部分插件(Plug-ins),同時Fireworks還允許我們增加使用其它的填充紋理和圖案。這些選項我們都可以通過Floders選項面板進行設定。
  Import選項面板是Fireworks3.0為Preferences對話框新增的選項面板,其實該選項面板是將Fireworks2.0中的General選項面板中的Photoshop File Convertion獨立抽出來進行的一種深化。主要是用於設定我們在Fireworks中用何種方式來打開Photoshop的缺省文件格式PSD。 
  
  Fireworks的圖片切割 
  將大圖片分割成一塊塊的小圖片,並且將這些小圖片裝載在一個Html的表格中,在WEB頁面中無縫組拼成原來的大圖,這是網頁制作中優化大圖、優化網頁的其中一種最常用也是最有效的方法。在還沒使用Fireworks之前,你可能還在為這種痛苦的差事忙得焦頭爛額,是Fireworks的專門圖片切割工具解救你於這種痛苦之中。具體的切圖操作我們可以查看學習中心的相關文章。 
  
  Fireworks的圖象導出 
  PNG被Fireworks視為自身的圖象格式,通過選取Save或Save as我們可以將Fireworks中處理的圖片保存成該文件格式。
  目前所有WEB浏覽器廣泛支持的僅有GIF和JPEG這兩種圖象格式,如何導出WEB的這兩種圖象格式呢?Fireworks為我們提供了非常好用的Export PrevIEw(導出預覽)和Export Wizard(轉存精靈)兩大功能版塊,有關它們的詳細解說我們同樣可以查看在學習中心的相關文章。
  在Fireworks中我們一般都是使用Export PrevIEw功能版塊來導出包括GIF和JPEG在內的各種格式的圖象文件,其實,細心的Fireworks還給我們提供了幾種其它的特殊導出: 
  Selected Slice:選擇切片,該特別導出允許你只導出切圖的其中一塊或幾塊切片。 
  Layers/Frames to Files:單獨導出圖象的其中一圖層或動畫的某一幀。 
  Css Layers:將圖片導出並放置在各自的CSS(Cascading Style Sheets)圖層中,如果在做WEB頁面要使用到該圖層時,可以將生成的代碼直接COPY到WEB頁面適當的地方即可。 
  Lotus Domino Image Well:導出用於Lotus Domino文檔中的Image Well格式。 
  Flash SWF:將動畫導出生成Flash電影的SWF文件格式。 
  Illustrator 7:將Fireworks圖象導出為Illustrator的.ai文件格式。 
  
  Fireworks的行為 
  選取菜單“Window-->Behaviors”打開行為功能面板,使用該功能面板,我們可以很容易做出各種簡單的滾蓋圖(rollover)、交互圖片、導航條、狀態欄文本信息等等。 
  
  與Dreamweaver的無縫結合 
  只要你將Dreamweaver的默認圖象編輯器設定為Fireworks,這樣在Fireworks中處理的Dreamweaver編輯器裡的文件會立即跟隨更新。
  可以在Dreamweaver中使用Fireworks提供的標准控制對圖片進行優化處理,而無需打開Fireworks。
  可以把Fireworks生成的代碼直接輸出到Dreamweaver的Library或直接挎貝到Dreamweaver網頁編輯器適當的位置。
  利用Fireworks的Behaviors,可以非常方便地生成各種滾蓋圖或交互按鈕等等。 
  
  導入Fireworks2.0的Style 
  你是否因為Fireworks3.0少了好些Fireworks2.0中的風格模式(Styles)而在著急呢?不用急,先找到你原來Fireworks2.0的安裝目錄Macromedia\Fireworks 2\Settings\Styles下的“Style Defaults.stl”文件,然後將它COPY到你Fireworks3.0的相同安裝目錄下,再開啟你的Fireworks3.0,點擊Style功能面板右上角的小三角形,在彈出的菜單中選取“Import Styles”命令,導入你剛COPY過Fireworks3.0安裝目錄下的該.stl文件即可。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved