Dreamweaver CC 2018網頁製作案例教程

Dreamweaver CC 2018網頁製作案例教程

作者：宋曉明 張冰
　　定價：58元
印次：1-1
ISBN：9787302513087
出版日期：2018.11.01
印刷日期：2018.11.02

《Dreamweaver CC 2018網頁製作案例教程》以通俗易懂的語言、翔實生動的案例全面介紹使用Dreamweaver CC 2018軟體進行網頁製作的方法和技巧。全書共分16章，內容涵蓋網頁製作基礎知識、操作網頁文檔、編輯網頁文本、設計網頁圖像、添加網頁多媒體、設定網頁超連結、使用表格、使用表單、使用CSS、製作Div+CSS頁面、定位網頁對象、使用CSS3動畫、設計HTML5結構、使用網頁行為、製作移動設備網頁、使用模板和庫項目等。

目錄

第1章網頁製作基礎知識1

1.1網頁與網頁製作的基礎知識2

1.1.1網頁與網站的概念2

1.1.2網頁的常見類型3

1.1.3網頁的頁面元素3

1.1.4網頁製作的相關知識4

1.2網站設計的常用流程6

1.2.1網站策劃6

1.2.2設計配色6

1.2.3收集素材11

1.2.4規劃站點12

1.2.5製作網頁12

1.2.6測試站點12

1.2.7發布站點12

1.3初識DreamweaverCC201812

1.4Dreamweaver站點管理14

1.4.1為什麼要創建站點14

1.4.2創建站點15

1.4.3編輯站點15

1.4.4管理站點16

1.5Dreamweaver環境設定18

1.5.1常規設定18

1.5.2不可見元素設定19

1.5.3網頁字型設定19

1.5.4檔案類型/編輯器類型20

1.5.5界面顏色設定20

1.6Dreamweaver代碼編輯20

1.6.1使用快速標籤編輯器22

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

1.6.3最佳化網頁原始碼23

1.7案例演練25

第2章操作網頁文檔27

2.1創建空白網頁28

2.2設定網頁屬性28

2.2.1設定外觀(CSS)29

2.2.2設定外觀(HTML)30

2.2.3設定連結(CSS)31

2.2.4設定標題(CSS)33

2.2.5設定標題/編碼33

2.2.6設定跟蹤圖像34

2.3定義頭部信息34

2.3.1設定META34

2.3.2設定說明信息36

2.3.3設定關鍵字36

2.4案例演練36

第3章編輯網頁文本39

3.1輸入網頁文本40

3.1.1輸入普通文本40

3.1.2輸入特殊文本40

3.1.3輸入日期與時間41

3.1.4插入水平線42

3.1.5插入滾動文本43

3.2設定文本格式44

3.2.1設定段落文本44

3.2.2設定標題文本45

3.2.3為文本設定預定義格式46

3.3設定字型樣式46

3.3.1設定字型類型46

3.3.2設定字型顏色47

3.3.3設定粗體和斜體48

3.2.4設定字型大小48

3.4設定文本樣式49

3.4.1設定文本換行49

3.4.2設定文本對齊49

3.4.3設定文本縮進和凸出50

3.5設定列表樣式51

3.5.1設定項目列表51

3.5.2設定編號列表52

3.5.3設定定義列表53

3.5.4設定列表屬性53

3.6案例演練54

第4章設計網頁圖像57

4.1插入網頁圖像58

4.1.1網頁圖像檔案簡介58

4.1.2在網頁中插入圖像58

4.1.3設定網頁背景圖像58

4.2設定網頁圖像的屬性59

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

4.2.2HTML圖像的屬性代碼60

4.3處理網頁圖像效果61

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

4.3.2編輯圖像設定62

4.3.3從源檔案更新圖像62

4.3.4裁剪圖像63

4.3.5設定圖像的亮度和對比度63

4.3.6設定銳化圖像63

4.3.7重新取樣圖片63

4.4製作滑鼠經過圖像63

4.5案例演練64

第5章添加網頁多媒體67

5.1插入FlashSWF動畫68

5.1.1在網頁中插入Flash動畫68

5.1.2調整Flash動畫大小69

5.1.3設定Flash動畫信息69

5.1.4控制Flash動畫播放70

5.1.5設定Flash動畫邊距70

5.1.6設定對齊方式與顏色70

5.1.7Flash附加參數設定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章設定網頁超連結81

6.1超連結的基礎知識82

6.1.1超連結的類型82

6.1.2超連結的路徑82

6.2設定基本超連結83

6.2.1設定文本的圖像超連結83

6.2.2設定圖像映射超連結83

6.3設定錨點超連結85

6.4設定音視頻超連結86

6.5設定檔案下載超連結87

6.6設定電子郵件超連結88

6.7管理超連結89

6.7.1更新超連結89

6.7.2修改超連結89

6.7.3測試超連結90

6.8案例演練90

第7章使用表格93

7.1創建與調整表格94

7.1.1網頁中表格的用途94

7.1.2創建表格94

7.1.3調整表格96

7.2為表格添加內容97

