實用性強(qiáng)—— 本書所有案例均涉及網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)主要技術(shù)，實例典型，內(nèi)容實用。

操作性強(qiáng)—— 在介紹具體操作步驟過程中，配有圖片引導(dǎo)，便于讀者上機(jī)操作。

循序漸進(jìn) —— 遵循從基礎(chǔ)到高級，從入門到精通的思路，幫助讀者輕松建立起正確的知識體系。

前 言

隨著互聯(lián)網(wǎng)不斷普及和發(fā)展，人們的學(xué)習(xí)、工作、生活已經(jīng)離不開它，因此掌握一定的互聯(lián)網(wǎng)應(yīng)用知識和技能成為現(xiàn)代大學(xué)生的基本素養(yǎng)。網(wǎng)頁是互聯(lián)網(wǎng)最重要的載體，學(xué)習(xí)網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)技術(shù)是學(xué)生深入了解互聯(lián)網(wǎng)信息呈現(xiàn)方式和提高自己信息技術(shù)素養(yǎng)的一種途徑。同時，教育部高等學(xué)校非計算機(jī)專業(yè)計算機(jī)基礎(chǔ)課程教學(xué)指導(dǎo)分委員會提出的《關(guān)于進(jìn)一步加強(qiáng)高等學(xué)校計算機(jī)基礎(chǔ)教學(xué)的意見》對高等學(xué)校計算機(jī)基礎(chǔ)教育的教學(xué)內(nèi)容提出了更新、更高、更具體的要求，使得計算機(jī)基礎(chǔ)教育開始步入更加科學(xué)、更加合理、更加符合21世紀(jì)高等學(xué)校人才培養(yǎng)目標(biāo)且更具大學(xué)教育特征和專業(yè)特征的新階段。

Dreamweaver 2021是Adobe公司推出的一款集網(wǎng)頁制作和網(wǎng)站管理于一身的網(wǎng)頁編輯器，不僅可以幫助不同層次的用戶快捷設(shè)計網(wǎng)頁，而且可以使用ASP等服務(wù)器語言為網(wǎng)站服務(wù)，在網(wǎng)頁設(shè)計與制作和網(wǎng)站開發(fā)領(lǐng)域占據(jù)非常重要的地位，深受網(wǎng)頁開發(fā)設(shè)計人員的青睞。

本書從實用技能出發(fā)，采用零基礎(chǔ)、入門級的講解方式，系統(tǒng)全面地介紹了Dreamweaver 2021的相關(guān)功能和操作方法，并以案例貫穿整個講解過程，做到圖文并茂、通俗易懂，使讀者輕松運用Dreamweaver 2021來高效地開發(fā)網(wǎng)站。本書由溫凱峰（負(fù)責(zé)全書審閱定稿工作）、葉仕通任主編，萬智萍、郭其標(biāo)、周漢達(dá)、鄧文鋒任副主編。具體編寫分工如下：第1章至第3章、第13章和第14章由溫凱峰、葉仕通編寫，第4章、第5章、第9章、第10章由郭其標(biāo)、萬智萍編寫，第6章至第8章由周漢達(dá)編寫，第11章和第12章由鄧文鋒編寫。

在本書編寫過程中參閱了網(wǎng)頁設(shè)計方面的教材，借鑒、吸收了國內(nèi)外專家學(xué)者的成果，在此一并表示感謝。由于編者水平有限，加之時間倉促，書中疏漏甚至錯誤之處在所難免，懇請讀者批評指正。

編 者

2022年5月

前言

