Web前端開發技術(2019年華中科技大學出版社出版的圖書)

《Web前端開發技術》是2019年華中科技大學出版社出版的圖書。作者是吳志祥。本書系統地介紹了Web前端開發的基礎知識和實際套用。全書共分7章，內容包括Web開發概述及環境搭建、使用HTML標籤組織頁面內容、使用CSS樣式設定頁面外觀、網站頁面布局、JavaScript與jQuery、HTML5新增功能和常用Web前端開發框架的使用。

基本介紹

• 中文名：Web前端開發技術
• 作者：吳志祥
• 出版社：華中科技大學出版社
• ISBN：9787568043656

內容簡介

本書系統地介紹了Web前端開發的基礎知識和實際套用。全書共分7章，內容包括Web開發概述及環境搭建、使用HTML標籤組織頁面內容、使用CSS樣式設定頁面外觀、網站頁面布局、JavaScript與jQuery、HTML5新增功能和常用Web前端開發框架的使用。本書以實際套用為出發點，精心組織教材內容，每章都設計了典型案例，並配有習題及實驗。與本書配套的教學網站，提供教學大綱、實驗大綱、各種軟體的下載連結、課件和案例原始碼下載、線上測試等，極大地方便了教與學。本書可以作為高等院校計算機及相關專業學生學習Web前端開發的教材，也可以作為Web開發愛好者的參考書。為了方便教學，本書還配有電子課件等教學資源包，任課教師和學生可以登錄“我們愛讀書”網（www.ibook4us.com）註冊並瀏覽，任課教師還可以發郵件至[email protected]索取。

圖書目錄

第1章Web開發概述及環境搭建1

1.1網站與網頁概述1

1.1.1網站、網頁與網址1

1.1.2網頁組成2

1.1.3資源引用的相對路徑與路徑2

1.1.4快速創建一個Web伺服器2

1.1.5相關名詞解釋3

1.2基於B/S體系的網站系統4

1.2.1Web伺服器與資料庫伺服器4

1.2.2動態網頁的執行過程5

1.2.3套用層協定HTTP與HTTPS6

1.2.4Web客戶端與瀏覽器核心7

1.2.5瀏覽器調試程式8

1.2.6Cookie信息與瀏覽器快取9

1.3網頁設計工具10

1.3.1高效的網頁編輯器VS Code10

1.3.2流行的網頁設計器——HBuilder12

1.3.3網頁文檔快速修改工具EditPlus和NotePad13

1.4使用網頁三劍客製作網頁素材15

1.4.1圖形圖像處理軟體概述15

1.4.2使用Fireworks或Photoshop編輯圖像15

1.4.3使用Flash製作動畫16

1.4.4切圖形成網頁素材17

習題118

實驗119

第2章使用HTML標籤組織頁面內容21

2.1HTML語言概述21

2.1.1HTML標籤名稱與屬性21

2.1.2實體標籤元素分類24

2.1.3網頁文檔編碼與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章網站頁面布局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頁內框架與框架集88

4.3.1頁內框架88

4.3.2框架集88

4.4綜合項目：會員管理信息系統memmana189

4.5使用HTML5布局標籤97

習題4101

實驗4102

第5章JavaScript與jQuery104

5.1JavaScript基礎104

5.1.1JavaScript概述104

5.1.2JavaScript數據類型與運算符106

5.1.3JavaScript流程控制語句110

5.1.4JavaScript對象的PEM模型111

5.1.5JavaScript腳本調試115

5.2JavaScript內置對象116

5.2.1數組對象Array116

5.2.2日期/時間對象Date117

5.2.3字元串對象String117

5.2.4數學對象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綜合項目：會員管理信息系統memmana2a139

5.5jQuery147

5.5.1jQuery使用基礎147

5.5.2綜合項目：會員管理信息系統memmana2b156

5.5.3jQuery外掛程式開發160

5.6jQuery Ajax161

5.6.1jQuery Ajax概述161

5.6.2JSON數據格式161

5.6.3jQuery Ajax套用實例163

習題5167

實驗5169

第6章HTML5新增功能171

6.1HTML5概述171

6.1.1從HTML4到HTML5171

6.1.2使用標籤〈details〉和〈summary〉隱藏詳細內容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地理定位實現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資料庫192

習題6194

實驗6195

第7章常用Web前端開發框架的使用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網頁輪播特效203

7.2.3表格模組與分頁模組的使用204

7.3富文本編輯器Baidu UE208

7.4JS運行時環境Node.js211

7.4.1Node.js概述、下載及安裝211

7.4.2Node.js模組安裝器npm與cnpm211

7.4.3使用mysql模組訪問MySQL資料庫212

7.4.4使用http模組創建HTTP伺服器216

7.4.5服務端框架Express217

7.4.6靜態資源打包工具WebPack219

7.5漸進式框架Vue.js220

7.5.1Vue.js概述220

7.5.2快速創建、部署、運行和打包一個Vue.js項目222

7.5.3Vue組件224

7.5.4前端路由配置225

習題7227

實驗7228

參考文獻230