內容簡介
《Dreamweaver CC 2019網頁製作案例教程》以通俗易懂的語言、翔實生動的案例全面介紹網頁製作軟體Dreamweaver CC 2019的使用方法和技巧。全書共分13章,內容涵蓋了網頁製作的基礎知識,Dreamweaver CC 2019概述,HTML5基礎,格式化文本與段落,使用列表,使用超連結,使用圖像與多媒體檔案,使用CSS,製作Div+CSS頁面布局,使用表格,使用表單,使用HTML5繪製圖形,使用行為等。
圖書目錄
第1章 網頁製作的基礎知識 1
1.1 網頁概述 2
1.1.1 Web的起源 2
1.1.2 Web的特點 3
1.1.3 Web的工作原理 3
1.1.4 Web的相關概念 4
1.2 網頁開發技術 5
1.2.1 HTML 6
1.2.2 CSS 6
1.2.3 JavaScript 7
1.2.4 HTML DOM 7
1.2.5 BOM 8
1.2.6 Ajax 8
1.2.7 jQuery 8
1.3 網頁開發工具 9
1.4 網頁瀏覽工具 10
1.5 案例演練 11
第2章 Dreamweaver CC 2019概述 13
2.1 工作界面 14
2.2 基本操作 18
2.2.1 站點操作 18
2.2.2 網頁操作 21
2.3 編碼環境 25
2.3.1 代碼提示 25
2.3.2 代碼格式化 27
2.3.3 代碼改寫 28
2.4 編碼工具 28
2.4.1 快速標籤編輯器 28
2.4.2 【代碼片斷】面板 29
2.4.3 最佳化網頁代碼 29
2.5 輔助工具 31
2.5.1 標尺 31
2.5.2 格線 32
2.5.3 輔助線 33
2.6 自定義設定 33
2.6.1 常規設定 33
2.6.2 不可見元素的設定 34
2.6.3 網頁字型設定 34
2.6.4 檔案類型/編輯器設定 35
2.7 案例演練 35
第3章 HTML5基礎 41
3.1 HTML5文檔結構 42
3.1.1 文檔類型聲明 42
3.1.2 主標籤 42
3.1.3 頭部標籤 43
3.1.4 主體標籤 44
3.2 HTML5檔案的編寫方法 44
3.2.1 手動編寫HTML5代碼 44
3.2.2 用Dreamweaver生成代碼 45
3.3 HTML5元素 46
3.3.1 結構元素 47
3.3.2 功能元素 48
3.3.3 表單元素 50
3.4 HTML5屬性 51
3.4.1 表單屬性 51
3.4.2 連結屬性 51
3.4.3 其他屬性 51
3.5 HTML5全局屬性 52
3.5.1 contenEditable屬性 52
3.5.2 contextmenu屬性 53
3.5.3 data-*屬性 53
3.5.4 draggable屬性 55
3.5.5 dropzone屬性 56
3.5.6 hidden屬性 56
3.5.7 spellcheck屬性 57
3.5.8 translate屬性 57
3.6 HTML5事件 57
3.6.1 window事件 58
3.6.2 form事件 58
3.6.3 mouse事件 58
3.6.4 media事件 59
3.7 實例演練 60
第4章 格式化文本與段落 63
4.1 定義段落文字 64
4.1.1 使用段落標籤 64
4.1.2 使用換行標籤 64
4.2 定義標題文字 65
4.3 設定文字格式 65
4.3.1 設定文字字型 65
4.3.2 設定文字字號 66
4.3.3 設定文字顏色 68
4.3.4 設定文字效果 69
4.3.5 設定上標與下標 70
4.3.6 設定字型風格 70
4.3.7 設定文字粗細 71
4.3.8 設定文字的複合屬性 71
4.3.9 設定陰影文本 72
4.4 設定網頁水平線 73
4.4.1 添加水平線 73
4.4.2 設定水平線的寬度和高度 74
4.4.3 設定水平線的顏色 74
4.4.4 設定水平線的對齊方式 75
4.4.5 消除水平線的陰影 76
4.5 設定段落格式 76
4.5.1 設定單詞間隔 76
4.5.2 設定字元間隔 77
4.5.3 設定文字修飾 78
4.5.4 設定垂直對齊方式 78
4.5.5 設定水平對齊方式 79
4.5.6 設定文本縮進 80
4.5.7 設定文本行高 81
4.5.8 處理空白 81
4.5.9 文本反排 82
4.6 案例演練 83
第5章 使用列表 85
5.1 列表概述 86
5.2 無序列表 86
5.3 有序列表 87
5.4 列表嵌套 89
5.5 定義列表 91
5.6 案例演練 91
第6章 使用超連結 95
6.1 超連結概述 96
6.1.1 超連結的類型 96
6.1.2 超連結的路徑 96
6.2 創建超連結 97
6.2.1 創建文本連結 97
6.2.2 創建圖片連結 98
6.2.3 創建下載連結 99
6.2.4 設定電子郵件連結 100
6.2.5 設定以新視窗打開超連結 100
6.2.6 使用相對路徑和絕對路徑 101
6.3 使用浮動框架 102
6.4 使用熱點區域 103
6.5 案例演練 105
第7章 使用圖像與多媒體檔案 113
7.1 網頁圖像概述 114
7.1.1 網頁支持的圖像格式 114
7.1.2 網頁圖像的路徑 114
7.2 在網頁中插入圖像 116
7.3 編輯網頁圖像 117
7.3.1 設定圖像的高度和寬度 117
7.3.2 設定圖像提示文字 118
7.3.3 編輯圖像效果 119
7.3.4 在Photoshop中編輯圖像 120
7.4 設定網頁背景圖像 121
7.5 排列網頁中的圖像 122
7.6 製作滑鼠經過圖像 122
7.7 插入網頁音頻 123
7.7.1 <audio>標籤簡介 124
7.7.2 <audio>標籤的屬性 124
7.7.4 設定網頁音頻檔案 124
7.8 插入網頁視頻 126
7.8.1 <video>標籤簡介 126
7.8.2 <video>標籤的屬性 126
7.8.3 視頻解碼器 127
7.8.4 設定網頁視頻檔案 127
7.9 在網頁中添加外掛程式 130
7.11 在網頁中添加FLV檔案 132
7.12 在網頁中添加滾動文字 134
7.12.1 設定網頁滾動文字 134
7.12.2 套用滾動方向屬性 134
7.12.3 套用滾動方式屬性 135
7.12.4 套用滾動速度屬性 135
7.12.5 套用滾動延遲屬性 136
7.12.6 套用滾動循環屬性 136
7.12.7 套用滾動範圍屬性 137
7.12.8 套用滾動背景顏色屬性 137
7.12.9 套用滾動空間屬性 137
7.13 案例演練 138
第8章 使用CSS 141
8.1 CSS概述 142
8.1.1 CSS樣式表的功能 142
8.1.2 CSS樣式表的規則 142
8.1.3 CSS樣式表的類型 142
8.2 創建CSS樣式表 144
8.2.1 創建外部樣式表 144
8.2.2 創建內部樣式表 145
8.2.3 附加外部樣式表 145
8.3 添加CSS選擇器 146
8.4 編輯CSS樣式效果 154
8.4.1 CSS類型設定 154
8.4.2 CSS背景設定 156
8.4.3 CSS區塊設定 157
8.4.4 CSS方框設定 158
8.4.5 CSS框線設定 159
8.4.6 CSS列表設定 160
8.4.7 CSS定位設定 160
8.4.8 CSS擴展設定 162
8.4.9 CSS過渡設定 162
8.5 案例演練 163
第9章 製作Div+CSS頁面布局 169
9.1 Div與盒模型簡介 170
9.1.1 Div 170
9.1.2 盒模型 170
9.2 理解標準布局 171
9.2.1 網頁標準 171
9.2.2 內容、結構、表現和行為 171
9.3 Div+CSS 172
9.4 插入Div標籤 173
9.5 常用的Div+CSS布局方式 175
9.5.1 高度自適應布局 175
9.5.2 網頁內容居中布局 176
9.5.3 網頁元素浮動布局 178
9.6 案例演練 181
第10章 使用表格 191
10.1 表格概述 192
10.2 創建表格 193
10.2.1 創建帶標題的表格 193
10.2.2 定義表格的框線類型 194
10.2.3 定義表格的表頭 194
10.2.4 定義表格的單元格間距 196
10.2.5 定義表格的單元格邊距 196
10.2.6 定義表格的寬度 197
10.3 調整表格 197
10.3.1 調整表格大小 197
10.3.2 添加行與列 198
10.3.3 刪除行與列 198
10.3.6 設定單元格的高度與寬度 200
10.4 設定表格背景 201
10.4.1 定義表格的背景顏色 201
10.4.2 定義表格的背景圖片 201
10.5 排列單元格的內容 202
10.6 設定單元格內容不換行 203
10.7 案例演練 204
第11章 使用表單 211
11.1 表單概述 212
11.2 定義基本表單元素 213
11.2.1 單行文本框 213
11.2.2 多行文本框 213
11.2.3 密碼輸入框 214
11.2.4 單選按鈕 215
11.2.5 複選框 216
11.2.6 下拉列表框 217
11.2.7 普通按鈕 218
11.2.8 提交按鈕 219
11.2.9 重置按鈕 219
11.3 HTML5增強輸入類型 219
11.3.1 url類型 220
11.3.2 email類型 220
11.3.3 date和time類型 221
11.3.4 number類型 221
11.3.5 range類型 222
11.3.6 search類型 223
11.3.7 tel類型 223
11.3.8 color類型 224
11.4 HTML5 input屬性 224
11.4.1 autocomplete屬性 224
11.4.2 autofocus屬性 226
11.4.3 form屬性 227
11.4.4 height和width屬性 228
11.4.5 list屬性 228
11.4.6 min、max和step屬性 229
11.4.7 pattern屬性 230
11.4.8 placeholder屬性 230
11.4.9 required屬性 231
11.4.10 disabled屬性 231
11.4.11 readonly屬性 232
11.5 HTML5的新增控制項 232
11.5.1 datalist元素 232
11.5.2 keygen元素 232
11.5.3 output元素 233
11.6 HTML5表單屬性 233
11.6.1 autocomplete屬性 233
11.6.2 novalidate屬性 234
11.7 案例演練 234
第12章 使用HTML5繪製圖形 243
12.1 canvas簡介 244
12.2 繪製基本圖形 244
12.2.1 繪製矩形 244
12.2.2 繪製圓形 246
12.2.3 繪製直線 247
12.2.4 繪製多邊形 249
12.2.5 繪製曲線 249
12.2.6 繪製貝塞爾曲線 250
12.3 繪製漸變圖形 252
12.3.1 繪製線性漸變 252
12.3.2 繪製徑向漸變 253
12.4 設定圖形樣式 254
12.4.1 設定線型 254
12.4.2 設定不透明度 257
12.4.3 設定陰影 257
12.5 操作圖形 258
12.5.1 清除繪圖 258
12.5.2 移動坐標 259
12.5.3 旋轉坐標 260
12.5.4 縮放圖形 261
12.5.5 組合圖形 261
12.5.6 裁切路徑 263
12.6 繪製文字 264
12.6.1 繪製填充文字 264
12.6.2 繪製輪廓文字 265
12.6.3 設定文字屬性 266
12.7 案例演練 266
第13章 使用行為 269
13.1 行為簡介 270
13.1.1 行為的基礎知識 270
13.1.2 JavaScript代碼簡介 270
13.2 調節視窗 271
13.2.1 打開瀏覽器視窗 271
13.2.2 轉到URL 272
13.2.3 調用JavaScript 273
13.3 套用圖像 274
13.3.1 交換圖像與恢復交換圖像 274
13.3.2 拖動AP元素 277
13.4 顯示文本 278
13.4.1 彈出信息 278
13.4.2 設定狀態欄文本 279
13.4.3 設定容器的文本 280
13.4.4 設定文本域文本 281
13.5 載入多媒體 282
13.5.1 檢查外掛程式 282
13.5.2 顯示-隱藏元素 283
13.5.3 改變屬性 284
13.6 控制表單 285
13.6.1 跳轉選單、跳轉選單開始 285
13.6.2 檢查表單 288
13.7 案例演練 289