第1章(zhāng)  Dreamweaver CC 2018快(kuài)速入門(mén)₹₩

1.1  初識Dreamweaver CC 2018· 1

1.1.1  Dreamweaver CC 2018工(gōng)作(zuò)界面·· 1

1.1.2  新建網頁文(wén)檔·· 5

1.1.3  設置網頁外(wài)觀屬性·· 5

1.1.4  設置标題/編碼屬性·· 9

1.2  Dreamweaver首選項設置·· 10

1.2.1  常規設置·· 10

1.2.2  字體(tǐ)設置·· 11

1.2.3  界面設置·· 12

1.3  Dreamweaver站(zhàn)點管理(lǐ)·· 12

1.3.1  創建站(zhàn)點·· 12

1.3.2  編輯站(zhàn)點·· 13

1.3.3  管理(lǐ)站(zhàn)點·· 14

1.4  綜合實例——創建與編輯本地(dì)站(zhàn)點·· 18

本章(zhāng)小(xiǎo)結·· 21

課後習(xí)題·· 22

第2章(zhāng)  插入網頁基本對(duì)象

2.1  在網頁中插入文(wén)本元素·· 23

2.1.1  添加與設置文(wén)本·· 23

2.1.2  插入日(rì)期·· 26

2.1.3  插入水(shuǐ)平線·· 27

2.1.4  插入特殊字符·· 28

2.2  在網頁中插入圖像·· 29

2.2.1  插入網頁圖像·· 29

2.2.2  設置圖像屬性·· 30

2.2.3  裁剪圖像·· 31

2.2.4  調整圖像的(de)亮(liàng)度和(hé)對(duì)比度·· ∏€•31

2.2.5  銳化(huà)圖像·· 32

2.2.6  插入圖像占位符·· 32

2.2.7  創建鼠标經過圖像·· 33

2.3  在網頁中插入超鏈接·· 35

2.3.1  超鏈接的(de)類型·· 35

2.3.2  超鏈接的(de)路(lù)徑·· 36

2.3.3  創建網頁文(wén)檔的(de)鏈接·· 37

2.3.4  創建圖像熱(rè)點鏈接·· 38

2.3.5  創建電(diàn)子(zǐ)郵件(jiàn)鏈接·· 40

2.3.6  創建下(xià)載文(wén)件(jiàn)鏈接··&₩ 40

2.3.7  創建錨點鏈接·· 42

2.3.8  創建空(kōng)鏈接·· 42

2.3.9  創建腳本鏈接·· 43

2.3.10  設置超鏈接CSS屬性·· 44

2.4  綜合實例——制(zhì)作(zuò)圖文(wén)混排網站(zhàn)首頁·· 45

本章(zhāng)小(xiǎo)結·· 47

課後習(xí)題·· 47

第3章(zhāng)  插入網頁多(duō)媒體(tǐ)對(duì)象

3.1  插入Flash動畫(huà)·· 49

3.1.1  插入Flash 動畫(huà)文(wén)件(jiàn)·· 49

3.1.2  設置Flash動畫(huà)的(de)屬性·· 51

3.2  插入FLV視(shì)頻(pín)·· 55

3.3  插入普通(tōng)音(yīn)頻(pín)與視(shì)頻(pín)·· 57

3.4  插入HTML5音(yīn)頻(pín)與視(shì)頻(pín)·· 58

3.4.1  插入HTML5音(yīn)頻(pín)·· 59

3.4.2  插入HTML5視(shì)頻(pín)·· 60

3.5  綜合實例——為(wèi)網δ±★ 站(zhàn)首頁插入動畫(huà)和(hé)音(yīn)頻(pín)·‌∏€· 62

本章(zhāng)小(xiǎo)結·· 64

課後習(xí)題·· 65

第4章(zhāng)  使用(yòng)表格布局頁面

4.1  插入表格并添加表格內(nèi)容·· 66

4.1.1  插入表格·· 66

4.1.2  添加表格內(nèi)容·· 68

4.2  設置表格和(hé)單元格屬性·· 70

4.2.1  設置表格屬性·· 70

4.2.2  設置單元格屬性·· 71

4.3  表格的(de)基本操作(zuò)·· 73

4.3.1  選擇表格·· 73

4.3.2  拆分(fēn)與合并單元格·· 74

4.3.3  添加與删除行(xíng)或列·· 77

4.4  表格數(shù)據排序及導入/導出·· 79

4.4.1  對(duì)表格數(shù)據進行(xíng)排序φ↔≠☆·· 79

