打破傳統學科體系構建教材篇章的固有模式，以專案為載體，採用任務驅動的方式展開闡述，使讀者可以在項目實踐中學習理論與技術，構建知識體系。教材內容由6個專案組成，每個專案根據開發的路線分若干任務，專案任務之後還安排了“專案進階”和“課外實踐”以提示讀者對項目進行創新改進，加強自主學習，拓展知識。
項目1為概貌體驗項目，圍繞一個體驗網站的配置、調試、部署，介紹網頁設計中的開發環境及工具、網頁設計、調試的過程與方法、網站發佈的操作步驟等，讓讀者對網站設計的相關技術有一個感性的認識；專案2到專案6以遞增的方式逐介紹網站前臺設計的方法、技術和工具，使學習者在做中學、學中做，循序漸進地掌握網頁設計的主要技術要點。
專案2是一個單頁面的個人主頁設計，指導讀者學習網頁中基本元素的使用方法和CSS格式化網頁元素的方法；專案3是一個較為完整的多頁面靜態網站，使用Bootstrap進行回應式網頁設計，頁面採用目前流行的扁平化風格，簡潔大氣；項目4~項目6都是手機網頁應用專案，充分體現了HTML5在移動應用開發方面的優勢，這3個專案將帶領讀者由淺入深地體驗JavaScript、jQuery、JSON格式資料、HTML5本機存放區等新技術。作為高職高專的網頁設計教材，本書體系新穎、層次清晰，特別注重實用性和可讀性，內容由淺入深，因而也適合對網頁設計有興趣的初學者、愛好者作為自學參考書。
項目1為概貌體驗項目，圍繞一個體驗網站的配置、調試、部署，介紹網頁設計中的開發環境及工具、網頁設計、調試的過程與方法、網站發佈的操作步驟等，讓讀者對網站設計的相關技術有一個感性的認識；專案2到專案6以遞增的方式逐介紹網站前臺設計的方法、技術和工具，使學習者在做中學、學中做，循序漸進地掌握網頁設計的主要技術要點。
專案2是一個單頁面的個人主頁設計，指導讀者學習網頁中基本元素的使用方法和CSS格式化網頁元素的方法；專案3是一個較為完整的多頁面靜態網站，使用Bootstrap進行回應式網頁設計，頁面採用目前流行的扁平化風格，簡潔大氣；項目4~項目6都是手機網頁應用專案，充分體現了HTML5在移動應用開發方面的優勢，這3個專案將帶領讀者由淺入深地體驗JavaScript、jQuery、JSON格式資料、HTML5本機存放區等新技術。作為高職高專的網頁設計教材，本書體系新穎、層次清晰，特別注重實用性和可讀性，內容由淺入深，因而也適合對網頁設計有興趣的初學者、愛好者作為自學參考書。