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

劉解放，男，中共黨員，工學博士，副教授；交通運輸部青年科技英才，中國交通教育中青年優秀教師；中國電腦協會會員，江蘇省不確定性人工智能協會會員；思科網絡工程師，阿裡雲大數據處理與分析師，中興通訊雲計算技術講師；多次被評為校優秀教師、先進工作者、三育人先進和優秀中共黨員；主編教材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