了得網計算機/網絡_Web前端開發實例教程——HTML5+CSS3+JavaScript+jQuery（第2版）

內容簡介

本書內容緊扣國家對高等學校培養高級應用型、復合型人纔的技能水平和知識結構的要求，采用全新的Web標準編寫，內容包括HTML5、CSS3、JavaScript、jQuery開發技術基礎和典型HTML5網站實例。本書以模塊化的結構來組織章節，以“鮮品園”網站的開發為主線，通過對模塊中每個任務相應知識點的講解，引導學生學習Web前端開發的基本知識，以及項目開發、測試的完整流程。本書分為13章，主要內容包括：HTML5基礎，編素，網頁的布局與交互，CSS3基礎，CSS3的屬性，盒模型與頁面布局，JavaScript編程基礎，對像模型及事件處理，CSS3變形、過渡和動畫屬性，HTML5的API應用，jQuery基礎，jQuery動畫與UI插件和鮮品園綜合案例網站。本書條理清晰、內容完整、實例豐富、圖文並茂、繫統性強，適合作為高等學校計算機及相關專業課程的教材，也可以作為網站建設、相關軟件開發人員和計算機愛好者的參考書。

作者簡介

張兵義，主要研究方向：網站規劃與網頁制作、動態網站、程序設計。承擔的主要課程：網站規劃與網頁制作、動態網站ASP.NET程序設計、多媒體技術基礎、JSP程序設計。出版教材：《多媒體電腦組裝與維護短訓教程》《Delphi數據庫程序設計教程》《網頁設計與制作教程》《ASP動態網站開發畢業設計指導及實例》《網站規劃與網頁設計》《Dreamweaver 8網頁制作短訓教程》。

目錄
第1章 HTML5基礎1
1.1 Web的基本概念1
1.1.1 WWW1
1.1.2 Browser1
1.1.3 URL1
1.1.4 HTML2
1.1.5 HTTP2
1.2 網站與網頁3
1.2.1 網站、網頁和主頁3
1.2.2 靜態網頁和動態網頁3
1.3 Web標準4
1.3.1 Web標準簡介4
1.3.2 建立Web標準的優點5目錄

第1章 HTML5基礎1

1.1 Web的基本概念1

1.1.1 WWW1

1.1.2 Browser1

1.1.3 URL1

1.1.4 HTML2

1.1.5 HTTP2

1.2 網站與網頁3

1.2.1 網站、網頁和主頁3

1.2.2 靜態網頁和動態網頁3

1.3 Web標準4

1.3.1 Web標準簡介4

1.3.2 建立Web標準的優點5

1.3.3 網頁的表現和結構相分離5

1.4 認識HTML5 CSS3 JavaScript技術組合6

1.4.1 HTML5簡介6

1.4.2 CSS3簡介7

1.4.3 JavaScript簡介8

1.5 HTML5語法基礎9

1.5.1 HTML5語法結構9

1.5.2 HTML5文件結構11

1.5.3 HTML5開發人員編碼規範13

1.素的分類14

1.6素14

1.6.2 素15

1.6.3 素17

1.7 HTML的顏色表示和字符實體17

1.7.1 HTML的顏色表示17

1.7.2 字符實體18

1.8 編輯HTML文件18

1.8.1 常見的網頁編輯工具18

1.8.2 HTML文件的創建19

1.9 注釋22

1.10 案例—制作鮮品園頁面摘要和版權信息22

習題123

第2章編素24

2.1 素24

2.1.1 字素24

2.1.2 素25

2.2 文本層素26

2.2.1 m素26

2.2.2 c素27

2.2.3 t素27

2.3 基素28

2.3.1 素hl～h628

2.3.2 素p素br28

2.3.3 素blockquote29

2.3.4 素hr30

2.3.5 案例—制作鮮品園服務指南頁面30

2.4 素img31

2.5 素a32

2.5.1素32

2.5.2 指向其他頁面的鏈接33

2.5.3 指向書簽的鏈接33

2.5.4 指向下載文件的鏈接34

2.5.5 指向電子郵件的鏈接34

2.5.6 JavaScript鏈接34

