Dreamweaver 2021中文版標準實例教程

目  錄
前言
第1章  Dreamweaver概述1
1.1  Dreamweaver 2021的新功能2
1.2  工作界面2
1.2.1  菜單欄4
1.2.2  文檔工具欄4
1.2.3  通用工具欄5
1.2.4  “插入”面板6
1.2.5  文檔窗口6
1.2.6  “屬性”面板9
1.2.7  浮動面板組9
1.3  對文件的操作10
1.3.1  打開文件10
1.3.2  創建文件10
1.3.3  存儲文件12
1.4  動手練一練13
1.5  思考題13

第2章  HTML基礎14
2.1  HTML基礎15
2.1.1  什麼是HTML15
2.1.2  統一資源定位符16
2.1.3  HTML的語法特性17
2.2  常用HTML標記18
2.2.1  文檔的結構標記19
2.2.2  註釋標記20
2.2.3  文本格式標記20
2.2.4  排版標記21
2.2.5  列表標記22
2.2.6  表格標記23
2.2.7  表單標記24
2.2.8  其他標記26
2.3  動手練一練28
2.4  思考題28

第3章  構建本地站點29
3.1  概述30
3.1.1  Internet服務器和本地計算機30
3.1.2  遠端站點和本地站點30
3.1.3  Internet服務程序31
3.1.4  上傳和下載31
3.1.5  網頁的設計和出版流程31
3.2  規劃站點32
3.2.1  規劃站點結構32
3.2.2  規劃站點的瀏覽機制33
3.2.3  構建整體的站點風格34
3.3  構建本地站點34
3.3.1  創建新站點34
3.3.2  由已有文件生成站點40
3.4  管理站點40
3.4.1  打開本地站點40
3.4.2  編輯站點40
3.4.3  刪除站點41
3.4.4  複製站點41
3.5  操作站點文件42
3.5.1  創建文件或文件夾42
3.5.2  刪除文件或文件夾43
3.5.3  編輯站點文件43
3.5.4  刷新本地站點文件列表43
3.6  動手練一練44
3.7  思考題44

第4章  文本與超鏈接45
4.1  添加網頁文本46
4.1.1  添加普通文本46
4.1.2  插入特殊符號46
4.1.3  查找和替換文本49
4.1.4  插入日期51
4.2  設置文本格式51
4.2.1  文本的屬性52
4.2.2  設置段落格式55
4.3  添加超鏈接56
4.3.1  鏈接的基本知識56
4.3.2  創建超鏈接57
4.3.3  鏈接到文檔中的指定位置58
4.3.4  創建電子郵件鏈接59
4.3.5  創建空鏈接和腳本鏈接59
4.3.6  設置鏈接屬性59
4.4  文本與鏈接網頁實例60
4.5  動手練一練63
4.6  思考題63

第5章  圖像和媒體64
5.1  在網頁中插入圖像65
5.1.1  關於圖像65
5.1.2  插入圖像65
5.1.3  圖像的屬性67
5.1.4  修改圖像尺寸68
5.1.5  創建翻轉圖像68
5.1.6  設置背景圖像69
5.1.7  使用圖像映射71
5.2  添加聲音73
5.2.1  關於聲音73
5.2.2  鏈接到音頻文件73
5.2.3  嵌入音樂文件74
5.3  HTML5視頻75
5.3.1  插入HTML5視頻75
5.3.2  設置HTML5視頻屬性76
5.4  HTML5音頻77
5.4.1  插入HTML5音頻77
5.4.2  設置HTML5音頻屬性77
5.5  Flash視頻78
5.5.1  插入Flash視頻內容78
5.5.2  修改Flash視頻屬性79
5.6  動手練一練80
5.7  思考題80

第6章  表格排版技術81
6.1  表格概述82
6.1.1  表格的功能82
6.1.2  表格的基本組成82
6.2  創建表格82
6.2.1  創建表格、單元格83
6.2.2  創建嵌套表格85
6.3  表格操作86
6.3.1  選定表格對象86
6.3.2  表格、單元格屬性面板87
6.3.3  增加、刪除行或列90
6.3.4  拆分、合併單元格91
6.3.5  在表格中添加內容93
6.3.6  複製、粘貼單元格94
6.3.7  導出/導入表格數據95
6.3.8  表格排序97
6.4  擴展表格模式98
6.5  利用表格佈局頁面100
6.6  動手練一練102
6.7  思考題103

第7章  行為104
7.1  使用行為創建交互105
7.1.1  認識行為105
7.1.2  “行為”面板105
7.1.3  認識事件106
7.2  應用行為107
7.2.1  安裝第三方行為107
7.2.2  綁定行為108
7.2.3  修改行為110
7.3  Dreamweaver的內置行為110
7.3.1  調用JavaScript110
7.3.2  改變屬性111
7.3.3  檢查插件112
7.3.4  jQuery效果114
7.3.5  轉到URL115
7.3.6  打開瀏覽器窗口116
7.3.7  彈出信息117
7.3.8  預先載入圖像117
7.3.9  設置文本118
7.3.10  顯示-隱藏元素120
7.3.11  交換圖像/恢復交換圖像120
7.3.12  檢查表單121
7.4  動手練一練122
7.5  思考題122

