本書打破傳統(tǒng)學(xué)科體系構(gòu)建教材篇章的固有模式，以項目為載體，采用任務(wù)驅(qū)動的方式展開闡述，使讀者可以在項目實踐中學(xué)習(xí)理論與技術(shù)，構(gòu)建知識體系。教材內(nèi)容由6個項目組成，每個項目根據(jù)開發(fā)的路線分若干任務(wù)，項目任務(wù)之后還安排了“項目進(jìn)階”和“課外實踐”以提示讀者對項目進(jìn)行創(chuàng)新改進(jìn)，加強(qiáng)自主學(xué)習(xí)，拓展知識。 項目1為概貌體驗項目，圍繞一個體驗網(wǎng)站的配置、調(diào)試、部署，介紹網(wǎng)頁設(shè)計中的開發(fā)環(huán)境及工具、網(wǎng)頁設(shè)計、調(diào)試的過程與方法、網(wǎng)站發(fā)布的操作步驟等，讓讀者對網(wǎng)站設(shè)計的相關(guān)技術(shù)有一個感性的認(rèn)識； 項目2到項目6以遞增的方式逐介紹網(wǎng)站前臺設(shè)計的方法、技術(shù)和工具，使學(xué)習(xí)者在做中學(xué)、學(xué)中做，循序漸進(jìn)地掌握網(wǎng)頁設(shè)計的主要技術(shù)要點。項目2是一個單頁面的個人主頁設(shè)計，指導(dǎo)讀者學(xué)習(xí)網(wǎng)頁中基本元素的使用方法和CSS格式化網(wǎng)頁元素的方法；項目3是一個較為完整的多頁面靜態(tài)網(wǎng)站，使用Bootstrap進(jìn)行響應(yīng)式網(wǎng)頁設(shè)計，頁面采用目前流行的扁平化風(fēng)格，簡潔大氣； 項目4~項目6都是手機(jī)網(wǎng)頁應(yīng)用項目，充分體現(xiàn)了HTML5在移動應(yīng)用開發(fā)方面的優(yōu)勢，這3個項目將帶領(lǐng)讀者由淺入深地體驗JavaScript、jQuery、JSON格式數(shù)據(jù)、HTML5本地存儲等新技術(shù)。 作為高職高專的網(wǎng)頁設(shè)計教材，本書體系新穎、層次清晰，特別注重實用性和可讀性，內(nèi)容由淺入深，因而也適合對網(wǎng)頁設(shè)計有興趣的初學(xué)者、愛好者作為自學(xué)參考書。
《HTML5+CSS3網(wǎng)站前臺設(shè)計項目化教程》采用項目化教學(xué)理念，以項目為載體，任務(wù)驅(qū)動，項目為序重新建構(gòu)知識體系。全書由六個項目組成，項目一為概貌體驗項目，項目二到項目六分別為入門項目、進(jìn)階項目、提高項目、自主項目和綜合項目，以遞增的方式逐任務(wù)地介紹前臺設(shè)計的方法、技術(shù)和工具，其中也涵蓋了移動端的開發(fā)新技術(shù)，使學(xué)習(xí)者在做中學(xué)，學(xué)中做。
項目1概貌體驗項目： 初識網(wǎng)站
1.1項目介紹
1.2搭建開發(fā)環(huán)境
1.2.1工作任務(wù)
1.2.2技術(shù)理論
1.2.3任務(wù)實施
1.2.4知識拓展
1.3認(rèn)識網(wǎng)站與網(wǎng)頁
1.3.1工作任務(wù)
1.3.2技術(shù)理論
1.3.3任務(wù)實施
1.3.4知識拓展
1.4編輯與調(diào)試
1.4.1工作任務(wù)
1.4.2任務(wù)實施
1.5發(fā)布與測試
1.5.1工作任務(wù)
1.5.2任務(wù)實施
1.5.3知識拓展
1.6技術(shù)要點
1.7項目進(jìn)階
1.8課外實踐
項目2入門項目： 個人主頁網(wǎng)站設(shè)計
2.1項目介紹
2.2知識準(zhǔn)備
2.2.1HTML概述
2.2.2HTML5
2.2.3CSS概述
2.2.4CSS3
2.3網(wǎng)站規(guī)劃與設(shè)計
2.4導(dǎo)航模塊
2.5個人簡介模塊
2.6個人履歷模塊
2.7個人榮譽模塊
2.8照片集模塊
2.9作品集模塊
2.10“與我聯(lián)系”模塊
2.11項目進(jìn)階
2.12課外實踐
項目3進(jìn)階項目： 教育門戶網(wǎng)站前臺設(shè)計
3.1項目介紹
3.2知識準(zhǔn)備
3.2.1Bootstrap樣式框架
3.2.2JavaScript基礎(chǔ)
3.3網(wǎng)站規(guī)劃與設(shè)計
3.3.1網(wǎng)站設(shè)計需求
3.3.2網(wǎng)站風(fēng)格定位
3.3.3網(wǎng)站結(jié)構(gòu)布局
3.4學(xué)院首頁
3.4.1標(biāo)題區(qū)域設(shè)計
3.4.2導(dǎo)航區(qū)域設(shè)計
3.4.3巨屏區(qū)域設(shè)計
3.4.4圖文區(qū)域1設(shè)計
3.4.5圖文區(qū)域2設(shè)計
3.4.6圖文區(qū)域3設(shè)計
3.4.7版權(quán)區(qū)域設(shè)計
3.5專業(yè)介紹頁面
3.5.1標(biāo)題區(qū)域設(shè)計
3.5.2圖文區(qū)域設(shè)計
3.6“關(guān)于我們”頁面
3.7最新資訊頁面
3.7.1資訊區(qū)域設(shè)計
3.7.2側(cè)邊區(qū)域設(shè)計
3.8“聯(lián)系我們”頁面
3.8.1聯(lián)系方式設(shè)計
3.8.2在線提問設(shè)計
3.9項目進(jìn)階
3.10課外實踐
項目4提高項目： 移動新聞網(wǎng)站前臺設(shè)計
4.1項目介紹
4.2知識準(zhǔn)備
4.2.1JSON數(shù)據(jù)格式
4.2.2JQuery基礎(chǔ)
4.2.3AJAX
4.3網(wǎng)站規(guī)劃與設(shè)計
4.4新聞首頁
4.5新聞列表模塊
4.6新聞閱讀模塊
4.7項目進(jìn)階
4.8課外實踐
項目5自主項目： 個人記賬助手設(shè)計
5.1項目介紹
5.2知識準(zhǔn)備
5.3網(wǎng)站規(guī)劃與設(shè)計
5.3.1賬目登記表單設(shè)計
5.3.2賬目記錄列表設(shè)計
5.3.3用戶操作流程設(shè)計
5.4數(shù)據(jù)結(jié)構(gòu)設(shè)計
5.4.1賬目記錄項
5.4.2賬目記錄列表
5.4.3賬目編號
5.5系統(tǒng)編碼實現(xiàn)
5.5.1初始化處理
5.5.2新增或修改消費記錄
5.5.3刪除消費記錄
5.5.4清空消費記錄
5.5.5用戶體驗改進(jìn)
5.6項目進(jìn)階
5.7課外實踐
項目6綜合項目： 打地鼠游戲設(shè)計
6.1項目介紹
6.2系統(tǒng)功能分析
6.3設(shè)計用戶界面
6.3.1網(wǎng)頁布局
6.3.2地鼠圖片引入
6.4系統(tǒng)編碼實現(xiàn)
6.4.1初始化處理
6.4.2顯示和隱藏地鼠函數(shù)
6.4.3敲擊函數(shù)
6.4.4開始按鈕處理事件
6.4.5結(jié)束按鈕處理事件
6.4.6震動效果函數(shù)
6.4.7綁定事件處理函數(shù)
6.4.8最終實現(xiàn)代碼
6.5項目進(jìn)階
6.6課外實踐
參考文獻(xiàn)
新書資訊