網站規劃與網頁設計（簡體書）

《高等院校信息技術應用型規劃教材：網站規劃與網頁設計》從商務網站建設的實踐出發，對網站規劃和網頁設計進行了全面、系統的講解。網站規劃部分主要包括網站規劃的流程、網站規劃的內容、網站規劃的原則以及如何撰寫網站規劃方案等內容；網頁設計部分主要包括網站編輯、網頁設計基礎、網頁界面設計、網頁動畫設計等內容。所涉及的工具軟件包括Dreamweaver CS5、Fireworks CS5、Flash CS5和Photoshop CS5。全書以商務網站的真實案例為切入點，按照“案例引入一提出問題一理論講解一案例分析”的總體思路編寫而成。每章末配有練習題與上機實驗，並附有詳細的實驗指導，可對學習起到鞏固和提高的作用。
《高等院校信息技術應用型規劃教材：網站規劃與網頁設計》為陝西省精品課程“網頁設計與製作”的配套教材，精品課程網站中提供了全套電子課件、電子教案、建站素材、教學大綱、實驗指導、習題解答、視頻教學等立體化教學資源。
《高等院校信息技術應用型規劃教材：網站規劃與網頁設計》可作為普通高等院校電子商務專業以及計算機類相關專業的教材，也可作為信息技術培訓機構的培訓用書，還可作為網頁設計與製作人員、網站建設與開發人員、多媒體設計與開發人員的參考書。

《高等院校信息技術應用型規劃教材:網站規劃與網頁設計》力求“理論與實踐的完美結合，突出能力結構的培養”。通過對《高等院校信息技術應用型規劃教材:網站規劃與網頁設計》的學習，學生能夠熟練運用軟件進行網站的編輯、網頁界面和網頁動畫的設計；具有進行商務網站建設的自主策劃與設計能力；掌握從事網站編輯、網頁美工創意、動漫設計、平面設計等方面的綜合技能。

第1章 網站規劃
1.1 網站規劃的流程
1.2 網站規劃的內容
1.2.1 建設網站前的市場分析
1.2.2 建設網站目的及功能定位
1.2.3 分析目標客戶及潛在客戶對站點的需求
1.2.4 域名申請
1.2.5 Web服務器的選擇
1.2.6 確定網站風格
1.2.7 考慮網絡的技術問題
1.3 網頁設計的原則
1.4 網站的測試、發佈與維護
1.5 網站規劃案例
本章小結
練習題
上機實驗

第2章 網絡與網頁設計基礎知識
2.1 Internet基礎
2.1.1 Internet概述
2.1.2 WWW
2.1.3 網頁與網站
2.1.4 域名與IP地址
2.2 網頁設計與製作工具
2.2.1 網頁編輯工具
2.2.2 圖形和圖像處理工具
2.2.3 動畫設計工具
2.3 HTML語言
2.3.1 HTML語法結構
2.3.2 常見的HTML標簽
本章小結
練習題
上機實驗

第3章 創建站點
3.1 Dreamweaver CS5的工作界面
3.2 定義本地站點
3.2.1 創建並管理站點
3.2.2 創建網頁
本章小結
練習題
上機實驗

第4章 製作頁面
4.1 實例導入：西部旅遊網
4.2 頁面屬性的設置
4.3 文本的修飾
4.3.1 輸入文本
4.3.2 文本屬性的設置
4.3.3 段落格式的設置
4.3.4 列表格式的設置
4.3.5 滾動文本
4.4 設置超鏈接
4.4.1 URL地址
4.4.2 超鏈接的分類
4.4.3 選擇鏈接目標
4.5 製作包含超鏈接的純文本網站
4.6 編輯圖像
4.6.1 插入圖像
4.6.2 設置圖像屬性
4.6.3 製作翻轉圖像
4.6.4 製作圖像映射
本章小結
練習題
上機實驗

第5章 網頁佈局
第6章 網頁佈局新技術 CSS+Div
第7章 使用表單
第8章 模板與庫的應用
第9章 製作多媒體站點
第10章 網頁設計基礎理論
第11章 利用Fireworks設計網頁界面
第12章 利用Flash設計網頁動畫
第13章 利用photoshop設計網頁
參考文獻

（5）單擊“比”層，將第1個關鍵幀向后移動到第5幀。單擊第15幀，按快捷鍵F6插入關鍵幀；單擊第5幀，設置創建傳統補間。在舞臺中選中“比”，打開“變形”面板，設置長寬比例均為10％，旋轉設置為180度，將“比”字拖到畫布正上方的外部。其他文字以此類推，選中所有圖層的第30幀，按快捷鍵F5插入幀。新建一層，單擊第30幀，按快捷鍵F6插入空白關鍵幀，打開“動作”面板，添加動作為stop（），效果是文字從上方隨風飄出，然后靜止不動。
（6）返回場景，輸入文本為“落人人間的精靈”。選中文本，按快捷鍵F8將其轉換為元件，“名稱”為“fontO”，“類型”為“影片剪輯”，雙擊進入影片剪輯編輯狀態。將第1個關鍵幀移動到第30幀；單擊第50幀，插入關鍵幀；單擊第30幀，設置創建傳統補間，將文本垂直移動到場景外。單擊第50幀，添加動作為stop（），效果是文本由上而下落下。
（7）返回場景，繪制一個矩形，填充為橘黃色（#FFCC00），選中矩形，按快捷鍵F8轉換為元件，“名稱”為“按鈕01”，“類型”為“按鈕”，雙擊矩形進入元件編輯狀態。這個按鈕由3層組成，第1層，在指針“經過”、按下處分別插入關鍵幀。新建一層，單擊指針經過處，插入關鍵幀，再繪制一個“寬度”等于、高度小于橘黃色矩形塊的矩形，填充顏色為淺灰色（#CCCCCC），單擊“按下處”，插入關鍵幀。新建一層，單擊“指針經過”處，插入空白關鍵幀，輸入文本為“天上人間”。其他兩個按鈕的制作過程與上一步基本相同，不同之處為輸入文本為“誓言”和“旋轉的木馬”。返回場景，將庫中按鈕拖入場景中，保存文件名為flashmtv.fla，此文件制作先暫時到此。
（8）在Fireworks中處理3幅位圖，名稱為wangfei01.jP9、wangfei02.jP9和wangfei03.jPg，大小為340×237（像素）。
（9）新建一個文檔，大小為770×400（像素），導入位圖wangfei01.jP9，位圖的X、Y位置分別為：299、132。將位圖轉換為影片剪輯元件。分別單擊第20幀、第70幀、第120幀插人關鍵幀。單擊第1幀，選中場景中的實例，在“屬性”面板中單擊“顏色”下拉列表設置Alpha為0。單擊第70幀，選中場景中的實例，單擊“屬性”面板中的“添加濾鏡”按鈕，添加模糊效果，模糊X：10，模糊Y：10。在每兩個關鍵幀之間設置創建傳統補間。