Dreamweaver CC 2018網(wǎng)頁制作案例教程圖書目錄

時(shí)間：2023-02-16 05:45:02 | 來源：營銷百科

時(shí)間：2023-02-16 05:45:02 來源：營銷百科

Dreamweaver CC 2018網(wǎng)頁制作案例教程圖書目錄：第1章網(wǎng)頁制作基礎(chǔ)知識1

1.1網(wǎng)頁與網(wǎng)頁制作的基礎(chǔ)知識2

1.1.1網(wǎng)頁與網(wǎng)站的概念2

1.1.2網(wǎng)頁的常見類型3

1.1.3網(wǎng)頁的頁面元素3

1.1.4網(wǎng)頁制作的相關(guān)知識4

1.2網(wǎng)站設(shè)計(jì)的常用流程6

1.2.1網(wǎng)站策劃6

1.2.2設(shè)計(jì)配色6

1.2.3收集素材11

1.2.4規(guī)劃站點(diǎn)12

1.2.5制作網(wǎng)頁12

1.2.6測試站點(diǎn)12

1.2.7發(fā)布站點(diǎn)12

1.3初識DreamweaverCC201812

1.4Dreamweaver站點(diǎn)管理14

1.4.1為什么要?jiǎng)?chuàng)建站點(diǎn)14

1.4.2創(chuàng)建站點(diǎn)15

1.4.3編輯站點(diǎn)15

1.4.4管理站點(diǎn)16

1.5Dreamweaver環(huán)境設(shè)置18

1.5.1常規(guī)設(shè)置18

1.5.2不可見元素設(shè)置19

1.5.3網(wǎng)頁字體設(shè)置19

1.5.4文件類型/編輯器類型20

1.5.5界面顏色設(shè)置20

1.6Dreamweaver代碼編輯20

1.6.1使用快速標(biāo)簽編輯器22

1.6.2使用【代碼片段】面板22

1.6.3優(yōu)化網(wǎng)頁源代碼23

1.7案例演練25

第2章操作網(wǎng)頁文檔27

2.1創(chuàng)建空白網(wǎng)頁28

2.2設(shè)置網(wǎng)頁屬性28

2.2.1設(shè)置外觀(CSS)29

2.2.2設(shè)置外觀(HTML)30

2.2.3設(shè)置鏈接(CSS)31

2.2.4設(shè)置標(biāo)題(CSS)33

2.2.5設(shè)置標(biāo)題/編碼33

2.2.6設(shè)置跟蹤圖像34

2.3定義頭部信息34

2.3.1設(shè)置META34

2.3.2設(shè)置說明信息36

2.3.3設(shè)置關(guān)鍵詞36

2.4案例演練36

第3章編輯網(wǎng)頁文本39

3.1輸入網(wǎng)頁文本40

3.1.1輸入普通文本40

3.1.2輸入特殊文本40

3.1.3輸入日期與時(shí)間41

3.1.4插入水平線42

3.1.5插入滾動(dòng)文本43

3.2設(shè)置文本格式44

3.2.1設(shè)置段落文本44

3.2.2設(shè)置標(biāo)題文本45

3.2.3為文本設(shè)置預(yù)定義格式46

3.3設(shè)置字體樣式46

3.3.1設(shè)置字體類型46

3.3.2設(shè)置字體顏色47

3.3.3設(shè)置粗體和斜體48

3.2.4設(shè)置字體大小48

3.4設(shè)置文本樣式49

3.4.1設(shè)置文本換行49

3.4.2設(shè)置文本對齊49

3.4.3設(shè)置文本縮進(jìn)和凸出50

3.5設(shè)置列表樣式51

3.5.1設(shè)置項(xiàng)目列表51

3.5.2設(shè)置編號列表52

3.5.3設(shè)置定義列表53

3.5.4設(shè)置列表屬性53

3.6案例演練54

第4章設(shè)計(jì)網(wǎng)頁圖像57

4.1插入網(wǎng)頁圖像58

4.1.1網(wǎng)頁圖像文件簡介58

4.1.2在網(wǎng)頁中插入圖像58

4.1.3設(shè)置網(wǎng)頁背景圖像58

4.2設(shè)置網(wǎng)頁圖像的屬性59

4.2.1使用圖像的【屬性】面板59

4.2.2HTML圖像的屬性代碼60

4.3處理網(wǎng)頁圖像效果61

4.3.1使用外部圖像編輯軟件61

4.3.2編輯圖像設(shè)置62

4.3.3從源文件更新圖像62

4.3.4裁剪圖像63

4.3.5設(shè)置圖像的亮度和對比度63

4.3.6設(shè)置銳化圖像63

4.3.7重新取樣圖片63

4.4制作鼠標(biāo)經(jīng)過圖像63

4.5案例演練64

第5章添加網(wǎng)頁多媒體67

5.1插入FlashSWF動(dòng)畫68

5.1.1在網(wǎng)頁中插入Flash動(dòng)畫68

5.1.2調(diào)整Flash動(dòng)畫大小69

