Dreamweaver CS6網頁設計立體化教程（微課版）（第2版）

Dreamweaver 是一款主流網頁設計軟件，廣泛應用於網頁設計的各個領域。其中 Dreamweaver CS6 是比較常用的版本。本書講解使用 Dreamweaver CS6 進行網頁設計的相關知識，主要內容包括 Dreamweaver CS6 網頁製作基礎，輸入與格式化文本，插入圖像和多媒體對象，在網頁中創建超鏈接，佈局網頁版面， CSS 樣式與盒子模型，模板、庫、表單和行為的應用，製作 ASP 動態網頁，網站的測試與發布，以及綜合案例等知識。

本書內容講解由淺入深、循序漸進。本書先通過“情景導入”引出“課堂案例”，具體講解軟件知識；然後通過“項目實訓”和“課後練習”鞏固所學內容；最後通過“技巧提升”提升讀者的綜合能力，豐富並擴展與軟件相關的知識。本書通過大量案例和練習，著重培養讀者的實際應用能力，並將工作場景引入課堂教學，讓讀者提前進入職場人員的角色。

本書適合作為高等院校網頁設計與製作相關課程的教材，也可作為各類社會培訓機構的教材，還可供 Dreamweaver 初學者自學使用。

刘解放，男，中共党员，工学博士，副教授；交通运输部青年科技英才，中国交通教育中青年优秀教师；中国计算机协会会员，江苏省不确定性人工智能协会会员；思科网络工程师，阿里云大数据处理与分析师，中兴通讯云计算技术讲师；多次被评为校优秀教师、先进工作者、三育人先进和优秀中共党员；主编教材3本，其中包括“十三五”职业教育国家规划教材1本，并获首届全国优秀教材二等奖；指导学生参加全国职业院校技能大赛“全国高校移动互联网应用开发创新大赛”获一等奖、“全国职业院校电子产品芯片级检测维修与数据恢复大赛”获二等奖2次，三等奖2次，“湖北省电子商务职业技能大赛”获一等奖等各级别大赛奖项10余项，并被评为优秀指导老师；作为第一作者在《IEEE SMC》、《Applied Soft Computing》、《软件学报》、《计算机研究与发展》等国际国内著名学术期刊发表学术论文20余篇，其中SCI检索2篇，EI检索5篇，北大中文核心5篇，多篇被评为市厅级优秀学术论文奖；主持及参与国家级、省部级教科研题10余项，主持及参与教学质量工程建设项目10余项。主要研究方向：计算机网络、模式识别与人工智能。

第1章 Dreamweaver CS6網頁製作基礎 1

1.1　課堂案例：賞析購物網站　2

1.1.1　網站和網頁概述　2

1.1.2　網頁常用術語　3

1.1.3　網頁色彩搭配　5

1.1.4　HTML　6

1.1.5　常用的網頁製作軟件——Dreamweaver

CS6　8

1.1.6　從內容、結構、形式和配色上賞析網站　11

1.2　課堂案例：創建“千履千尋”公司

站點　12

1.2.1　商業網站的開發流程　12

1.2.2　網頁設計的內容和原則　13

1.2.3　站點規劃　14

1.2.4　創建本地站點　14

1.2.5　管理站點　15

1.2.6　管理站點文件和文件夾　17

1.3　項目實訓　18

1.3.1　規劃“果蔬網”網站　18

1.3.2　創建“快樂旅游”網站　19

1.4　課後練習　19

練習1：規劃個人網站　19

練習2：使用“記事本”製作“企業文化”

網頁　20

1.5　技巧提升　21

第2章　輸入與格式化文本　22

2.1　課堂案例：製作“公司簡介”網頁　23

2.1.1　新建與保存網頁　23

2.1.2　設置網頁屬性　24

2.1.3　輸入文本　25

2.1.4　設置文本字體格式　28

2.1.5　設置段落格式　30

2.2　課堂案例：製作“企業文化”網頁　31

2.2.1　插入特殊文本對象　32

