本書包括“三個項目、三十個任務、一個考核項目”。每個項目後配有項目總結和知識拓展，每個任務後配有拓展訓練，可安排在課下由學生獨立完成。本書用項目引領學習內容，強調理論與實踐相結合，突出對學生基本技能、實際操作技能的培養。項目1：應聘入職。該項目包含兩個子任務，主要介紹網頁基本知識、網站制作流程等。項目2：“藍德科技”網站的完善。該項目包含五個子任務，主要介紹HTML和CSS的基本知識。項目3：“愛上路旅遊公司”網站制作。該項目包含六個子項目，共二十三個子任務。主要介紹等

●項目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

本書強調理論與實踐相結合，以一名新員工成長為網頁前端開發人員為主線，通過“任務”和“子任務”著重培養學生的實際操作技能，突出對學生基本技能、實際操作技能的培養。全書由三個項目、三十個任務以及一個考核項目組成，詳細介紹網頁基本知識、網站制作流程等內容。本書內容豐富，結構清晰，語言簡練，圖文並茂，很好適合零基礎的學生學習。在編寫模式上，本書充分考慮教學需求，采用“相關知識”“學習任務”“考核任務”等編寫手法，既便於教師課堂講授演示，又便於學生上機操作學習。本書適於高職學生、各類高等院校本專科學生、成.人繼續教育學生以及對網頁制作感興趣的讀者使用。

隨著市場對網頁制作人纔需求的增加，許多高等院校都開設了“網頁制作”的相關課程。該課程是一門操作性和實踐性很強的課程，要求學生熟練掌握網頁制作技術HTML和CSS的同時，還要具備一定的解決具體問題的能力。目前，許多學生雖然已經學習了網頁制作課程，也知道書中講了哪些知識點，但就是不會應用，缺乏獨立制作網站的能力。為滿足企業對網站建設人纔的需求，本書以工作過程為主線，以項目化教學方式編排。從入職到項目制作，到正式成為一名網頁前端工作人員為主線；以崗位需求為導向，整合網站建設的相關知識和技能；在內容上力求體現“以職業活動為導向，以職業技能為核心”的指導思想，采用任務驅動的方式介紹課程內容。先提出項目，再把項目分解成多個任務，每個子任務驅動知識的組織與學習，使其更符合學生的學習規律。為達到學以致用，每個項目包括學習任務和考核任務，既提高了學生的知識運用能力和實踐能力，又能激發學生的學習興趣。等