Web 前端開發技術 (HTML5 + CSS3 + JavaScript + jQuery)(微課版)

劉均

  • 出版商: 清華大學
  • 出版日期: 2022-03-01
  • 定價: $450
  • 售價: 7.9$356
  • 貴賓價: 7.5$338
  • 語言: 簡體中文
  • ISBN: 7302601070
  • ISBN-13: 9787302601074
  • 相關分類: CSSHTMLJavaScriptjQuery
  • 立即出貨 (庫存 < 4)

  • Web 前端開發技術 (HTML5 + CSS3 + JavaScript + jQuery)(微課版)-preview-1
  • Web 前端開發技術 (HTML5 + CSS3 + JavaScript + jQuery)(微課版)-preview-2
  • Web 前端開發技術 (HTML5 + CSS3 + JavaScript + jQuery)(微課版)-preview-3
Web 前端開發技術 (HTML5 + CSS3 + JavaScript + jQuery)(微課版)-preview-1

買這商品的人也買了...

商品描述

本書系統地介紹了Web前端開發技術中的HTML 5、CSS 3、JavaScript和jQuery技術。 本書分四部分,共21章: 第一部分是HTML技術篇,包括第1~7章的內容,介紹了Web開發的基本概念、設計工具、運行環境、佈局技術基礎、常用HTML標記和應用實例;第二部分是CSS技術篇,包括第8~14章的內容,介紹了CSS 3的樣式規則、盒模型、選擇符、常用CSS樣式及應用實例;第三部分是JavaScript技術篇,包括第15~18章的內容,介紹了JavaScript技術的編程基礎,包括數據類型、變量、語句、函數、內置對象、DOM對象、BOM對象和應用實例;第四部分是jQuery技術篇,包括第19~21章的內容,介紹了jQuery技術的語法規則、選擇元素對象、操作元素對象的方法和實例,以及AJAX的概念及應用。 本書可作為高等院校電腦、軟件工程及相關專業的網頁設計、前端設計技術或者JavaScript、jQuery課程教材,同時也可作為Web開發相關工程技術人員和研究人員的參考用書。

目錄大綱

目錄

 

第一部分HTML技術篇

第1章Web概述3

本章學習目標3

1.1Web的概念3

1.2Web前端設計基礎5

1.2.1Web前端設計工具5

1.2.2Web網頁運行環境6

1.3Web系統開發流程7

1.3.1確定系統的主題8

1.3.2系統結構設計8

1.3.3頁面佈局設計8

1.3.4素材收集和設計9

1.3.5頁面內容設計9

1.3.6測試和發布10

1.3.7維護和推廣10

思考和實踐10

 

第2章HTML技術基礎11

本章學習目標11

2.1HTML概念11

2.2HTML標記的語法11

2.3HTML文件12

2.3.1文檔類型說明標記<!DOCTYPE HTML>13

2.3.2HTML主標記<html>13

2.3.3頭部標記<head>13

2.3.4主體標記<body>16

2.3.5註釋標記<!…… >17

2.4HTML標記的全局屬性18

思考和實踐19

 

第3章HTML文本類標記21

本章學習目標21

3.1文本排版標記21

3.1.1換行標記<br>21

3.1.2預定義格式標記<pre>21

3.1.3段落標記<p>22

3.1.4標題標記<hn>23

3.1.5上標標記<sup>和下標標記<sub>24

3.1.6註音標記<ruby>、<rt>和<rp>25

3.1.7高亮文本標記<mark>26

3.2列表標記27

3.2.1有序列表標記<ol>和<li>27

3.2.2無序列表標記<ul>和<li>28

3.2.3自定義列表標記<dl>、<dt>和<dd>28

3.2.4列表嵌套29

思考和實踐31

 

第4章HTML多媒體類標記32

本章學習目標32

4.1多媒體文件32

4.1.1多媒體文件類型32

4.1.2文件路徑表示方法32

4.2多媒體類標記33