第8章  Web標準佈局123
8.1  Web標準佈局的概念124
8.2  CSS基礎124
8.2.1  CSS概述124
8.2.2  CSS樣式表的組成125
8.3  CSS設計器127
8.3.1  創建和附加樣式表128
8.3.2  定義媒體查詢129
8.3.3  定義 CSS 選擇器131
8.3.4  設置CSS屬性131
8.3.5  CSS樣式的應用136
8.4  CSS佈局塊137
8.4.1  創建Div標籤138
8.4.2  編輯Div標籤139
8.4.3  可視化CSS佈局塊140
8.5  常用CSS版式佈局142
8.5.1  一列佈局142
8.5.2  兩列佈局144
8.5.3  三列佈局146
8.6  顯示/隱藏佈局塊149
8.7  動手練一練152
8.8  思考題152

第9章  表單的應用153
9.1  創建表單154
9.1.1  表單概述154
9.1.2  插入表單154
9.1.3  設置表單屬性155
9.2  表單對象156
9.2.1  文本字段156
9.2.2  單選按鈕組158
9.2.3  複選框159
9.2.4  文件域160
9.2.5  按鈕161
9.2.6  圖像按鈕162
9.2.7  選擇框164
9.2.8  隱藏域165
9.2.9  HTML5表單元素166
9.3  表單的處理168
9.4  動手練一練171
9.5  思考題171

第10章  模板與庫172
10.1  模板173
10.1.1  “模板”面板173
10.1.2  建立模板173
10.1.3  設置模板的頁面屬性175
10.1.4  定義可編輯區域175
10.1.5  定義重複區域176
10.1.6  定義可選區域177
10.1.7  定義嵌套模板179
10.1.8  應用模板建立網頁180
10.1.9  修改模板並更新站點180
10.2  庫181
10.2.1  庫面板181
10.2.2  創建及使用庫項目182
10.2.3  操作庫項目183
10.3  模板與庫的應用185
10.4  動手練一練189
10.5  思考題190

第11章  定制Dreamweaver191
11.1  “項”對話框192
11.1.1  “常規”選項192
11.1.2  “CSS樣式”選項193
11.1.3  “Extract”選項194
11.1.4  “Git”選項195
11.1.5  “Linting”選項195
11.1.6  “PHP”選項197
11.1.7  “W3C驗證程序”選項197
11.1.8  “不可見元素”選項198
11.1.9  “代碼提示”選項199
11.1.10  “代碼改寫”選項200
11.1.11  “代碼格式”選項201
11.1.12  “同步設置”選項203
11.1.13  “複製/粘貼”選項203
11.1.14  “字體”選項204
11.1.15  “實時預覽”選項205
11.1.16  “應用程序內更新”選項206
11.1.17  “文件比較”選項207
11.1.18  “文件類型/編輯器”選項207
11.1.19  “新增功能指南”選項208
11.1.20  “新建文檔”選項209
11.1.21  “標記色彩”選項210
11.1.22  “界面”選項211
11.1.23  “窗口大小”選項212
11.1.24  “站點”選項212
11.1.25  “輔助功能”選項213
11.2  動手練一練214
11.3  思考題214

第12章  動態網頁基礎與外部程序接口215
12.1  安裝、配置IIS服務器216
12.2  創建虛擬目錄223
12.3  配置測試服務器225
12.4  使用外部程序接口227
12.4.1  插入Fireworks圖像和HTML文件227
12.4.2  優化插入的Fireworks圖像229
12.5  綜合實例230
12.5.1  頁面佈局231
12.5.2  格式化文本231
12.5.3  插入並優化Fireworks文件232
12.5.4  插入Flash對象233
12.6  動手練一練235
12.7  思考題235

第13章  寵物網站綜合實例236
13.1  實例介紹237
13.2  準備工作238
13.3  製作首頁238
13.3.1  製作頂欄239
13.3.2  製作左側邊欄242
13.3.3  製作內容顯示欄244
13.3.4  製作右側邊欄245
13.3.5  製作頁腳247
13.4  製作鏈接頁面247
13.5  添加行為251
13.6  思考題252

第14章  企業網站綜合實例253
14.1  實例介紹254
14.2  網站策劃255
14.2.1  確定網站色彩255
14.2.2  網站主要功能頁面255
14.3  準備工作256
14.4  使用表格佈局網頁256
14.4.1  製作網站首頁257
14.4.2  製作手機展示頁面265
14.5  思考題275