Adobe Dreamweaver CC 網頁設計與製作案例技能實訓教程

《Adobe Dreamweaver CC網頁設計與製作案例技能實訓教程》以實操案例為單元，以知識詳解為線索，從Dreamweaver最基本的應用講起，全面細致地對Dreamweaver軟件的應用方法和網頁設計技巧進行了介紹。全書共分為9章，實操案例包括創建小微企業站點、製作古文網頁、製作圖片網站首頁、製作國粹特色網頁、製作產品展示網頁、製作建築公司網頁、製作網站註冊頁面、製作景區網站模板，以及製作室內設計網頁等。理論知識涉及網頁設計入門操作、網頁基本元素編輯詳解、網頁多媒體元素詳解、網頁超鏈接應用詳解、表格應用詳解、Div CSS技術詳解、表單技術詳解、模板與庫詳解、行為技術詳解等，每章最後還安排了有針對性的項目練習，以供讀者練手。 《Adobe Dreamweaver CC網頁設計與製作案例技能實訓教程》結構合理，用語通俗，圖文並茂，易教易學，既適合作為高等院校相關專業的教材，又適合作為廣大網頁設計愛好者和各類技術人員的參考用書。

目    錄

 

第1章  網頁設計入門操作

跟我學 創建小微企業站點 2

聽我講

1.1 初識Dreamweaver 4

1.1.1 菜單欄 4

1.1.2 文檔工具欄 5

1.1.3  “通用”工具欄 6

1.1.4 標簽選擇器 7

1.1.5 屬性面板 7

1.1.6 面板組 7

1.2 網站建設流程 10

1.2.1 規劃站點 10

1.2.2 收集素材 11

1.2.3 製作網站 11

1.2.4 測試網站 11

1.2.5 發布網站 12

1.2.6 更新維護 12

1.3 創建站點 13

1.3.1 創建本地站點 13

1.3.2 創建遠程站點 14

1.4 站點的管理 14

1.4.1 訪問站點 14

1.4.2 編輯站點 15

自己練 創建站點 16

 

第2章  網頁基本元素編輯詳解

跟我學 製作古文網頁 18

聽我講

2.1 網頁的基本構成元素 26

2.1.1 文本 26

2.1.2 圖像 26

2.1.3 超鏈接 26

2.1.4 表單 26

2.1.5 表格 26

2.1.6 導航欄 26

2.1.7 動畫 27

2.2 文本內容的創建 27

2.2.1 輸入文本 27

2.2.2 設置文本屬性 28

2.3 其他常見元素的插入 30

2.3.1 插入特殊符號 30

2.3.2 插入日期和時間 31

2.3.3 插入水平線 31

2.4 頁面屬性的設置 32

2.4.1 外觀 32

2.4.2 鏈接（CSS） 34

2.4.3 標題（CSS） 35

2.4.4 標題/編碼 35

2.4.5 跟蹤圖像 36

自己練 設計酒店首頁 37

 

第3章  網頁多媒體元素詳解

跟我學 製作圖片網站首頁 40

聽我講

3.1 圖像的插入與編輯 49

3.1.1 網頁圖像的格式 49

3.1.2 插入圖像 50

3.1.3 圖像的屬性設置 51

3.1.4 圖像的對齊方式 53

3.2 多媒體元素的插入 55

3.2.1 插入HTML5 Video 55

3.2.2 插入SWF格式文件 57

3.2.3 插入Flash Video文件 59

3.2.4 插入音頻 61 3.2.5 插入插件 62

自己練 製作書法網站首頁 63

 

第4章  網頁超鏈接應用詳解

跟我學 創建國粹特色網頁 66

聽我講

4.1 什麽是超鏈接 81

4.1.1 絕對路徑 81

4.1.2 文檔相對路徑 81

4.1.3 站點根目錄相對路徑 81

4.2 超鏈接的創建 82

4.2.1 創建文本鏈接 82

4.2.2 創建空鏈接 84

4.2.3 製作錨點鏈接 84

4.2.4 創建電子郵件鏈接 85

4.2.5 創建腳本鏈接 85

4.3 在圖像中應用鏈接 86

4.3.1 圖像鏈接 86

4.3.2 圖像熱點鏈接 86

4.4 管理網頁超鏈接 87

4.4.1 自動更新鏈接 87

4.4.2 在站點範圍內更改鏈接 88

4.4.3 檢查站點中的鏈接錯誤 89

自己練 製作散文網頁 90

 

第5章  表格應用詳解

跟我學 製作產品展示網頁 92

聽我講