2.5.7 用圖像作為超鏈接熱點34

2.5.8 空鏈接35

2.5.9 案例—制作鮮品園資料下載頁面35

2.6 素37

2.6.1 無序列表37

2.6.2 有序列表38

2.6.3 定義列表38

2.6.4 嵌套列表39

2.6.5 案例—制作鮮品園公司名片頁面40

2.7 素41

2.7.1 au素42

2.7.2 vi素42

習題243

第3章網頁的布局與交互45

3.1 素table45

3.1.1 表格的結構45

3.1.2 基本表格45

3.1.3 跨行跨列表格46

3.1.4 表格數據的分組47

3.1.5 調整列的格式48

3.1.6 案例—使用表格布局鮮品園產品展示頁面49

3.2 使素構建網頁布局50

3.2.1 sect素51

3.2.2 素51

3.2.3 hea素51

3.2.4 foo素51

3.2.5 arti素51

3.2.6 as素52

3.2.7 素53

3.2.8 案例—制作鮮品園新品發布頁面54

3.3 頁素56

3.3.1 deta素和summ素56

3.3.2 progr素56

3.4 素div57

3.5 素span58

3.6 表單59

3.6.1 素form59

3.6.2 素input59

3.6.3 素label61

3.6.4 素select62

3.6.5 素button63

3.6.6 多素textarea64

3.6.7 表單分組65

3.6.8 使用表格布局表單66

習題367

第4章 CSS3基礎69

4.1 CSS3概述69

4.1.1 CSS3的編寫規範69

4.1.2 CSS3的工作環境70

4.2 在網頁中引用CSS的方法71

4.2.1 行內樣式71

4.2.2 內部樣式表72

4.2.3 鏈入外部樣式表73

4.2.4 導入外部樣式表74

4.2.5 案例—制作鮮品園業務簡介頁面75

4.3 CSS的主要特性77

4.3.1 繼承77

4.3.2 層疊78

4.3.3 優先級79

4.4 CSS的基本語法80

4.4.1 基本語法80

4.4.2 注意事項80

4.5 CSS的選擇器81

4.5.素選擇器81

4.5.2 通配符選擇器82

4.5.3 派生選擇器82

4.5.4 兄弟選擇器85

4.5.5 id選擇器86

4.5.6 類選擇器87

4.5.7 偽類選擇器87

4.5.8素選擇器89

4.6 CSS屬性值的寫法和單位91

4.6.1 長度、百分比單位91

4.6.2 色彩單位92

4.7 文件素類型93

4.7.1 文件結構的基本概念93

4.7.素類型94

4.8 案例—制作鮮品園行業資訊頁面95

習題498

第5章 CSS3的屬性100

5.1 CSS字體屬性100

5.1.1 字體類型屬性font-family100

5.1.2 字體尺寸屬性font-size100

5.1.3 字體傾斜屬性font-style101

5.1.4 小寫字體屬性font-variant101

5.1.5 字體粗細font-weight101

5.2 CSS文本屬性102

5.2.1 文本顏色屬性color102

5.2.2 行高屬性line-height102

5.2.3 文本水平對齊方式屬性text-align103

5.2.4 為文本添加修飾屬性text-decoration103

5.2.5 段落首行縮進屬性text-indent103

5.2.6 文本的陰影屬性text-shadow104

5.2.素內部的空白屬性white-space104

5.2.8 文本的截斷效果屬性text-overflow104

5.3 CSS背景屬性106

5.3.1 背景顏色屬性background-color106

5.3.2 背景圖像屬性background-image107

5.3.3 重復背景圖像屬性background-repeat108

5.3.4 固定背景圖像屬性background-attachment108

5.3.5 背景圖像位置屬性background-position109

5.3.6 背景圖像大小屬性background-size109

5.3.7 背景屬性background110

5.3.8 背景圖像起點屬性background-origin110

5.4 CSS尺寸屬性111

5.4.1 寬度屬性width112

5.4.2 高度屬性height112

5.4.3 小寬度屬性min-width112

5.4.4 寬度屬性max-width113

5.4.5 小高度屬性min-height113