5.1.3設(shè)定Flash動(dòng)畫信息69

5.1.4控制Flash動(dòng)畫播放70

5.1.5設(shè)置Flash動(dòng)畫邊距70

5.1.6設(shè)置對齊方式與顏色70

5.1.7Flash附加參數(shù)設(shè)置71

5.2插入FlashVideo視頻72

5.3插入普通音視頻73

5.4插入HTML5音視頻75

5.4.1插入HTML5視頻75

5.4.2插入HTML5音頻75

5.5案例演練76

第6章設(shè)置網(wǎng)頁超鏈接81

6.1超鏈接的基礎(chǔ)知識82

6.1.1超鏈接的類型82

6.1.2超鏈接的路徑82

6.2設(shè)置基本超鏈接83

6.2.1設(shè)置文本的圖像超鏈接83

6.2.2設(shè)置圖像映射超鏈接83

6.3設(shè)置錨點(diǎn)超鏈接85

6.4設(shè)置音視頻超鏈接86

6.5設(shè)置文件下載超鏈接87

6.6設(shè)置電子郵件超鏈接88

6.7管理超鏈接89

6.7.1更新超鏈接89

6.7.2修改超鏈接89

6.7.3測試超鏈接90

6.8案例演練90

第7章使用表格93

7.1創(chuàng)建與調(diào)整表格94

7.1.1網(wǎng)頁中表格的用途94

7.1.2創(chuàng)建表格94

7.1.3調(diào)整表格96

7.2為表格添加內(nèi)容97

7.2.1在表格中輸入文本98

7.2.2在表格中插入圖像98

7.3設(shè)置表格和單元格屬性99

7.3.1設(shè)置表格屬性99

7.3.2設(shè)置單元格屬性101

7.4排序表格數(shù)據(jù)104

7.5導(dǎo)入和導(dǎo)出網(wǎng)頁表格104

7.5.1導(dǎo)入表格式數(shù)據(jù)104

7.5.2導(dǎo)出表格式數(shù)據(jù)105

7.6案例演練106

第8章使用表單113

8.1制作表單的方法114

8.1.1表單的基礎(chǔ)知識114

8.1.2創(chuàng)建表單115

8.2設(shè)置表單屬性115

8.3使用文本域和密碼域116

8.4使用文本區(qū)域118

8.5使用選擇對象(列表/菜單)119

8.6使用單選按鈕121

8.7使用復(fù)選框123

8.8使用文件域124

8.9使用標(biāo)簽和字段集125

8.9.1使用標(biāo)簽125

8.9.2使用域集126

8.10使用按鈕和圖像按鈕127

8.10.1使用按鈕127

8.10.2使用圖像按鈕128

8.11使用隱藏域129

8.12使用HTML5表單對象130

8.13案例演練131

第9章使用CSS139

9.1認(rèn)識CSS樣式表140

9.1.1CSS樣式表的功能140

9.1.2CSS樣式表的規(guī)則140

9.1.3CSS樣式表的類型140

9.2創(chuàng)建CSS樣式表142

9.2.1創(chuàng)建外部樣式表142

9.2.2創(chuàng)建內(nèi)部樣式表143

9.2.3附加外部樣式表143

9.3添加CSS選擇器144

9.3.1添加類選擇器144

9.3.2添加id選擇器145

9.3.3添加標(biāo)簽選擇器145

9.3.4添加其他選擇器146

9.4編輯CSS樣式效果149

9.4.1CSS類型設(shè)置149

9.4.2CSS背景設(shè)置151

9.4.3CSS區(qū)塊設(shè)置153

9.4.4CSS方框設(shè)置154

9.4.5CSS邊框設(shè)置156

9.4.6CSS列表設(shè)置157

9.4.7CSS定位設(shè)置157

9.4.8CSS擴(kuò)展設(shè)置159

9.4.9CSS過渡設(shè)置159

9.5案例演練160

第10章制作Div CSS頁面163

10.1Div與盒模型簡介164

10.1.1認(rèn)識Div164

10.1.2盒模型164

10.2理解標(biāo)準(zhǔn)布局165

10.2.1網(wǎng)頁標(biāo)準(zhǔn)165

10.2.2內(nèi)容、結(jié)構(gòu)、表現(xiàn)和

行為165

10.3使用Div CSS166

10.4插入Div標(biāo)簽167

10.5常用Div CSS布局方式168

10.5.1高度自適應(yīng)布局168

10.5.2網(wǎng)頁內(nèi)容居中布局170

10.5.3網(wǎng)頁元素浮動(dòng)布局171

10.6案例演練174

第11章定位網(wǎng)頁對象185

11.1使用絕對定位186

11.2使用相對定位188

11.3使用固定定位190

11.4案例演練192

第12章使用CSS3動(dòng)畫195

12.1使用CSS3Transition196

12.1.1CSS3Transition簡介196

12.1.2設(shè)置緩動(dòng)屬性197

12.1.3設(shè)置緩動(dòng)時(shí)間198