4.4.2  導入表格式數(shù)據·· 80

4.4.3  導出表格式數(shù)據·· 82

4.5  綜合實例——利用(yòng)表格布局文(wén)章(zhāng)列表·· 83

本章(zhāng)小(xiǎo)結·· 86↑∑σ↔

課後習(xí)題·· 87

第5章(zhāng)  使用(yòng)表單

5.1  創建與設置表單·· 88

5.1.1  了(le)解表單·· 88

5.1.2  創建表單·· 89

5.1.3  表單屬性的(de)設置·· 89

5.2  添加表單元素·· 90

5.2.1  添加文(wén)本域·· 90

5.2.2  添加單選按鈕·· 93

5.2.3  添加密碼域·· 95

5.2.4  添加選擇域·· 96

5.2.5  添加Tel域·· 99

5.2.6  添加電(diàn)子(zǐ)郵件(jiàn)域··₽‍∞ 100

5.2.7  添加日(rì)期域和(hé)圖像按鈕·· 101

5.2.8  添加複選框·· 102

5.2.9  添加文(wén)本區(qū)域·· 104

5.2.10  添加文(wén)件(jiàn)域·· 105

5.2.11  添加标簽·· 107

5.2.12  添加“重置”和(hé)“提交”按鈕·· 108®±

5.3  綜合實例——制(zhì)作(zuò)用(yòng)戶登錄頁面·· 110

本章(zhāng)小(xiǎo)結·· 116

課後習(xí)題·· 117

第6章(zhāng)  使用(yòng)CSS樣式美(měi)化(huà)↑$♣&網頁

6.1  認識CSS樣式表·· 118

6.1.1  CSS樣式規則的(de)基本語法·· 118

6.1.2  在網頁中引用(yòng)CSS的(de)方式·· 119

6.2  添加CSS選擇器(qì)·· 120

6.2.1  添加類選擇器(qì)·· 120

6.2.2  添加ID選擇器(qì)·· 122

6.2.3  添加标簽選擇器(qì)·· 123

6.2.4  添加後代選擇器(qì)·· 124

6.2.5  添加通(tōng)配符選擇器(qì)··​ε★ 126

6.2.6  添加分(fēn)組選擇器(qì)·· 127

6.3  設置CSS樣式表屬性·· 128

6.3.1  設置類型屬性·· 128

6.3.2  設置背景屬性·· 129

6.3.3  設置區(qū)塊屬性·· 130

6.3.4  設置方框屬性·· 130

6.3.5  設置邊框屬性·· 131

6.3.6  設置列表屬性·· 131

6.3.7  設置定位屬性·· 132

6.3.8  設置擴展屬性·· 133

6.3.9  設置過渡屬性·· 133

6.3.10  在“CSS設計(jì)器(qì)”面闆設置樣式·· 135

6.4  CSS的(de)繼承性、特殊性、層疊性和(hé)重要(yào)性·· 139

6.4.1  繼承性·· 139

6.4.2  特殊性·· 140

6.4.3  層疊性·· 141

6.4.4  重要(yào)性·· 142

6.5  使用(yòng)CSS格式化(huà)排版·· 143

6.5.1  文(wén)字排版·· 143

6.5.2  段落排版·· 144

6.5.3  CSS背景·· 145

6.5.4  列表排版·· 150

6.5.5  表格排版·· 151

6.5.6  超鏈接樣式·· 151

6.6  綜合實例——使用(yòng)CSS樣式美(měi)化(huà)與排版網頁·· 152

本章(zhāng)小(xiǎo)結·· 158

課後習(xí)題·· 158

第7章(zhāng)  使用(yòng)CSS+DIV布局網頁

7.1  使用(yòng)CSS盒子(zǐ)模型·· 160

7.1.1  認識CSS盒子(zǐ)模型·· 160

7.1.2  CSS盒子(zǐ)模型的(de)邊框、內(nèi)邊距和(hé)外(wài)邊距·· 1≈≠61

7.2  标準流和(hé)<div>标簽·· 162

7.2.1  标準流·· 162

7.2.2  <div>标簽·· 164

7.2.3  盒子(zǐ)在标準流中的(de)定位·· 1✔✔ §64

7.3  盒子(zǐ)的(de)浮動和(hé)定位¥☆↑±·· 165

7.3.1  盒子(zǐ)浮動·· 165

7.3.2  清除浮動·· 167

7.3.3  盒子(zǐ)定位·· 168

7.4  使用(yòng)盒子(zǐ)模型布局網頁結構·· 171

7.4.1  布局頭部和(hé)底部結構·· 171