2.2.2　創建列表　34

2.2.3　設置水平線　34

2.2.4　添加滾動字幕　35

2.3　項目實訓　36

2.3.1　製作“岳陽樓記”網頁　36

2.3.2　製作“旅游”網頁　37

2.4　課後練習　38

練習1：製作“招聘”網頁　38

練習2：製作“服裝”網頁　39

2.5　技巧提升　39

第3章　插入圖像和多媒體對象　41

3.1　課堂案例：製作“關於我們”網頁　42

3.1.1　插入與編輯圖像　42

3.1.2　美化與優化圖像　44

3.1.3　創建鼠標經過圖像　46

3.2　課堂案例：製作“新品展台”網頁　47

3.2.1　添加多媒體插件　48

3.2.2　添加背景音樂　49

3.2.3　插入HTML5動畫　49

3.2.4　插入MP4視頻　50

3.3　項目實訓　51

3.3.1　製作“旅游導航”網頁　51

3.3.2　製作“科技產品”網頁　52

3.4　課後練習　54

練習1：製作“春天在哪裡”網頁　54

練習2：美化“服裝”網頁　54

3.5　技巧提升　55

2

Dreamweaver　CS6 網頁設計立體化教程

（微課版）（第2　版）

6.1　課堂案例：製作“熱銷精品”網頁　106

6.1.1　認識CSS樣式　106

6.1.2　CSS樣式的各種屬性設置　108

6.1.3　創建與應用CSS樣式　111

6.1.4　編輯CSS樣式　119

6.1.5　刪除CSS樣式　120

6.2　課堂案例：製作“消費者保障”

網頁　120

6.2.1　認識盒子模型　121

6.2.2　盒子模型的佈局優勢　124

6.2.3　利用CSS+Div佈局網頁　124

6.3　項目實訓　129

6.3.1　製作“花店”網頁　129

6.3.2　製作“公司文化”網頁　130

6.4　課後練習　132

練習1：美化“紅驢旅游網”網頁　132

練習2：製作“教務處”網頁　132

6.5　技巧提升　133

第4章　在網頁中創建超鏈接　56

4.1　課堂案例：製作“公司地圖”網頁　57

4.1.1　認識超鏈接　57

4.1.2　創建文本超鏈接　59

4.1.3　創建圖像超鏈接　60

4.1.4　創建外部超鏈接　61

4.1.5　創建圖像熱點超鏈接　62

4.2　課堂案例：製作“給我們留言”

網頁　64

4.2.1　創建錨記超鏈接　64

4.2.2　創建電子郵件超鏈接　66

4.2.3　創建文件超鏈接　67

4.2.4　創建空鏈接　68

4.2.5　設置腳本鏈接　69

4.3　項目實訓　72

4.3.1　製作“精品線路”網頁　72

4.3.2　製作“產品介紹”網頁　73

4.4　課後練習　74

練習1：製作“訂單”網頁　74

練習2：製作“個人主頁”網頁　75

4.5　技巧提升　76

第5章　佈局網頁版面　77

5.1　課堂案例：使用表格佈局“產品展示”

網頁　78

5.1.1　創建表格　78

5.1.2　調整表格結構　79

5.1.3　設置表格和單元格屬性　83

5.1.4　在表格中插入內容　83

5.2　課堂案例：使用AP Div製作“千履千尋”

網站首頁　86

5.2.1　創建AP Div　86

5.2.2　選擇AP Div　87

5.2.3　設置AP Div尺寸　87

5.2.4　移動AP Div　88

5.2.5　對齊AP Div　89

5.2.6　更改AP Div堆疊順序　90

5.2.7　在AP Div中插入各種元素　90

5.3　課堂案例：使用框架製作“公司公告”

網頁　91

5.3.1　瞭解框架和框架集　92

5.3.2　創建框架集與框架　92

5.3.3　保存框架集與框架　95

5.3.4　刪除框架　96

5.3.5　設置框架集與框架屬性　96

