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

目錄
項(xiàng)目1概貌體驗(yàn)項(xiàng)目：初識網(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知識拓展
1.3認(rèn)識網(wǎng)站與網(wǎng)頁
1.3.1工作任務(wù)
1.3.2技術(shù)理論
1.3.3任務(wù)實(shí)施
1.3.4知識拓展
1.4編輯與調(diào)試
1.4.1工作任務(wù)
1.4.2任務(wù)實(shí)施
1.5發(fā)布與測試
1.5.1工作任務(wù)
1.5.2任務(wù)實(shí)施
1.5.3知識拓展
1.6技術(shù)要點(diǎn)
1.7項(xiàng)目進(jìn)階
1.8課外實(shí)踐
項(xiàng)目2入門項(xiàng)目：個人主頁網(wǎng)站設(shè)計(jì)
2.1項(xiàng)目介紹
2.2知識準(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個人簡介模塊
2.6個人履歷模塊
2.7個人榮譽(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)站前臺設(shè)計(jì)
3.1項(xiàng)目介紹
3.2知識準(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é)院首頁
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è)介紹頁面
3.5.1標(biāo)題區(qū)域設(shè)計(jì)
3.5.2圖文區(qū)域設(shè)計(jì)
3.6“關(guān)于我們”頁面
3.7最新資訊頁面
3.7.1資訊區(qū)域設(shè)計(jì)
3.7.2側(cè)邊區(qū)域設(shè)計(jì)
3.8“聯(lián)系我們”頁面
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)目：移動新聞網(wǎng)站前臺設(shè)計(jì)
4.1項(xiàng)目介紹
4.2知識準(zhǔn)備
4.2.1JSON數(shù)據(jù)格式
4.2.2JQuery基礎(chǔ)
4.2.3AJAX
4.3網(wǎng)站規(guī)劃與設(shè)計(jì)
4.4新聞首頁
4.5新聞列表模塊
4.6新聞閱讀模塊
4.7項(xiàng)目進(jìn)階
4.8課外實(shí)踐
項(xiàng)目5自主項(xiàng)目：個人記賬助手設(shè)計(jì)
5.1項(xiàng)目介紹
5.2知識準(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賬目編號
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)頁布局
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震動效果函數(shù)
6.4.7綁定事件處理函數(shù)
6.4.8最終實(shí)現(xiàn)代碼
6.5項(xiàng)目進(jìn)階
6.6課外實(shí)踐 參考文獻(xiàn)