4.2.1水平線標記<hr>33

4.2.2圖像標記<img>34

4.2.3音頻標記<audio>35

4.2.4視頻標記<video>37

4.2.5嵌入媒體文件標記<embed>37

4.2.6鏈接對象文件標記<object>39

思考和實踐40

 

第5章HTML超鏈接類標記41

本章學習目標41

5.1超鏈接概念41

5.2超鏈接類標記41

5.2.1超鏈接標記<a>41

5.2.2錨點鏈接43

5.2.3熱區鏈接標記<map>和<area>44

思考和實踐46

 

第6章HTML表單類標記48

本章學習目標48

6.1表單概述48

6.2表單基本元素標記48

6.2.1表單標記<form >48

6.2.2單行文本框標記<input type="text"…… >49

6.2.3密碼框標記<input type="password"……>50

6.2.4單選框標記<input type="radio"…… >51

6.2.5復選框標記<input type="checkbox"…… >52

6.2.6下拉列表框標記<select>和<option>53

6.2.7多行文本域標記<textarea>54

6.2.8提交按鈕標記<input type="submit"…… >55

6.2.9重置按鈕標記<input type="reset"…… >56

6.2.10標準按鈕標記<input type="button"…… >56

6.2.11圖像按鈕標記<input type="image"…… >57

6.2.12按鈕標記<button>57

6.2.13文件域輸入框標記<input type="file" …… >59

6.2.14隱藏域標記<input type="hidden" …… >59

6.3表單高級元素標記62

6.3.1郵件輸入框標記<input type="email"…… >62

6.3.2網址輸入框標記<input type="url"…… >62

6.3.3數字輸入框標記<input type="number"……>63

6.3.4滑條選擇標記<input type="range"……>64

6.3.5顏色選擇標記<input type="color"……>65

6.3.6日期輸入框標記<input type="date"……>66

6.3.7年月輸入框標記<input type="month"……>67

6.3.8年周輸入框標記<input type="week"……>67

6.3.9時間輸入框標記<input type="time"……>67

6.3.10日期時間輸入框標記<input type="datetimelocal"……>67

思考和實踐69

 

第7章HTML表格和結構類標記70

本章學習目標70

7.1表格類標記70

7.1.1表格標記<table >、<tr>和<td>70

7.1.2表格標題標記<caption>72

7.1.3表頭單元格標記<th>73

7.1.4表格列分組標記<colgroup>和<col>74

7.1.5表格行分組標記<thead>、<tbody>和<tfoot>75

7.2表格嵌套76

7.3HTML的結構類標記78

7.3.1元素分組標記<fieldset>和<legend>78

7.3.2分區標記<div>79

7.3.3組合標記<span>79

思考和實踐80

第二部分CSS技術篇

第8章CSS技術基礎85

本章學習目標85

8.1CSS的定義85

8.2CSS的語法基礎85

8.2.1CSS的語法規則85

8.2.2CSS的使用方式88

8.3CSS選擇符91

8.3.1基本選擇符91

8.3.2關系選擇符92

8.3.3屬性選擇符96

8.3.4動態偽類選擇符98

8.3.5UI元素狀態偽類選擇符99

8.3.6結構偽類選擇100

8.3.7否定偽類選擇102

8.3.8偽元素選擇103

思考和實踐104

 

第9章CSS盒子及邊框樣式106

本章學習目標106

9.1CSS盒模型106

9.2盒子的大小108

9.2.1寬度樣式width108

9.2.2高度樣式height108

9.2.3盒子大小計算方式boxsizing108

9.2.4盒子溢出樣式overflow109

9.3盒子的邊框樣式111

9.3.1邊框線型borderstyle111

9.3.2邊框粗細borderwidth112

9.3.3邊框顏色bordercolor113

9.3.4邊框復合樣式border114

9.3.5圓角邊框borderradius115

9.3.6圖像邊框樣式borderimage116

9.4盒子陰影樣式boxshadow119