5.4.6 高度屬性max-height113

5.5 CSS列表屬性114

5.5.1 圖像作為列表項的標記屬性list-style-image114

5.5.2 列表項標記的位置屬性list-style-position115

5.5.3 標記的類型屬性list-style-type115

5.5.4 列表簡寫屬性list-style116

5.6 CSS表格屬性118

5.6.1 合並邊框屬性border-collapse118

5.6.2 邊框間隔屬性border-spacing118

5.6.3 標題位置屬性caption-side118

5.6.4格無內容顯示方式屬性empty-cells119

5.6.5 案例—使用斑馬線表格制作暢銷商品銷量排行榜120

5.7 CSS屬性的應用121

5.7.1 設置圖像樣式122

5.7.2 設置表單樣式125

5.7.3 設置鏈接127

5.7.4 創建導航菜單128

5.8 綜合案例—制作鮮品園夢想社區頁面131

5.8.1 頁面布局規劃131

5.8.2 頁面的制作過程132

習題5137

第6章盒模型與頁面布局138

6.1 CSS盒模型的組成和大小138

6.1.1 盒子的組成138

6.1.2 盒子的大小139

6.1.3 素素的寬度和高度141

6.2 CSS盒模型的屬性141

6.2.1 CSS內邊距屬性padding141

6.2.2 CSS外邊距屬性margin144

6.2.3 CSS邊框屬性border146

6.2.4 圓角邊框屬性border-radius149

6.2.5 盒模型的陰影屬性box-shadow150

6.2.6 調整大小屬性resize151

6.3 CSS布局屬性152

6.3.素的布局方式概述152

6.3.2 CSS浮動屬性float154

6.3.3 清除浮動屬性clear155

6.3.4 裁剪屬性clip156

6.3.素顯示方式屬性display157

6.3.素可見性屬性visibility158

6.4 CSS盒子定位屬性159

6.4.1 定位位置屬性top、right、bottom、left159

6.4.2 定位方式屬性position160

6.4.3 層疊順序屬性z-index165

6.5 CSS3多列屬性166

6.5.1 列數屬性column-count166

6.5.2 列寬屬性column-width166

6.5.3 列寬屬性column166

6.5.4 列與列的間隔屬性column-gap167

6.5.5 是否橫跨所有列屬性column-span167

6.5.6 列與列的間隔樣式屬性column-rule-style167

6.5.7 列與列的間隔顏色屬性column-rule-color167

6.5.8 列與列的寬度屬性column-rule-width167

6.5.9 列與列的間隔所有屬性column-rule168

6.6 CSS基本布局樣式169

6.6.1 CSS布局類型169

6.6.2 CSS布局樣式170

6.7 綜合案例—制作鮮品園商務安全中心頁面172

練習6177

第7章 JavaScript編程基礎179

7.1 JavaScript概述179

7.2 在HTML文件中使用JavaScript179

7.2.1 在HTML文件中嵌入腳本程序180

7.2.2 鏈接腳本文件180

7.2.3 在HTML標簽內添加腳本181

7.3 數據類型182

7.3.1 數據類型的分類182

7.3.2 基本數據類型182

7.3.3 數據類型的判斷183

7.3.4 數據類型的轉換184

7.4 常量、變量、運算符和表達式185

7.4.1 常量185

7.4.2 變量186

7.4.3 運算符和表達式186

7.5 流程控制語句188

7.5.1 順序結構語句188

7.5.2 條件選擇結構語句191

7.5.3 循環結構語句194

7.6 函數196

7.6.1 函數的聲明196

7.6.2 函數的調用197

7.6.3 變量的作用域198

7.6.4 繫統函數199

7.7 對像199

7.7.1 對像的概念199

7.7.2 類200

7.7.3 對像的實例化200

7.7.4 對像的屬性201

7.7.5 對像的方法202

7.7.6 對像的事件203

7.8 JavaScript的內置對像203

7.8.1 數組對像204

7.8.2 字符串對像206

7.8.3 日期對像207

習題7209

第8章對像模型及事8

商品搜索

商品分类

【醫學】

【各大出版社】