Web前端開發(fā)技術

第1章Web開發(fā)概述及環(huán)境搭建1
1.1網(wǎng)站與網(wǎng)頁概述1
1.1.1網(wǎng)站、網(wǎng)頁與網(wǎng)址1
1.1.2網(wǎng)頁組成2
1.1.3資源引用的相對路徑與絕對路徑2
1.1.4快速創(chuàng)建一個Web服務器2
1.1.5相關名詞解釋3
1.2基于B/S體系的網(wǎng)站系統(tǒng)4
1.2.1Web服務器與數(shù)據(jù)庫服務器4
1.2.2動態(tài)網(wǎng)頁的執(zhí)行過程5
1.2.3應用層協(xié)議HTTP與HTTPS6
1.2.4Web客戶端與瀏覽器內(nèi)核7
1.2.5瀏覽器調(diào)試程序8
1.2.6Cookie信息與瀏覽器緩存9
1.3網(wǎng)頁設計工具10
1.3.1高效的網(wǎng)頁編輯器VS Code10
1.3.2流行的網(wǎng)頁設計器——HBuilder12
1.3.3網(wǎng)頁文檔快速修改工具EditPlus和NotePad13
1.4使用網(wǎng)頁三劍客制作網(wǎng)頁素材15
1.4.1圖形圖像處理軟件概述15
1.4.2使用Fireworks或Photoshop編輯圖像15
1.4.3使用Flash制作動畫16
1.4.4切圖形成網(wǎng)頁素材17
習題118
實驗119

第2章使用HTML標簽組織頁面內(nèi)容21
2.1HTML語言概述21
2.1.1HTML標簽名稱與屬性21
2.1.2實體標簽元素分類24
2.1.3網(wǎng)頁文檔編碼與meta標簽25
2.1.4特殊字符26
2.1.5HTML色彩與度量單位26
2.2簡單的HTML標簽28
2.2.1文本樣式標簽28
2.2.2文本格式化標簽28
2.2.3滾動標簽28
2.2.4列表標簽29
2.2.5超鏈接與錨點鏈接標簽30
2.2.6圖像標簽31
2.3表格31
2.3.1表格定義及屬性設置31
2.3.2表格行定義及屬性設置32
2.3.3表格單元格定義及屬性設置33
2.3.4表格單元格合并33
2.4表單35
2.4.1表單及其工作原理35
2.4.2表單定義與基本使用36
2.4.3常用表單域37
2.4.4文件域與文件上傳40
習題243
實驗245

第3章使用CSS樣式設置頁面外觀47
3.1CSS樣式概述47
3.2CSS選擇器48
3.2.1基本選擇器48
3.2.2組合選擇器50
3.3CSS樣式的建立與使用51
3.3.1CSS樣式的建立方式51
3.3.2CSS樣式的使用方式51
3.3.3CSS高級特性53
3.4常用CSS樣式的屬性56
3.4.1文本外觀56
3.4.2方框樣式57
3.4.3元素顯示與可見特性58
3.4.4設置按鈕是否可用59
3.4.5濾鏡樣式59
3.5重新定義HTML元素外觀60
3.6最新樣式標準CSS363
3.6.1CSS3新增選擇器64
3.6.2CSS3 陰影效果66
3.6.3CSS3動畫效果67
習題372
實驗373

第4章網(wǎng)站頁面布局75
4.1頁面布局概述75
4.2CSS+Div布局76
4.2.1div標簽76
4.2.2盒子模型76
4.2.3元素定位的CSS樣式屬性83
4.2.4元素定位模式84
4.3頁內(nèi)框架與框架集88
4.3.1頁內(nèi)框架88
4.3.2框架集88
4.4綜合項目：會員管理信息系統(tǒng)memmana189
4.5使用HTML5布局標簽97
習題4101
實驗4102

第5章JavaScript與jQuery104
5.1JavaScript基礎104
5.1.1JavaScript概述104
5.1.2JavaScript數(shù)據(jù)類型與運算符106
5.1.3JavaScript流程控制語句110
5.1.4JavaScript對象的PEM模型111
5.1.5JavaScript腳本調(diào)試115
5.2JavaScript內(nèi)置對象116
5.2.1數(shù)組對象Array116
5.2.2日期/時間對象Date117
5.2.3字符串對象String117
5.2.4數(shù)學對象Math118
5.2.5自定義JavaScript對象119
5.3瀏覽器對象120
5.3.1BOM與DOM120
5.3.2頂級對象window常用屬性和方法121
5.3.3文檔對象document與表單的elements集合127
5.3.4位置對象location136
5.3.5歷史對象history136
5.3.6導航對象navigator137
5.4綜合項目：會員管理信息系統(tǒng)memmana2a139
5.5jQuery147
5.5.1jQuery使用基礎147
5.5.2綜合項目：會員管理信息系統(tǒng)memmana2b156
5.5.3jQuery插件開發(fā)160
5.6jQuery Ajax161
5.6.1jQuery Ajax概述161
5.6.2JSON數(shù)據(jù)格式161
5.6.3jQuery Ajax應用實例163
習題5167
實驗5169

第6章HTML5新增功能171
6.1HTML5概述171
6.1.1從HTML4到HTML5171
6.1.2使用標簽〈details〉和〈summary〉隱藏詳細內(nèi)容172
6.2HTML5對表單的新增功能173
6.2.1字段輸入提示173
6.2.2為文本域添加下拉列表選擇輸入173
6.2.3字段必填驗證174
6.2.4電子郵件格式驗證174
6.2.5日期與時間輸入175
6.2.6range類型175
6.3HTML5音頻與視頻176
6.3.1音頻標簽audio176
6.3.2視頻標簽video177
6.4HTML5繪圖功能178
6.4.1畫布標簽canvas178
6.4.2HTML5繪圖API178
6.5HTML5地理定位與百度地圖180
6.5.1HTML5地理定位實現(xiàn)180
6.5.2第三方工具百度地圖的應用182
6.6HTML5響應式布局與媒體查詢184
6.6.1響應式布局184
6.6.2關于視口viewport185
6.6.3媒體查詢185
6.7HTML5 Web存儲190
6.7.1本地存儲localStorage191
6.7.2會話存儲sessionStorage192
6.7.3WebSQL數(shù)據(jù)庫192
習題6194
實驗6195

第7章常用Web前端開發(fā)框架的使用197
7.1Web前端框架Bootstrap197
7.1.1概述197
7.1.2Bootstrap使用基礎197
7.1.3CSS組件198
7.1.4響應式設計201
7.2模塊化前端框架Layui 203
7.2.1在Web項目里引入Layui框架203
7.2.2網(wǎng)頁輪播特效203
7.2.3表格模塊與分頁模塊的使用204
7.3富文本編輯器Baidu UE208
7.4JS運行時環(huán)境Node.js211
7.4.1Node.js概述、下載及安裝211
7.4.2Node.js模塊安裝器npm與cnpm211
7.4.3使用mysql模塊訪問MySQL數(shù)據(jù)庫212
7.4.4使用http模塊創(chuàng)建HTTP服務器216
7.4.5服務端框架Express217
7.4.6靜態(tài)資源打包工具WebPack219
7.5漸進式框架Vue.js220
7.5.1Vue.js概述220
7.5.2快速創(chuàng)建、部署、運行和打包一個Vue.js項目222
7.5.3Vue組件224
7.5.4前端路由配置225
習題7227
實驗7228

參考文獻230