FireWorks－－Fireworks 網頁設計綜合實例(上)在線閱讀

　　 在本文中我們將幫助您親身體驗Fireworks在網頁創作中的強大功能，我們通過一個網站頁面的設計過程，為您詳細介紹Fireworks在網頁設計的不同階段是如何處理各種不同任務的。通過解決您所遇到的每一個具體的任務，您將對Fireworks的主要功能有一個統一的全局性的了解，同時為您在設計中如何利用Fireworks提供一個清晰的思路。下圖是這個教程完成後的外觀：

　　 我們將根據這一個典型網站其中一個頁面設計流程，使您逐步學習到以下內容：
　　 1 導入並編輯位圖圖像。
　　 2 自動任務處理
　　 3 創造矢量圖形
　　 4 創建文字
　　 5 創建按鈕
　　 6 創建導航條
　　 7 設定按鈕屬性
　　 8 建立切片
　　 9 創建拖拽翻轉效果
　　 10 創建彈出菜單
　　 11 創建變形動畫
　　 12 優化圖像
　　 13 輸出HTML文件到Dreamweaver
　　 14 在Dreamweaver中進行往返表格編輯
一 設計前准備
　　 1 網站介紹：
　　 在教程介紹之前首先讓我們來看一下我們將要完成的主要任務。這是一個服飾公司的企業網站設計，公司主要以男式服飾為主，同時也兼顧部分女士服飾。網站的主要任務是幫助浏覽者了解公司的基本概況和產品信息，並作為公司的一個展示窗口，向參觀者展示企業的形象及產品系列。根據業主的要求，網站包含了企業概況 企業人才 產品展示 公司榮譽以及聯系方式。我們將以此得到網站的導航結構。
　　 2 設計指導思想：
　　 本網站設計的指導思想是在網絡上營造一個優雅 高貴 寧靜的氛圍，為了體現這一主題，設計者將紋理 景深 光影 基調與有形的模特照片和靜態的文字結合起來，更多的使用直線 堅硬的邊緣 暗的色調來組成網站界面。頁面中以較大面積的男性模特圖片突出男式服飾這一主題，以穿插的直線段體現一種服裝紋理的感覺。公司的名稱則以一種柔軟光滑的粗倩體來表現，以打破整個頁面的堅硬感，同時以白色突出企業名稱，達到非常亮眼的感覺。