12.1.4設(shè)置延遲時(shí)間198

12.1.5設(shè)置緩動(dòng)效果199

12.2使用CSS3Transform200

12.2.1CSS3Transform簡介200

12.2.2制作變形菜單203

12.2.3制作3D平面206

12.3使用CSS3Animation207

12.3.1CSS3Animation簡介207

12.3.2制作旋轉(zhuǎn)的商品圖片210

12.4案例演練211

第13章設(shè)計(jì)HTML5結(jié)構(gòu)217

13.1HTML5簡介218

13.1.1創(chuàng)建HTML5文件218

13.1.2HTML5文件的基本結(jié)構(gòu)219

13.1.3瀏覽器對HTML5的

支持221

13.2使用HTML5新增的主體

結(jié)構(gòu)元素222

13.2.1使用section元素222

13.2.2使用article元素222

13.2.3使用aside元素223

13.2.4使用nav元素224

13.2.5使用time元素225

13.3使用HTML5新增的非主體

結(jié)構(gòu)元素226

13.3.1使用header元素226

13.3.2使用hgroup元素227

13.3.3使用footer元素227

13.3.4使用figure元素228

13.3.5使用address元素229

13.4使用HTML5新增的其他

常用元素229

13.4.1使用mark元素230

13.4.2使用rp、rt和rudy元素230

13.4.3使用progress元素230

13.4.4使用command元素231

13.4.5使用embed元素231

13.4.6使用detail和summary

元素231

13.4.7使用datalist元素232

13.5使用HTML5新增的

全局屬性233

13.5.1使用contentEditable屬性233

13.5.2使用spellcheck屬性233

13.5.3使用tabIndex屬性233

13.6使用HTML5新增的

其他屬性234

13.6.1使用表單相關(guān)屬性234

13.6.2使用鏈接相關(guān)屬性238

13.6.3使用其他屬性239

13.7案例演練239

第14章使用網(wǎng)頁行為241

14.1認(rèn)識行為242

14.1.1行為的基礎(chǔ)知識242

14.1.2JavaScript代碼簡介242

14.2使用行為調(diào)節(jié)瀏覽器窗口243

14.2.1打開瀏覽器窗口243

14.2.2轉(zhuǎn)到URL244

14.2.3調(diào)用JavaScript245

14.3使用行為應(yīng)用圖像245

14.3.1交換圖像與恢復(fù)交換

圖像246

14.3.2拖動(dòng)AP元素248

14.4使用行為顯示文本249

14.4.1彈出信息249

14.4.2設(shè)置狀態(tài)欄文本250

14.4.3設(shè)置容器的文本250

14.4.4設(shè)置文本域文字251

14.5使用行為加載多媒體252

14.5.1檢查插件252

14.5.2顯示-隱藏元素253

15.5.3改變屬性253

14.6使用行為控制表單254

14.6.1跳轉(zhuǎn)菜單、跳轉(zhuǎn)菜單

開始254

14.6.2檢查表單256

14.7案例演練257

第15章制作移動(dòng)設(shè)備網(wǎng)頁263

15.1iQuery和jQueryMobile簡介264

15.1.1iQuery264

15.1.2jQueryMobile264

15.2建立jQueryMobile頁面265

15.3使用jQueryMobile組件267

15.3.1使用列表視圖267

15.3.2使用布局網(wǎng)格270

15.3.3使用可折疊區(qū)塊271

15.3.4使用文本輸入框271

15.3.5使用密碼輸入框272

15.3.6使用文本區(qū)域272

15.3.7使用選擇菜單273

15.3.8使用復(fù)選框273

15.3.9使用單選按鈕274

15.3.10使用按鈕275

15.3.11使用滑塊275

15.3.12使用翻轉(zhuǎn)切換開關(guān)275

15.4使用jQueryMobile主題276

15.5案例演練277

第16章使用模板和庫項(xiàng)目279

16.1創(chuàng)建模板280

16.1.1將網(wǎng)頁保存為模板280

16.1.2創(chuàng)建空白網(wǎng)頁模板281

16.2編輯模板281

16.2.1設(shè)置可編輯區(qū)域281

16.2.2設(shè)置可選區(qū)域282

16.2.3設(shè)置重復(fù)區(qū)域283

16.3應(yīng)用模板284

16.3.1從模板新建網(wǎng)頁284

16.3.2為網(wǎng)頁應(yīng)用模板284

16.4管理模板285

16.4.1刪除網(wǎng)頁模板285

16.4.2打開網(wǎng)頁上附加的模板285

16.4.3更新網(wǎng)頁模板285

16.4.4將網(wǎng)頁脫離模板285

16.5使用庫項(xiàng)目286

16.5.1認(rèn)識庫項(xiàng)目286

16.5.2創(chuàng)建庫項(xiàng)目286

16.5.3設(shè)置庫項(xiàng)目286

16.5.4應(yīng)用庫項(xiàng)目287

16.5.5修改庫項(xiàng)目287

16.6案例演練288