第1章 初識Dreamweaver 2021 1
1.1 網(wǎng)頁設(shè)計基礎(chǔ)知識 1
1.1.1 相關(guān)概念 1
1.1.2 網(wǎng)頁的頁面元素 7
1.1.3 網(wǎng)站的建設(shè)流程 10
1.2 走進(jìn)Dreamweaver 2021 15
1.2.1 安裝Dreamweaver 2021 15
1.2.2 啟動Dreamweaver 2021 16
1.2.3 退出Dreamweaver 2021 17
1.2.4 Dreamweaver 2021的工作環(huán)境 18
1.2.5 Dreamweaver 2021的新特性 22
第2章 HTML的基礎(chǔ)知識 24
2.1 HTML基本概念 24
2.2 HTML基本結(jié)構(gòu) 24
2.2.1 基本結(jié)構(gòu) 26
2.2.2 標(biāo)記和屬性 26
2.2.3 基本標(biāo)記 27
2.2.4 頁面格式標(biāo)記 29
2.2.5 文本標(biāo)記 31
2.2.6 圖像標(biāo)記 32
2.2.7 表格標(biāo)記 33
2.2.8 鏈接標(biāo)記 34
2.2.9 表單標(biāo)記 35
2.2.10 其他標(biāo)記 37
2.3 HTML5基本用法 38
2.3.1 HTML5的語法變化 38
2.3.2 HTML5的標(biāo)記方法 39
2.3.3 HTML5的新增元素 39
第3章 網(wǎng)頁的基本操作 43
3.1 創(chuàng)建和管理站點 43
3.1.1 站點概述 43
3.1.2 創(chuàng)建本地站點 44
3.1.3 創(chuàng)建遠(yuǎn)程站點 46
3.1.4 管理站點 49
3.1.5 操作站點文件和文件夾 54
3.2 網(wǎng)頁建設(shè) 56
3.2.1 新建網(wǎng)頁 56
3.2.2 保存網(wǎng)頁 58
3.2.3 打開網(wǎng)頁 59
3.2.4 預(yù)覽網(wǎng)頁 61
3.2.5 關(guān)閉網(wǎng)頁 62
3.2.6 設(shè)置頁面屬性 63
3.3 網(wǎng)頁中的文本 69
3.3.1 錄入文本 70
3.3.2 編輯文本 74
3.4 美化網(wǎng)頁 86
3.4.1 網(wǎng)頁常用的圖像格式 86
3.4.2 插入圖像 87
3.4.3 設(shè)置圖像屬性 87
3.4.4 插入鼠標(biāo)經(jīng)過圖像 89
3.5 多媒體網(wǎng)頁制作 94
3.5.1 插入聲音 94
3.5.2 插入視頻 98
3.5.3 插入Flash元素 102
第4章 超鏈接的應(yīng)用 108
4.1 了解超鏈接 108
4.2 創(chuàng)建超鏈接 109
4.2.1 創(chuàng)建文本超鏈接 109
4.2.2 創(chuàng)建圖像超鏈接 110
4.2.3 創(chuàng)建空鏈接 112
4.2.4 創(chuàng)建電子郵件鏈接 112
4.2.5 創(chuàng)建錨記鏈接 113
4.2.6 創(chuàng)建下載文件鏈接 114
4.2.7 創(chuàng)建腳本鏈接 114
4.3 實例 116
4.3.1 實例1——創(chuàng)建圖像熱點鏈接 116
4.3.2 實例2——創(chuàng)建錨記鏈接 120
4.3.3 實例3——創(chuàng)建空鏈接、電子郵件
鏈接、下載文件鏈接和腳本鏈接 121
第5章 網(wǎng)頁中表格的應(yīng)用 124
5.1 創(chuàng)建表格 124
5.2 添加內(nèi)容到單元格 126
5.2.1 輸入文字 126
5.2.2 嵌套表格 127
5.2.3 插入圖像 127
5.3 選擇和編輯表格 127
5.3.1 選定表格及單元格 127
5.3.2 插入行或列 130
5.3.3 刪除行或列 134
5.3.4 合并單元格 134
5.3.5 拆分單元格 135
5.3.6 復(fù)制、剪切和粘貼單元格 136
5.3.7 設(shè)置表格屬性 137
5.3.8 設(shè)置單元格屬性 137
5.3.9 設(shè)置行或列屬性 138
5.3.10 調(diào)整表格大小 138
5.4　表格的高級操作 139
5.4.1　對表格數(shù)據(jù)排序 139
5.4.2　導(dǎo)入表格數(shù)據(jù) 140
5.4.3　導(dǎo)出表格數(shù)據(jù) 141
5.5 實例——應(yīng)用表格布局網(wǎng)頁 142
第6章 層疊樣式表CSS 145
6.1 CSS概述 145
6.2 CSS的基本語法規(guī)則 146
6.3 選擇器 147
6.3.1 派生選擇器 147
6.3.2 ID選擇器 149
6.3.3 類選擇器 149
6.3.4 復(fù)合內(nèi)容選擇器 149
6.4 CSS樣式的存放位置 149
6.4.1 保存在文檔內(nèi)部 150
6.4.2 保存在外部CSS文件中 150
6.5 CSS樣式的分類 151
6.5.1 根據(jù)CSS的保存位置分類 151
6.5.2 根據(jù)選擇器的類型分類 151
6.6 CSS樣式的創(chuàng)建及應(yīng)用 151
6.6.1 “CSS設(shè)計器”面板 151
6.6.2 內(nèi)部CSS樣式的創(chuàng)建及應(yīng)用 153
6.6.3 外部CSS樣式的創(chuàng)建及應(yīng)用 161
6.7 CSS屬性 167
6.7.1 布局屬性 167
6.7.2 文本屬性 169
6.7.3 邊框?qū)傩?169
6.7.4 背景屬性 169
第7章 Div+CSS 171
7.1 創(chuàng)建Div標(biāo)簽 171
7.2 設(shè)置Div標(biāo)簽 172
7.3 Div+CSS布局 173
7.3.1 盒子模型 173
7.3.2 Div相關(guān)的屬性 174
第8章 模板和庫的使用 180
8.1 模板 180
8.1.1　創(chuàng)建模板 180
8.1.2 創(chuàng)建模板的可編輯區(qū)域 182
8.1.3 應(yīng)用模板 184
8.1.4 管理模板 186
8.2　庫 187
8.2.1 創(chuàng)建庫項目 187
8.2.2 編輯庫項目 187
8.2.3 應(yīng)用庫項目 188
8.3 實例——制作學(xué)校網(wǎng)站模板 189
第9章 表單的應(yīng)用 191
9.1　認(rèn)識表單 191
9.1.1　表單的概念 191
9.1.2 表單對象的概念 191
9.2　創(chuàng)建表單 192
9.2.1　插入表單域 192
9.2.2　設(shè)置表單屬性 193
9.3　插入表單對象 193
9.3.1 插入文本域 193
9.3.2 插入復(fù)選框或復(fù)選框組 195
9.3.3　插入單選按鈕 195
9.3.4　插入列表和菜單 196
9.3.5　插入按鈕和圖像按鈕 197
9.3.6　插入隱藏域和文件域 198
9.3.7　插入HTML5表單元素 199
9.4 實例——制作在線調(diào)查表 199
第10章 行為的應(yīng)用 203
10.1　認(rèn)識行為 203
10.2 應(yīng)用行為 204
10.2.1 添加行為 204
10.2.2 編輯行為 205
10.3 常用事件 206
10.4 標(biāo)準(zhǔn)動作 207
10.4.1 交換圖像 207
10.4.2 彈出信息 208
10.4.3 打開瀏覽器窗口 209
10.4.4 調(diào)用JavaScript 210
10.4.5 檢查插件 210
10.4.6 轉(zhuǎn)到URL 211
10.4.7 預(yù)先載入圖像 212
10.4.8 設(shè)置文本 213
10.4.9 顯示-隱藏元素 215
10.4.10 改變屬性 215
10.4.11 檢查表單 216
10.4.12 跳轉(zhuǎn)菜單 217
10.5 實例 218
10.5.1 實例1——跳轉(zhuǎn)菜單 218
10.5.2 實例2——彈出信息 219
10.5.3 實例3——關(guān)閉網(wǎng)頁 219
第11章 使用jQuery特效 221
11.1 認(rèn)識jQuery 221
11.2 jQuery的特點 221
11.3 jQuery特效的使用 222
11.3.1 內(nèi)置jQuery效果的使用步驟 222
11.3.2 內(nèi)置jQuery效果的功能介紹 224
11.4 實例 226
11.4.1 百葉窗特效 226
11.4.2 高亮特效 227
11.4.3 彈跳特效 229
11.4.4 搖晃特效 231
11.4.5 剪輯特效 233
11.4.6 滑動特效 234
第12章 設(shè)計動態(tài)網(wǎng)頁 237
12.1 認(rèn)識動態(tài)網(wǎng)頁 237
12.2 搭建服務(wù)器環(huán)境 238
12.2.1 安裝IIS 238
12.2.2 配置IIS 241
12.2.3 定義用戶權(quán)限 246
12.2.4 設(shè)置應(yīng)用池 248
12.2.5 配置ASP應(yīng)用程序 249
12.3 創(chuàng)建數(shù)據(jù)庫 251
12.3.1 創(chuàng)建數(shù)據(jù)庫表 251
12.3.2 啟用sa賬號和更改身份驗證模式 254
12.3.3 編輯數(shù)據(jù)庫表 259
12.4 創(chuàng)建本地源數(shù)據(jù)庫 260
12.5 創(chuàng)建動態(tài)網(wǎng)頁 262
12.5.1 新建站點 262
12.5.2 新建網(wǎng)頁 264
12.5.3 添加“服務(wù)器行為”和“數(shù)據(jù)庫”
面板 267
12.5.4 連接數(shù)據(jù)庫 268
12.5.5 制作登錄頁面 270
12.5.6 制作重新登錄頁面 273
第13章 網(wǎng)站制作綜合實例（一） 275
13.1 建站分析 276
13.2 建站步驟 276
第14章 網(wǎng)站制作綜合實例（二） 290
14.1　建站分析 290
14.2 建站步驟 291
14.2.1 建站 291
14.2.2 創(chuàng)建網(wǎng)頁文檔和CSS樣式表文件 291
14.2.3 制作網(wǎng)頁的頂部 292
14.2.4 制作網(wǎng)頁的主體部分 293
14.2.5 制作網(wǎng)頁的底部 295
參考文獻(xiàn) 298