5.1 表格的創建 102

5.1.1 表格的相關術語 102

5.1.2 插入表格 102

5.1.3 表格的基本代碼 103

5.1.4 選擇表格 104

5.2 表格屬性的設置 107

5.2.1 設置表格的屬性 107

5.2.2 設置單元格屬性 107

5.2.3 鼠標經過顏色 108

5.2.4 表格的屬性代碼 109

5.3 表格的編輯 112

5.3.1 復制/粘貼表格 112

5.3.2 添加行和列 113

5.3.3 刪除行和列 113

5.3.4 拆分和合並單元格 114

5.4 表格式數據的導入/導出 114

5.4.1 導入表格式數據 114

5.4.2 導出表格式數據 115

自己練 製作音樂廳演出信息網頁 116

 

第6章  Div+CSS技術詳解

跟我學 製作建築公司網頁 118

聽我講

6.1 認識CSS樣式表 127

6.2 創建CSS樣式 127

6.2.1 CSS設計器 127

6.2.2 創建CSS樣式表 128

6.2.3 應用內部樣式表 131

6.2.4 鏈接外部CSS樣式表 132

6.3 定義CSS樣式 132

6.3.1 定義CSS樣式的類型 133

6.3.2 定義CSS樣式的背景 134

6.3.3 定義CSS樣式的區塊 134

6.3.4 定義CSS樣式的方框 135

6.3.5 定義CSS樣式的邊框 136

6.3.6 定義CSS樣式的列表 136

6.3.7 定義CSS樣式的定位 137

6.3.8 定義CSS樣式的擴展 138

6.3.9 定義CSS樣式的過渡 138

6.4 管理CSS樣式表 140

6.4.1 編輯CSS樣式屬性 140

6.4.2 刪除CSS樣式 141

6.4.3 復制CSS樣式 141

6.5 Div+CSS佈局基礎 142

6.5.1 Div簡介 142

6.5.2 Div+CSS佈局的優勢 142

6.5.3 創建Div 143

6.5.4 盒子模型 144

6.6 常見的網頁佈局方式  146

6.6.1 居中佈局 146

6.6.2 浮動佈局 149

6.6.3 高度自適應佈局 150

自己練 製作體育用品公司網頁 152

 

第7章  表單技術詳解

跟我學 製作網站註冊頁面 156

聽我講

7.1 認識表單 164

7.2 創建表單域 165

7.2.1 表單域的創建 165

7.2.2 表單域的屬性設置 165

7.3 插入文本域 166

7.3.1 插入單行文本域 166

7.3.2 插入多行文本域 167

7.3.3 密碼域 168

7.4 插入單選按鈕和復選框 169

7.4.1 插入單選按鈕 169

7.4.2 插入復選框 171

7.5 創建選擇 172

7.6 創建文件域 174

7.7 創建表單按鈕 174

7.8 創建跳轉菜單 175

自己練 製作公司員工信息表 176

 

第8章  模板與庫詳解

跟我學 製作景區網站模板 178

聽我講

8.1 模板的創建 192

8.1.1 創建新模板 192

8.1.2 將網頁保存為模板 194

8.2 模板的編輯 194

8.2.1 可編輯區域和不可編輯區域 195

8.2.2 創建可編輯區域 195

8.2.3 創建可選區域 196

8.2.4 刪除可編輯區域 197

8.3 模板的應用 198

8.3.1 從模板新建 198

8.3.2 將模板應用於現有文檔 199

8.3.3 頁面與模板分離 200

8.4 模板的管理操作 200

8.4.1 更新頁面 200

8.4.2 重命名模板 201

8.4.3 刪除模板 201

8.5 庫的應用 202

8.5.1 創建庫項目 202

8.5.2 插入庫項目 202

8.5.3 管理庫項目 203

自己練 製作古建築網站模板 206

 

第9章  行為技術詳解

跟我學 製作室內設計網頁 208

聽我講

9.1 行為概述 218

9.1.1  “行為”面板 218

9.1.2 事件 219

9.1.3 應用行為 220

9.2 常用行為 221

9.2.1 交換圖像 221

9.2.2 彈出信息 222

9.2.3 打開瀏覽器窗口 222

9.2.4 檢查表單 223

9.2.5 設置文本 224

9.2.6 調用JavaScript 225 

9.2.7 跳轉菜單 226

9.2.8 轉到URL 226

9.2.9 預先載入圖像 227

自己練 製作寵物網站 228

 

附錄 229

附錄A Dreamweaver CC常用快捷鍵一覽 230

附錄B HTML常見標簽匯總 236