HTML5+CSS3網(wǎng)站前臺(tái)設(shè)計(jì)項(xiàng)目化教程

目錄
項(xiàng)目1概貌體驗(yàn)項(xiàng)目：初識(shí)網(wǎng)站
1.1項(xiàng)目介紹
1.2搭建開發(fā)環(huán)境
1.2.1工作任務(wù)
1.2.2技術(shù)理論
1.2.3任務(wù)實(shí)施
1.2.4知識(shí)拓展
1.3認(rèn)識(shí)網(wǎng)站與網(wǎng)頁(yè)
1.3.1工作任務(wù)
1.3.2技術(shù)理論
1.3.3任務(wù)實(shí)施
1.3.4知識(shí)拓展
1.4編輯與調(diào)試
1.4.1工作任務(wù)
1.4.2任務(wù)實(shí)施
1.5發(fā)布與測(cè)試
1.5.1工作任務(wù)
1.5.2任務(wù)實(shí)施
1.5.3知識(shí)拓展
1.6技術(shù)要點(diǎn)
1.7項(xiàng)目進(jìn)階
1.8課外實(shí)踐
項(xiàng)目2入門項(xiàng)目：個(gè)人主頁(yè)網(wǎng)站設(shè)計(jì)
2.1項(xiàng)目介紹
2.2知識(shí)準(zhǔn)備
2.2.1HTML概述
2.2.2HTML5
2.2.3CSS概述
2.2.4CSS3
2.3網(wǎng)站規(guī)劃與設(shè)計(jì)
2.4導(dǎo)航模塊
2.5個(gè)人簡(jiǎn)介模塊
2.6個(gè)人履歷模塊
2.7個(gè)人榮譽(yù)模塊
2.8照片集模塊
2.9作品集模塊
2.10“與我聯(lián)系”模塊
2.11項(xiàng)目進(jìn)階
2.12課外實(shí)踐
項(xiàng)目3進(jìn)階項(xiàng)目：教育門戶網(wǎng)站前臺(tái)設(shè)計(jì)
3.1項(xiàng)目介紹
3.2知識(shí)準(zhǔn)備
3.2.1Bootstrap樣式框架
3.2.2JavaScript基礎(chǔ)
3.3網(wǎng)站規(guī)劃與設(shè)計(jì)
3.3.1網(wǎng)站設(shè)計(jì)需求
3.3.2網(wǎng)站風(fēng)格定位
3.3.3網(wǎng)站結(jié)構(gòu)布局
3.4學(xué)院首頁(yè)
3.4.1標(biāo)題區(qū)域設(shè)計(jì)
3.4.2導(dǎo)航區(qū)域設(shè)計(jì)
3.4.3巨屏區(qū)域設(shè)計(jì)
3.4.4圖文區(qū)域1設(shè)計(jì)
3.4.5圖文區(qū)域2設(shè)計(jì)
3.4.6圖文區(qū)域3設(shè)計(jì)
3.4.7版權(quán)區(qū)域設(shè)計(jì)
3.5專業(yè)介紹頁(yè)面
3.5.1標(biāo)題區(qū)域設(shè)計(jì)
3.5.2圖文區(qū)域設(shè)計(jì)
3.6“關(guān)于我們”頁(yè)面
3.7最新資訊頁(yè)面
3.7.1資訊區(qū)域設(shè)計(jì)
3.7.2側(cè)邊區(qū)域設(shè)計(jì)
3.8“聯(lián)系我們”頁(yè)面
3.8.1聯(lián)系方式設(shè)計(jì)
3.8.2在線提問設(shè)計(jì)
3.9項(xiàng)目進(jìn)階
3.10課外實(shí)踐
項(xiàng)目4提高項(xiàng)目：移動(dòng)新聞網(wǎng)站前臺(tái)設(shè)計(jì)
4.1項(xiàng)目介紹
4.2知識(shí)準(zhǔn)備
4.2.1JSON數(shù)據(jù)格式
4.2.2JQuery基礎(chǔ)
4.2.3AJAX
4.3網(wǎng)站規(guī)劃與設(shè)計(jì)
4.4新聞首頁(yè)
4.5新聞列表模塊
4.6新聞閱讀模塊
4.7項(xiàng)目進(jìn)階
4.8課外實(shí)踐
項(xiàng)目5自主項(xiàng)目：個(gè)人記賬助手設(shè)計(jì)
5.1項(xiàng)目介紹
5.2知識(shí)準(zhǔn)備
5.3網(wǎng)站規(guī)劃與設(shè)計(jì)
5.3.1賬目登記表單設(shè)計(jì)
5.3.2賬目記錄列表設(shè)計(jì)
5.3.3用戶操作流程設(shè)計(jì)
5.4數(shù)據(jù)結(jié)構(gòu)設(shè)計(jì)
5.4.1賬目記錄項(xiàng)
5.4.2賬目記錄列表
5.4.3賬目編號(hào)
5.5系統(tǒng)編碼實(shí)現(xiàn)
5.5.1初始化處理
5.5.2新增或修改消費(fèi)記錄
5.5.3刪除消費(fèi)記錄
5.5.4清空消費(fèi)記錄
5.5.5用戶體驗(yàn)改進(jìn)
5.6項(xiàng)目進(jìn)階
5.7課外實(shí)踐
項(xiàng)目6綜合項(xiàng)目：打地鼠游戲設(shè)計(jì)
6.1項(xiàng)目介紹
6.2系統(tǒng)功能分析
6.3設(shè)計(jì)用戶界面
6.3.1網(wǎng)頁(yè)布局
6.3.2地鼠圖片引入
6.4系統(tǒng)編碼實(shí)現(xiàn)
6.4.1初始化處理
6.4.2顯示和隱藏地鼠函數(shù)
6.4.3敲擊函數(shù)
6.4.4開始按鈕處理事件
6.4.5結(jié)束按鈕處理事件
6.4.6震動(dòng)效果函數(shù)
6.4.7綁定事件處理函數(shù)
6.4.8最終實(shí)現(xiàn)代碼
6.5項(xiàng)目進(jìn)階
6.6課外實(shí)踐 參考文獻(xiàn)