1. 智能控制導(dǎo)論（第四版） [蔡自興 編著]
2. 輸水管線工程風(fēng)險管理 [張勇 黨亥生 著]
3. 民用航空飛機(jī)標(biāo)準(zhǔn)線路施工 [主編　王志敏　陳明]
4. 不息的水脈—大運河講談錄 [趙珩　著]
5. 實用運籌學(xué) [主編　邢育紅　于晉臣]
6. 三峽梯級電站水資源決策支持系統(tǒng)研究與開發(fā) [姚華明 潘紅忠 湯正]
7. 海南黎族民俗文化鑒賞 [龐國華　著]
8. 石墨烯在太赫茲及中紅外頻段電磁器件設(shè)計中的應(yīng)用 [李艷秀 莊華偉 著]
9. 電子技術(shù)（第二版） [主編 覃愛娜 李飛]
10. 辦公自動化高級應(yīng)用 [陳萍 朱曉玉]
11. 信息處理技術(shù)員考試32小時通關(guān) [薛大龍]
12. 電子產(chǎn)品設(shè)計案例教程（微課版）—基于嘉立創(chuàng)EDA（專業(yè)版） [王靜 莫志宏 陳學(xué)昌 丁紅]
13. C程序設(shè)計實踐教程 [劉衛(wèi)國]
14. C程序設(shè)計（慕課版） [劉衛(wèi)國]
15. Web技術(shù)開發(fā)教程（基于.NET開源MVC框架） [王合闖 韓紅玲 王青正 陳海蕊]
16. 商務(wù)英語翻譯教程（筆譯）（第四版） [主編 王軍平]
17. 智慧零售技術(shù)與應(yīng)用 [洪旭 著]
18. 建設(shè)工程法規(guī)實務(wù) [主編 余瀅]
19. 商務(wù)秘書理論與實務(wù)（第三版） [主編 張同欽]
20. 程序設(shè)計基礎(chǔ)實踐教程（C/C++語言版） [張桂芬 葛麗娜]
21. C++案例項目精講 [主編 楊國興]
22. 勞動爭議處理實務(wù) [主編 王秀卿 羅靜]
23. 工程數(shù)學(xué) [主編 郭立娟 王海]
24. 語音識別理論與實踐 [主編　莫宏偉]
25. 信息系統(tǒng)項目管理師章節(jié)習(xí)題與考點特訓(xùn)（第二版） [主編 薛大龍]
26. 武術(shù)基礎(chǔ)教程 [主編 李代勇 謝志民]
27. 計算機(jī)網(wǎng)絡(luò)實訓(xùn)教程 [主編 張浩軍 趙玉娟]
28. 畫法幾何與機(jī)械制圖習(xí)題集（多學(xué)時） [主編 趙軍]
29. HCIA-Datacom認(rèn)證題庫分類精講 [主 編 韓立剛]
30. SwiftUI完全開發(fā) [李智威 著]