思考和實踐120

 

第10章CSS盒子的定位佈局樣式121

本章學習目標121

10.1CSS定位樣式121

10.1.1盒子內邊距樣式padding121

10.1.2盒子外邊距樣式margin122

10.1.3盒子位置定位樣式position123

10.1.4盒子層疊順序樣式zindex125

10.1.5盒子浮動樣式float126

10.1.6清除盒子浮動樣式clear128

10.1.7盒子顯示樣式display128

10.2CSS多列佈局樣式130

10.2.1列寬樣式columnwidth130

10.2.2列數樣式columncount131

10.2.3列間距樣式columngap132

10.2.4列邊框樣式columnrule132

10.2.5跨列顯示樣式columnspan134

思考和實踐135

 

第11章CSS盒子背景樣式136

本章學習目標136

11.1不透明度樣式opacity136

11.2背景顏色樣式backgroundcolor137

11.3背景圖片樣式138

11.3.1背景圖片設置樣式backgroundimage138

11.3.2背景圖片重復樣式backgroundrepeat139

11.3.3背景圖片滾動樣式backgroundattachment141

11.3.4背景圖片位置樣式backgroundposition142

11.3.5背景圖片大小樣式backgroundsize143

11.3.6背景圖片定位原點樣式backgroundorigin145

11.3.7背景圖片裁剪樣式backgroundclip146

11.4背景復合樣式background147

11.5背景漸變樣式值148

11.5.1線性漸變函數 lineargradient149

11.5.2重復線性漸變函數repeatinglineargradient150

11.5.3徑向漸變函數 radialgradient150

11.5.4重復徑向漸變函數 repeatingradialgradient152

思考和實踐153

第12章CSS文本段落樣式154

本章學習目標154

12.1文本字形154

12.1.1文本的字體樣式fontfamily154

12.1.2文本的字號樣式fontsize155

12.1.3文本的字型樣式fontstyle156

12.1.4文本的加粗字體樣式fontweight157

12.1.5文本的變體樣式fontvariant158

12.1.6文本的復合樣式font159

12.2文本修飾160

12.2.1文本顏色樣式color160

12.2.2文本修飾線樣式textdecoration160

12.2.3文本陰影樣式textshadow162

12.2.4文本大小寫轉換樣式texttransform163

12.3文本排版164

12.3.1文本單詞間隔樣式wordspacing164

12.3.2文本字符間隔樣式letterspacing165

12.3.3文本水平對齊方式樣式textalign165

12.3.4文本垂直對齊方式樣式verticalalign167

12.3.5文本的首行縮進樣式textindent168

12.3.6文本行高樣式lineheight170

12.3.7文本控制換行樣式wordwrap170

12.3.8文本空白換行處理樣式whitespace171

12.3.9文本溢出樣式textoverflow173

12.3.10文本流方向樣式direction174

12.3.11文本排列樣式unicodebidi174

12.3.12文本書寫模式樣式writingmode175

思考和實踐177

 

第13章CSS其他元素樣式178

本章學習目標178

13.1圖片樣式178

13.1.1圖片最大寬度樣式maxwidth178

13.1.2圖片最大高度樣式maxheight178

13.1.3圖文混排179

13.2表格樣式181

13.3超鏈接和鼠標樣式182

13.4列表樣式184

13.4.1列表符號樣式liststyletype185

13.4.2圖片列表符號樣式liststyleimage186

13.4.3列表位置樣式liststyleposition187

13.4.4列表復合樣式liststyle189

思考和實踐192

 

第14章CSS動畫設計193

本章學習目標193

14.1CSS變形193

14.1.1CSS變形樣式transform193

14.1.22D旋轉變形函數rotate()193

14.1.32D縮放變形函數scale()194

14.1.42D移位變形函數translate()195

14.1.52D傾斜變形函數skew()196

14.1.62D矩陣變形函數matrix()197

14.1.72D變形原點樣式transformorigin198

