網頁設計與製作教程（簡體書）

《普通高等教育“十二五”規劃教材（公共課系列）：網頁設計與製作教程》以應用為目的，以案例為引導，系統地講解了網頁設計與製作的相關知識，並配合大量實訓的演練，加強對學生實際操作與應用能力的培養，主要內容包括網頁設計與製作基礎知識、使用DreamweaverCS5製作網頁技術、FireworksCS5圖像處理技術、FlashCS5動畫技術。通過學習，讀者不僅能夠掌握網頁設計的基礎和傳統設計思路，還能掌握基於Web標準的高級網頁設計方法，輕鬆實現從表格佈局和以HTML為中心的網頁設計技術過渡到CSS網頁設計模式中去，適應網頁設計的變革和發展。
本書可作為高等院校相關專業的計算機基礎課程教材，也可供網站設計、網頁製作人員參考。．

《普通高等教育"十二五"規劃教材?公共課系列:網頁設計與制作教程》可作為高等院校相關專業的計算機基礎課程教材，也可供網站設計、網頁制作人員參考。

前言
第1章　網頁設計基礎
第2章　Fireworks基礎
第3章　Fireworks基本操作
第4章　Fireworks進階
第5章　Fireworks高級應用
第6章　網頁製作基本操作
第7章　頁面布局
第8章　CSS樣式的使用
第9章　模板和庫技術
第10章　行為及行為的應用
第11章　Flash CS5概述
第12章　圖形的繪製及編輯
第13章　元件、實例和庫
第14章　時間軸和動畫製作
第15章　製作高級動畫
第16章　測試和發佈動畫
參考文獻．

1）形狀：在彈出的下拉列表中選擇將熱點形狀轉換為矩形、圓形或多邊形。
2）熱點填充區域顏色框：在打開的“顏色”面板中選擇一種顏色作為熱點填充區域的顏色。
3）鏈接：輸入熱點所要超鏈接的URL。
4）替代（Alt）：在其中輸入用于替代圖像的文本。
5）目標：設置超鏈接打開的方式。
5.3.2切片
切片將Fireworks的圖像文檔分割成多個較小的部分并可以導出為單獨的文件，以便在瀏覽器中快速下載并瀏覽；切片用來創建響應鼠標事件的區域；還可以輕松更新網頁中經常改動的部分。
1.創建切片
使用切片工具和菜單命令兩種方法創建切片對象。從切片對象延伸出的線是切片引導線，默認為紅色，它確定導出時將文檔拆分成的單獨圖像文件的邊界。
（1）繪制切片
在Fireworks中，切片工具包含“切片”和“多邊形切片”工具，如圖5—32所示。它們可以制作矩形切片和不規則切片。使用切片工具繪制切片對象的方法如下。
1）在“工具”面板中選擇切片工具。
2）在圖像上單擊并拖動鼠標以繪制切片對象。
（2）插入切片
選擇一個或多個對象后，選擇編輯菜單中的“插入”→“矩形切片”命令。如果選擇了多個對象，將會彈出如圖5—33所示的提示框，選擇“單一”創建覆蓋全部所選對象的單個矩形切片對象；選擇“多重”為每一個所選對象創建一個切片。圖5—34所示為給導航欄按鈕插入矩形切片的效果。
2.編輯切片
使用“指針”、“部分選定”工具拖動切片輔助線調整切片的位置和大小，或使用“屬性”面板來調整切片的大小；使用“變形”工具更改切片的形狀，進行旋轉、扭曲和傾斜等變換。
3.設置切片交互
創建交互的基本單位是切片對象。Fireworks通過“行為”面板創建復雜的交互效果，可以將多個“行為”附加到單個切片中。“行為”面板如圖5.35所示。
Fireworks中提供了如下的“行為”。
簡單變換圖像：由第1幀觸發第2幀。
交換圖像：由第1幀觸發另一幀的內容或外部文件的內容。
恢復交換圖像：將用作交換的對象恢復為它在第1幀中的默認外觀。
設置導航欄圖像：將切片設置為Fireworks導航欄的一部分。此行為實際上是一個包含“滑過導航欄”、“按下導航欄”和“恢復導航欄”的行為組。
滑過導航欄：為作為導航欄一部分的當前所選切片指定“滑過”狀態，還可以根據需要指定“預先載入圖像”狀態和“包括按下時滑過”狀態。
按下導航欄：為作為導航欄一部分的當前所選切片指定“按下”狀態，還可以根據需要指定“預先載入圖像”狀態。