7.2.1在表格中輸入文本98

7.2.2在表格中插入圖像98

7.3設定表格和單元格屬性99

7.3.1設定表格屬性99

7.3.2設定單元格屬性101

7.4排序表格數據104

7.5導入和導出網頁表格104

7.5.1導入表格式數據104

7.5.2導出表格式數據105

7.6案例演練106

第8章使用表單113

8.1製作表單的方法114

8.1.1表單的基礎知識114

8.1.2創建表單115

8.2設定表單屬性115

8.3使用文本域和密碼域116

8.4使用文本區域118

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

8.6使用單選按鈕121

8.7使用複選框123

8.8使用檔案域124

8.9使用標籤和欄位集125

8.9.1使用標籤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認識CSS樣式表140

9.1.1CSS樣式表的功能140

9.1.2CSS樣式表的規則140

9.1.3CSS樣式表的類型140

9.2創建CSS樣式表142

9.2.1創建外部樣式表142

9.2.2創建內部樣式表143

9.2.3附加外部樣式表143

9.3添加CSS選擇器144

9.3.1添加類選擇器144

9.3.2添加id選擇器145

9.3.3添加標籤選擇器145

9.3.4添加其他選擇器146

9.4編輯CSS樣式效果149

9.4.1CSS類型設定149

9.4.2CSS背景設定151

9.4.3CSS區塊設定153

9.4.4CSS方框設定154

9.4.5CSS框線設定156

9.4.6CSS列表設定157

9.4.7CSS定位設定157

9.4.8CSS擴展設定159

9.4.9CSS過渡設定159

9.5案例演練160

第10章製作Div+CSS頁面163

10.1Div與盒模型簡介164

10.1.1認識Div164

10.1.2盒模型164

10.2理解標準布局165

10.2.1網頁標準165

10.2.2內容、結構、表現和

行為165

10.3使用Div+CSS166

10.4插入Div標籤167

10.5常用Div+CSS布局方式168

10.5.1高度自適應布局168

10.5.2網頁內容居中布局170

10.5.3網頁元素浮動布局171

10.6案例演練174

第11章定位網頁對象185

11.1使用絕對定位186

11.2使用相對定位188

11.3使用固定定位190

11.4案例演練192

第12章使用CSS3動畫195

12.1使用CSS3Transition196

12.1.1CSS3Transition簡介196

12.1.2設定緩動屬性197

12.1.3設定緩動時間198

12.1.4設定延遲時間198

12.1.5設定緩動效果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製作旋轉的商品圖片210

12.4案例演練211

第13章設計HTML5結構217

13.1HTML5簡介218

13.1.1創建HTML5檔案218

13.1.2HTML5檔案的基本結構219

13.1.3瀏覽器對HTML5的

支持221

13.2使用HTML5新增的主體

結構元素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新增的非主體

結構元素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使用表單相關屬性234

13.6.2使用連結相關屬性238

13.6.3使用其他屬性239

13.7案例演練239

第14章使用網頁行為241

14.1認識行為242

14.1.1行為的基礎知識242

14.1.2JavaScript代碼簡介242

14.2使用行為調節瀏覽器視窗243

14.2.1打開瀏覽器視窗243

14.2.2轉到URL244

14.2.3調用JavaScript245

14.3使用行為套用圖像245

14.3.1交換圖像與恢復交換

圖像246

14.3.2拖動AP元素248

14.4使用行為顯示文本249

14.4.1彈出信息249

14.4.2設定狀態欄文本250

14.4.3設定容器的文本250

14.4.4設定文本域文字251

14.5使用行為載入多媒體252

14.5.1檢查外掛程式252

14.5.2顯示-隱藏元素253

15.5.3改變屬性253

14.6使用行為控制表單254

14.6.1跳轉選單、跳轉選單

開始254

14.6.2檢查表單256

14.7案例演練257

第15章製作移動設備網頁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使用布局格線270

15.3.3使用可摺疊區塊271

15.3.4使用文本輸入框271

15.3.5使用密碼輸入框272

15.3.6使用文本區域272

15.3.7使用選擇選單273

15.3.8使用複選框273

15.3.9使用單選按鈕274

15.3.10使用按鈕275

15.3.11使用滑塊275

15.3.12使用翻轉切換開關275

15.4使用jQueryMobile主題276

15.5案例演練277

第16章使用模板和庫項目279

16.1創建模板280

16.1.1將網頁保存為模板280

16.1.2創建空白網頁模板281

16.2編輯模板281

16.2.1設定可編輯區域281

16.2.2設定可選區域282

16.2.3設定重複區域283

16.3套用模板284

16.3.1從模板新建網頁284

16.3.2為網頁套用模板284

16.4管理模板285

16.4.1刪除網頁模板285

16.4.2打開網頁上附加的模板285

16.4.3更新網頁模板285

16.4.4將網頁脫離模板285

16.5使用庫項目286

16.5.1認識庫項目286

16.5.2創建庫項目286

16.5.3設定庫項目286

16.5.4套用庫項目287

16.5.5修改庫項目287

16.6案例演練288