如何使用fireworks切片
當使用Fireworks設計了一幅完整的設計效果圖之后，如果要將這份完美的網頁放到網上，瀏覽器下載一幅較大的圖像需要較長的時間，會造成用戶不必要的等待。怎么使用fireworks切片呢?通下面學習啦小編給大家整理了關于使用fireworks切片的方法，希望大家喜歡。
使用fireworks切片的方法步驟：
當使用Fireworks設計了一幅完整的設計效果圖之后，如果要將這份完美的網頁放到網上，瀏覽器下載一幅較大的圖像需要較長的時間，會造成用戶不必要的等待。通過將這個大的圖像切割為多個容易下載的小塊，可以加速網頁的響應時間，提升網頁的響應速度。
在Fireworks中，被切片的圖形的每一部分都會作為一個單獨的圖像進行保存，切片輸出時會保存為一個HTML文件以引用這些被切割的圖形。舉例來說，在Fireworks的模板的Web項中有一些設計好的網頁原型，這些原型使用Fireworks的矢量繪圖工具進行繪制，網頁設計人員在需要保留布局的同時，又能去除圖像中的文本部分，用HTML文本進行替代。例如圖14.54就是一個完整設計的網頁圖像。
Fireworks兩種切片類型：
矩形切片：這是比較常用的切片方式，用于按矩形對圖像進行切分。
多邊形切片：用來創建不規則形狀的切片，比如試圖為非矩形的圖形添加圖像交互式效果時，可以通過非矩形切片來創建切片效果。
對于網頁圖像的切片來說，一般還是以矩形切片為主，要創建矩形切片，單擊繪圖工具欄中的工具，選擇該工具后，在需要進行切片的地方繪制矩形，就可以創建一個切片對象。
注意：從切片對象延伸的線是切片輔助線，它確定導出時將文檔拆分成的單獨圖像文件的邊界。默認情況下，這些輔助線為紅色。
切片的輔助線用于定位和對齊切片，這個功能非常實用，否則切片就會顯示得比較混亂。當拖動以繪制切片時，可以調整切片的位置。在按住鼠標按鈕的同時，只需按住空格鍵，然后將切片拖動到畫布上的另一個位置。釋放空格鍵以繼續繪制切片，切片效果如圖14.55所示。
除了直接繪制切片外，還可以選擇某一個圖像區域，比如選擇文字內容，然后單擊主菜單中的“編輯|插入|矩形切片”菜單項，來根據選擇的區域創建一個矩形切片，這樣就可以根據內容的大小來精確地創建切片區域。例如圖14.56中根據選擇工具創建了多個選擇內容的切片。
如果選擇了多個繪圖區域，單擊菜單中的插入矩形切片，Fireworks會彈出如圖14.57所示的對話框，詢問用戶是創建單一的切片還是多重切片。
單一切片是指將所選的區域合并為單一的矩形，而多重切片將為每一個選區創建一個切片。在設置了切片之后，使用選擇工具選擇切片，在屬性面板中可以設置切片的類型和鏈接，如圖14.58所示。
默認情況下，切片顯示為淡綠色，通過切片的屬性面板，可以更改切片的顏色。切片的默認類型為前景圖像，這是指切片在輸出HTML時，HTML代碼的編寫方式。可以將其調整為HTML背景，比如對于顏色比較接近的圖像，就可以調整為切片的背景圖像。HTML類型的切片指定瀏覽器中出現普通HTML文本的區域。HTML切片不導出圖像，它導出出現在由切片定義的表格單元格中的HTML文本。
多邊形切片用來創建具有多邊形效果的切片圖像，它實際上是通過JavaScript代碼來實現的多邊形效果。選擇多邊形切片工具，在要創建多邊形熱點的圖像上進行單擊以創建多邊形的點，多邊形切片的創建效果如圖14.59所示。
切片創建完成后，要查看和編輯網頁上的切片，可以通過圖層面板中的網頁層實現。層面板上可以顯示和隱藏切片，更改切片和切片輔助線，圖層面板的顯示如圖14.60所示。
看過“如何使用fireworks切片“的人還看了：