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

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