網頁製作

本書強調理論與實踐相結合，以一名新員工成長為網頁前端開發人員為主線，通過“任務”和“子任務”着重培養學生的實際操作技能，突出對學生基本技能、實際操作技能的培養。全書由三個項目、三十個任務以及一個考核項目組成，詳細介紹網頁基本知識、網站製作流程等內容。

本書內容豐富，結構清晰，語言簡練，圖文並茂，非常適合零基礎的學生學習。在編寫模式上，本書充分考慮教學需求，採用“相關知識”“學習任務”“考核任務”等編寫手法，既便於教師課堂講授演示，又便於學生上機操作學習。本書適於高職學生、各類高等院校本專科學生、成人繼續教育學生以及對網頁製作感興趣的讀者使用。

項目1 應聘入職 1

任務1-1 面試 1

任務1-2 入職 4

項目2 “藍德科技”網站的完善 7

任務2-1 製作員工活動頁面 7

任務2-2 製作優秀員工頁面 15

任務2-3 美化優秀員工頁面 20

任務2-4 製作招賢納士頁面 27

任務2-5 製作藍德員工導航頁面 31

項目3 “愛上路旅遊公司”網站製作 37

項目3-1 網頁規劃 37

任務3-1-1 網站規劃 38

項目3-2 網站效果圖設計 42

任務3-2-1 設計網站Logo 43

任務3-2-2 設計網頁效果圖 45

項目3-3 網站主頁製作 49

任務3-3-1 規劃與建立站點目錄結構 50

任務3-3-2 製作主頁整體佈局 55

任務3-3-3 佈局主頁header區域 62

任務3-3-4 製作主頁header區域 67

任務3-3-5 佈局主頁main區域 72

任務3-3-6 製作主頁main區域 79

任務3-3-7 製作主頁footer區域 82

項目3-4 網站子頁製作 88

任務3-4-1 製作“關於我們”頁 88

任務3-4-2 製作“圖片覽勝”頁 93

任務3-4-3 製作“達人報告”頁 96

任務3-4-4 製作“聯繫我們”頁 100

任務3-4-5 製作旅遊線路詳情頁 102

項目3-5 網頁特效 107

任務3-5-1 為網站導航添加鏈接 107

任務3-5-2 為banner添加圖片輪播特效 110

任務3-5-3 為“圖片覽勝”頁面添加圖片放大特效 113

任務3-5-4 為旅遊路線詳情頁面添加圖片無縫滾動特效 114

任務3-5-5 為表單添加驗證功能 119

任務3-5-6 為網站欄目添加二級菜單 124

項目3-6 網站發佈 129

任務3-6-1 測試網站 129

任務3-6-2 發佈網站 132

項目4 考核項目 137

附錄A CSS規範化命名 139

附錄B 頁面佈局模塊的常用規範命名 141

附錄C 顏色取值 143

附錄D 長度取值 145

附錄E 網頁中文亂碼問題的解決 147

參考 149