7.4.2  布局側邊欄結構·· 175

7.4.3  布局內(nèi)容結構·· 177

7.5  使用(yòng)彈性盒子(zǐ)模型·· 179

7.5.1  認識CSS3彈性盒子(zǐ)模型·· 179

7.5.2  flexbox彈性盒子(zǐ)屬性·· 181

7.6  CSS樣式的(de)書(shū)寫規範、順序及命名規則·· 187

7.6.1  CSS樣式書(shū)寫順序·· 188

7.6.2  CSS樣式書(shū)寫規範·· 188

7.6.3  CSS樣式命名規範·· 189

7.7  綜合實例——布局電(diàn)子(zǐ)商務網站(zhàn)首頁··×☆  193

7.7.1  使用(yòng)DIV布局頁面結構·· 193

7.7.2  對(duì)網頁頭部布局·· 193

7.7.3  對(duì)網頁主體(tǐ)布局·· 195

7.7.4  對(duì)網頁底部布局·· 196

7.7.5  組合首頁布局·· 197

本章(zhāng)小(xiǎo)結·· 198

課後習(xí)題·· 198

 

第8章(zhāng)  使用(yòng)行(xíng)為(wèi)和(hé)JavaScriptσ↓'制(zhì)作(zuò)網頁特效

8.1  使用(yòng)行(xíng)為(wèi)·· 20"∏→β0

8.1.1  認識行(xíng)為(wèi)和(hé)事(sh≤₽'ì)件(jiàn)·· 200

8.1.2  認識“行(xíng)為(wèi)”面闆·· 201

8.1.3  使用(yòng)行(xíng)為(wèi)更改圖片邊框顔色·· 203

8.1.4  使用(yòng)行(xíng)為(wèi)檢查表單→∏σ·· 205

8.2  認識JavaScript腳本語言·· 208

8.2.1  JavaScript簡介·· 208

8.2.2  JavaScript的(de)基本結構·· 208

8.2.3  使用(yòng)JavaScript向頁面輸出信息·· 209

8.3  使用(yòng)JavaScript制(zhì)作(zuò)常見(jiàn)網頁特效·· 210

8.3.1  制(zhì)作(zuò)日(rì)期特效·· 210

8.3.2  制(zhì)作(zuò)文(wén)字滾動特效·· 211

8.3.3  制(zhì)作(zuò)廣告特效·· 212

8.3.4  制(zhì)作(zuò)下(xià)拉菜單特效·· 213

8.3.5  制(zhì)作(zuò)表單驗證特效·· 213

8.4  綜合實例——制(zhì)作(zuò)網頁焦點圖特效·· 217

8.4.1  下(xià)載焦點圖代碼·· 217

8.4.2  添加焦點圖代碼·· 218

本章(zhāng)小(xiǎo)結·· 219

課後習(xí)題·· 220

第9章(zhāng)  使用(yòng)jQuery Mobile制(zhì)作(zuò)移動設備網頁​↑±

9.1  創建jQuery Mobile頁面·· 221

9.1.1  插入單頁·· 221

9.1.2  插入多(duō)個(gè)頁面·· 222

9.1.3  使用(yòng)頁面切換效果·· 223

9.2  使用(yòng)jQuery Mobile組件(jiàn)·· 224

9.2.1  使用(yòng)列表視(shì)圖·· 225

9.2.2  使用(yòng)布局網格·· 228

9.2.3  使用(yòng)可(kě)折疊區(qū)塊·· 229

9.2.4  使用(yòng)按鈕·· 230

9.2.5  使用(yòng)表單組件(jiàn)·· 232

9.3  使用(yòng)jQuery Mobile主題·· 236

9.4  綜合實例——制(zhì)作(zuò)“公司團隊”頁面·· 237

本章(zhāng)小(xiǎo)結·· 240

課後習(xí)題·· 241

第10章(zhāng)  使用(yòng)模闆和(hé)庫項目

10.1  使用(yòng)模闆·· 242

10.1.1  創建模闆·· 242

10.1.2  設置可(kě)編輯區(qū)域·· 244

10.1.3  設置可(kě)選區(qū)域·· 247

10.1.4  設置重複區(qū)域·· 249

10.1.5  應用(yòng)模闆·· 251

10.2  使用(yòng)庫·· 252

10.3  綜合實例——使用(yòng)模闆制(zhì)作(zuò)個(gè)人(rén)站(zhà¥₽βn)點主頁·· 253

本章(zhāng)小(xiǎo)結·· 256

課後習(xí)題·· 256