5.3.6　製作框架網頁　97

5.4　項目實訓　98

5.4.1　製作“信息列表”網頁　98

5.4.2　製作“歇山園林”網頁　100

5.5　課後練習　102

練習1：製作“團購”網頁　102

練習2：製作“OA後台管理”網頁　103

5.6　技巧提升　104

第6章　CSS樣式與盒子模型　105

3

目錄

第7章　模板、庫、表單和行為的應用　135

7.1　課堂案例：製作“客戶交流”網頁　136

7.1.1　創建模板　136

7.1.2　編輯模板　137

7.1.3　應用與管理模板　140

7.2　課堂案例：製作“產品介紹”網頁　143

7.2.1　認識“資源”面板　143

7.2.2　創建庫文件　144

7.2.3　應用庫文件　145

7.2.4　編輯庫文件　146

7.2.5　更新庫文件　146

7.2.6　分離庫文件　147

7.3　課堂案例：製作“會員註冊”網頁　147

7.3.1　表單的基礎操作　147

7.3.2　在表單中添加各種表單元素　149

7.4　課堂案例：製作“品牌展廳”網頁　162

7.4.1　行為的基礎知識　162

7.4.2　常用行為的使用方法　165

7.5　項目實訓　170

7.5.1　製作“合作交流”網頁　170

7.5.2　製作“在線留言”網頁　171

7.5.3　製作“登錄”板塊　173

7.6　課後練習　174

練習1：製作“航班查詢”網頁　174

練習2：製作“論壇註冊”網頁　175

7.7　技巧提升　175

第8章　製作ASP動態網頁　177

8.1　課堂案例：配置動態網頁數據源　178

8.1.1　動態網頁基礎　178

8.1.2　安裝與配置IIS　181

8.1.3　使用Access創建數據表　183

8.1.4　創建與配置動態站點　185

8.1.5　創建數據源　187

8.2　課堂案例：製作“登錄數據管理”

網頁　188

8.2.1　創建記錄集　189

8.2.2　插入記錄　190

8.2.3　插入重復區域　191

8.2.4　分頁記錄集　192

8.3　課堂案例：製作“加入購物車”

網頁　194

8.3.1　配置IIS和動態站點　194

8.3.2　創建數據表並連接數據源　195

8.3.3　綁定記錄集並插入字段　197

8.3.4　使用插入記錄表單向導　198

8.4　項目實訓　200

8.4.1　製作“用戶註冊”動態網頁　200

8.4.2　製作“登錄”動態網頁　201

8.5　課後練習　203

練習1：製作“註冊”動態網頁　203

練習2：製作“果蔬網”購買網頁　204

8.6　技巧提升　204

第9章　網站的測試與發布　208

9.1　課堂案例：測試“千履千尋”公司

網站　209

9.1.1　兼容性測試　209

9.1.2　檢查並修復鏈接　210

9.1.3　檢測加載速度　212

9.2　課堂案例：發布“千履千尋”公司

網站　212

9.2.1　申請主頁空間　213

9.2.2　發布站點　215

9.3　項目實訓　217

4

Dreamweaver　CS6 網頁設計立體化教程

（微課版）（第2　版）

9.3.1　測試與發布“快樂旅游”網站　217

9.3.2　測試與發布“多肉植物”網站　218

9.4　課後練習　219

練習：測試並發布“mysite”網站　219

9.5　技巧提升　220

10.1　實訓目標　222

10.2　專業背景　222

10.3　製作思路分析　223

10.4　操作過程　223

10.4.1　創建站點和網頁文件　223

10.4.2　佈局網頁結構　224

10.4.3　製作網頁頭部　225

10.4.4　製作網頁主體　227

10.4.5　製作網頁底部　230

10.5　項目實訓　230

10.5.1　製作“北極數碼”網站　230

10.5.2　製作“微觀多肉世界”網頁　231

10.6　課後練習　233

練習1：製作珠寶官網首頁　233

練習2：製作“墨韻箱包館”網頁　233