14.1.83D旋轉變形函數rotate3d()199

14.1.93D縮放變形函數scale3d()199

14.1.103D移位變形函數translate3d()201

14.1.113D透視視圖樣式perspective201

14.2CSS過渡203

14.2.1CSS過渡樣式transitionproperty203

14.2.2CSS過渡時間樣式transitionduration204

14.2.3CSS過渡延遲時間樣式transitiondelay204

14.2.4CSS過渡效果速度樣式transitiontimingfunction205

14.2.5CSS過渡復合樣式transition207

14.3CSS關鍵幀動畫208

14.3.1CSS定義關鍵幀動畫命令@keyframes208

14.3.2CSS關鍵幀動畫樣式animation208

思考和實踐210

第三部分JavaScript技術篇

第15章JavaScript技術基礎213

本章學習目標213

15.1JavaScript簡介213

15.2JavaScript的使用方式213

15.3JavaScript編程基礎217

15.3.1JavaScript語法規則217

15.3.2JavaScript常用輸出方法217

15.3.3JavaScript常用輸入方法219

15.4JavaScript數據與運算符221

15.4.1數據類型221

15.4.2常量226

15.4.3變量226

15.4.4運算符和表達式228

思考和實踐239

 

第16章JavaScript語句和函數240

本章學習目標240

16.1條件語句240

16.1.1if語句240

16.1.2ifelse語句241

16.1.3ifelse ifelse語句242

16.1.4switch語句243

16.2循環語句245

16.2.1for語句245

16.2.2forin語句246

16.2.3while語句248

16.2.4dowhile語句249

16.2.5break和continue語句250

16.3函數251

16.3.1函數定義251

16.3.2函數調用251

思考和實踐253

 

第17章JavaScript內置對象254

本章學習目標254

17.1對象的概念254

17.1.1創建對象實例254

17.1.2對象實例的屬性255

17.1.3對象實例的方法255

17.1.4with語句256

17.1.5this關鍵字257

17.2Global對象257

17.3Number對象260

17.4Math對象262

17.5String對象264

17.6RegExp對象267

17.7Array對象271

17.8Date對象276

思考和實踐279

 

第18章JavaScript DOM和BOM281

本章學習目標281

18.1文檔對象模型281

18.1.1引用元素對象281

18.1.2元素對象的事件286

18.1.3元素對象節點操作291

18.2瀏覽器對象模型292

18.2.1Window對象292

18.2.2Screen對象295

18.2.3Event對象296

18.2.4Location對象297

18.2.5History對象298

18.2.6Navigator對象300

思考和實踐301

第四部分jQuery技術篇

第19章jQuery技術基礎305

本章學習目標305

19.1jQuery語法基礎305

19.1.1jQuery函數庫文件305

19.1.2jQuery的使用方式305

19.1.3jQuery的語法規則306

19.2jQuery選擇元素對象308

19.2.1jQuery基本選擇器308

19.2.2jQuery復合選擇器310

19.2.3jQuery過濾器315

19.2.4jQuery遍歷方法321

思考和實踐332

 

第20章jQuery操作方法及應用333

本章學習目標333

20.1獲取元素對象信息333

20.2設置元素對象信息335

20.3設置元素對象事件338

20.3.1文檔加載就緒事件338

20.3.2鍵盤事件339

20.3.3鼠標事件340

20.3.4表單事件342

20.3.5事件綁定和解除344

20.3.6臨時事件345

20.4操作文檔結構346

20.5jQuery特效347

20.5.1隱藏和顯示347

20.5.2淡入和淡出349

20.5.3滑動351

20.5.4動畫353

20.6方法鏈接355

思考和實踐356

 

第21章AJAX技術358

本章學習目標358

21.1AJAX基礎358

21.2AJAX的應用358

21.2.1AJAX使用環境358

21.2.2JavaScript的AJAX應用359

21.2.3jQuery的AJAX應用363

思考和實踐365

 

參考文獻367