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

目錄
項目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項目進階
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項目進階
2.12課外實踐
項目3進階項目：教育門戶網(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項目進階
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項目進階
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用戶體驗改進
5.6項目進階
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項目進階
6.6課外實踐 參考文獻