Dreamweaver CS6網頁設計案例教程（微課版）

《Dreamweaver CS6網頁設計案例教程（微課版）》是2020年2月人民郵電出版社出版的圖書，作者是王永強、楊瑞梅。

基本介紹

• 書名：Dreamweaver CS6網頁設計案例教程（微課版）
• 作者：王永強、楊瑞梅
• ISBN：9787115458872
• 頁數：236頁
• 定價：43元
• 出版社：人民郵電出版社
• 出版時間：2020年2月
• 裝幀：平裝
• 開本：16開

內容簡介

本書全面系統地介紹Dreamweaver CS6的基本操作方法和網頁設計製作技巧，包括初識Dreamweaver CS6、文本與文檔、圖像和多媒體、超連結、使用表格、使用框架、使用層、CSS樣式、模板和庫、表單與行為、網頁代碼和綜合設計實訓。

本書內容以課堂案例為主線，通過各案例的實際操作，學生可以快速上手，熟悉軟體功能和藝術設計思路。書中的軟體功能解析部分使學生能夠更深入地學習軟體功能，課堂實戰演練和課后綜合演練可以拓展學生的實際套用能力，提高學生的軟體使用技巧。雲盤中包含了書中所有案例的素材及效果檔案，以利於教師授課和學生練習。

圖書目錄

第 1章 初識Dreamweaver CS6

1.1　操作界面　1

1.1.1　【操作目的】　1

1.1.2　【操作步驟】　1

1.1.3　【相關工具】　2

1．開始頁面　2

2．不同風格的界面　2

3．伸縮自如的功能面板　3

4．多文檔的編輯界面　3

5．插入面板　3

6．更完整的CSS功能　3

1.2　創建網站框架　4

1.2.1　【操作目的】　4

1.2.2　【操作步驟】　5

1.2.3　【相關工具】　6

1.3　管理站點　7

1.3.1　【操作目的】　7

1.3.2　【操作步驟】　7

1.3.3　【相關工具】　9

1．站點管理器　9

2．創建資料夾　11

3．定義新站點　11

1.4　網頁檔案頭設定　12

1.4.1　【操作目的】　12

1.4.2　【操作步驟】　12

1.4.3　【相關工具】　13

1．插入搜尋關鍵字　13

2．插入作者和版權資訊　13

3．設定刷新時間　14

4．設定描述信息　15

5．設定頁面中所有連結的基準連結　15

6．設定當前檔案與其他檔案的關聯性　15

第　2章 文本與文檔

2.1　軒宇門窗網頁　17

2.1.1　【案例分析】　17

2.1.2　【設計理念】　17

2.1.3　【操作步驟】　18

1．設定頁面屬性　18

2．輸入空格和文字　18

2.1.4　【相關工具】　22

1．輸入文本　22

2．設定文本屬性　22

3．輸入連續的空格　23

4．設定是否顯示不可見元素　23

5．設定頁邊距　24

6．設定網頁的標題　24

7．設定網頁的默認格式　25

2.1.5　【實戰演練】——佳人SPA養生館網頁　25

2.2　休閒旅遊網頁　26

2.2.1　【案例分析】　26

2.2.2　【設計理念】　26

2.2.3　【操作步驟】　26

1．添加字型　26

2．改變文字外觀　27

2.2.4　【相關工具】　29

1．改變文本的大小　29

2．改變文本的顏色　29

3．改變文本的字型　30

4．改變文本的對齊方式　32

5．設定文本樣式　32

6．段落文本　33

7．插入換行符　35

8．設定項目符號或編號　35

9．修改項目符號或編號　36

10．設定文本縮進格式　36

11．插入日期　36

12．特殊字元　36

2.2.5　【實戰演練】——快樂購物網頁　37

2.3　休閒度假網頁　37

2.3.1　【案例分析】　37

2.3.2　【設計理念】　38

2.3.3　【操作步驟】　38

2.3.4　【相關工具】　40

1．水平線　40

2．顯示和隱藏格線　40

3．標尺　41

2.3.5　【實戰演練】——美食回味 網頁　42

2.4　綜合演練——家居裝飾網頁　43

2.4.1　【案例分析】　43

2.4.2　【設計理念】　43

2.4.3　【知識要點】　43

2.5　綜合演練——有機果蔬網頁　43

2.5.1　【案例分析】　43

2.5.2　【設計理念】　43

2.5.3　【知識要點】　44

第3章　圖像和多媒體

3.1　咖啡館網頁　45

3.1.1　【案例分析】　45

3.1.2　【設計理念】　45

3.1.3　【操作步驟】　46

3.1.4　【相關工具】　47

1．網頁中的圖像格式　47

2．插入圖像　47

3．設定圖像屬性　48

4．插入圖像占位符　48

5．跟蹤圖像　49

3.1.5　【實戰演練】——寵物狗網店　49

3.2　物流運輸網頁　50

3.2.1　【案例分析】　50

3.2.2　【設計理念】　50

3.2.3　【操作步驟】　50

3.2.4　【相關工具　52

1．插入Flash動畫　52

2．插入FLV　53

3．插入Shockwave影片　55

4．影片插入Applet程式　55

5．插入ActiveX控制項　55

3.2.5　【實戰演練】——準媽媽課堂網頁　56

3.3　綜合演練——兒童零食網頁　56

3.3.1　【案例分析】　56

3.3.2　【設計理念】　56

3.3.3　【知識要點】　56

3.4　綜合演練——房源網頁　57

3.4.1　【案例分析】　57

3.4.2　【設計理念】　57

3.4.3　【知識要點】　57

第4章　超連結

4.1　建築模型網頁　58

4.1.1　【案例分析】　58

4.1.2　【設計理念】　58

4.1.3　【操作步驟】　59

1．製作電子郵件連結　59

2．製作下載檔案連結　59

4.1.4　【相關工具】　60

1．超連結的概念與路徑知識　60

2．創建文本連結　61

3．文本連結的狀態　62

4．下載檔案連結　63

5．電子郵件連結　63

4.1.5　【實戰演練】——冶金鑄造網頁　64

4.2　溫泉度假網頁　64

4.2.1　【案例分析】　64

4.2.2　【設計理念】　64

4.2.3　【操作步驟】　65

1．製作滑鼠經過　65

2．創建熱點連結　66

4.2.4　【相關工具】　66

1．圖像超連結　66

2．滑鼠經過圖像連結　67

3．命名錨記連結　68

4．創建熱區連結　69

4.2.5　【實戰演練】——金融投資網頁　70

4.3　綜合演練——世界景觀網頁　71

4.3.1　【案例分析】　71

4.3.2　【設計理念】　71

4.3.3　【知識要點】　71

4.4　綜合演練——世界旅遊網頁　71

4.4.1　【案例分析】　71

4.4.2　【設計理念】　71

4.4.3　【知識要點】　72

第5章　使用表格

5.1　營養美食網頁　73

5.1.1　【案例分析】　73

5.1.2　【設計理念】　73

5.1.3　【操作步驟】　74

5.1.4　【相關工具】　77

1．表格的組成　77

2．插入表格　78

3．表格各元素的屬性　79

4．在表格中插入內容　80

5．選擇表格元素　81

6．複製、貼上表格　83

7．縮放表格　84

8．刪除表格和表格內容　84

9．合併和拆分單元格　85

10．增加和刪除表格的行和列　86

5.1.5　【實戰演練】——美麗人生網頁　87

5.2　綠色糧倉網頁　87

5.2.1　【案例分析】　87

5.2.2　【設計理念】　87

5.2.3　【操作步驟】　87

5.2.4　【相關工具】　90

1．導入和導出表格的數據　90

2．排序表格　92

3．複雜表格的排版　93

5.2.5　【實戰演練】——OA辦公

系統網頁　93

5.3　綜合演練——茶文化網頁　93

5.3.1　【案例分析】　93

5.3.2　【設計理念】　93

5.3.3　【知識要點】　93

5.4　綜合演練——火鍋餐廳網頁　94

5.4.1　【案例分析】　94

5.4.2　【設計理念】　94

5.4.3　【知識要點】　94

第6章　使用框架

6.1　牛奶飲料網頁　95

6.1.1　【案例分析】　95

6.1.2　【設計理念】　95

6.1.3　【操作步驟】　96

1．新建框架並編輯　96

2．插入圖像　97

6.1.4　【相關工具】　99

1．建立框架集　99

2．為框架添加內容　100

3．保存框架　101

4．框架的選擇　101

5．修改框架的大小　102

6．拆分框架　103

7．刪除框架　103

6.1.5　【實戰演練】——獻愛心活動中心網頁　104

6.2　建築規劃網頁　104

6.2.1　【案例分析】　104

6.2.2　【設計理念】　104

6.2.3　【操作步驟】　105

1．設定保存文檔　105

2．插入表格、圖像和滑鼠經過圖像　106

3．修改頁面屬性並插入圖像　108

4．創建圖像超連結　109

6.2.4　【相關工具】　110

1．框架屬性　110

2．框架集的屬性　110

3．框架中的連結　111

6.2.5　【實戰演練】——陽光外語國小網頁　112

6.3　綜合演練——健康定製網頁1　112

6.3.1　【案例分析】　112

6.3.2　【設計理念】　113

6.3.3　【知識要點】　113

6.4　綜合演練——健康定製網頁2　113

6.4.1　【案例分析】　113

6.4.2　【設計理念】　113

6.4.3　【知識要點】　113

第7章　使用層

7.1　聯創網路技術網頁　115

7.1.1　【案例分析】　115

7.1.2　【設計理念】　115

7.1.3　【操作步驟】　116

7.1.4　【相關工具】　117

1．創建並編輯層　117

2．選擇層　118

3．設定層的默認屬性　119

4．AP元素麵板　119

5．更改層的堆疊順序　119

6．更改層的可見性　120

7．調整層的大小　120

8．嵌套層　121

9．移動層　122

10．對齊層　122

11．層靠齊到格線　123

7.1.5　【實戰演練】——鮮花速遞網頁　124

7.2　信業融資網頁　124

7.2.1　【案例分析】　124

7.2.2　【設計理念】　124

7.2.3　【操作步驟】　125

7.2.4　【相關工具】　125

1．將AP　Div轉換為表格　125

2．將表格轉換為AP　Div　126

7.2.5　【實戰演練】——精品家居網頁　127

7.3　綜合演練——充氣浮床網頁　127

7.3.1　【案例分析】　127

7.3.2　【設計理念】　127

7.3.3　【知識要點】　128

7.4　綜合演練——美味小吃網頁　128

7.4.1　【案例分析】　128

7.4.2　【設計理念】　128

7.4.3　【知識要點】　128

第8章　CSS樣式

8.1　國畫展覽館網頁　129

8.1.1　【案例分析】　129

8.1.2　【設計理念】　129

8.1.3　【操作步驟】　130

8.1.4　【相關工具】　131

1．CSS樣式的概念　131

2．“CSS樣式”面板　131

3．CSS樣式的類型　132

4．創建重定義HTML標籤樣式　133

5．創建CSS選擇器　134

6．創建和套用自定義樣式　136

7．創建和引用外部樣式　137

8．編輯樣式　138

8.1.5　【實戰演練】——葡萄酒網頁　139

8.2　印表機網頁　139

8.2.1　【案例分析】　139

8.2.2　【設計理念】　139

8.2.3　【操作步驟】　140

1．插入表格並輸入文字　140

2．設定CSS屬性　141

8.2.4　【相關工具】　143

1．類型　143

2．背景　144

3．區塊　145

4．方框　146

5．框線　146

6．列表　147

7．定位　147

8．擴展　148

9．過渡　148

8.2.5　【實戰演練】——室內設計網頁　148

8.3　愛晚工程網頁　149

8.3.1　【案例分析】　149

8.3.2　【設計理念】　149

8.3.3　【操作步驟】　149

8.3.4　【相關工具】　151

1．可套用過濾的HTML標籤　151

2．CSS的靜態過濾器　151

3．CSS的動態過濾器　152

8.3.5　【實戰演練】——汽車配件網頁　152

8.4　綜合演練——GPS導航儀網頁　153

8.4.1　【案例分析】　153

8.4.2　【設計理念】　153

8.4.3　【知識要點】　153

8.5　綜合演練——抒情散文網頁　153

8.5.1　【案例分析】　153

8.5.2　【設計理念】　153

8.5.3　【知識要點】　154

第9章　模板和庫

9.1　電子吉他網頁　155

9.1.1　【案例分析】　155

9.1.2　【設計理念】　155

9.1.3　【操作步驟】　156

1．創建模板　156

2．創建可編輯區域　156

9.1.4　【相關工具】　157

1．“資源”面板　157

2．創建模板　158

3．定義和取消可編輯區域　159

4．創建基於模板的網頁　162

5．管理模板　163

9.1.5　【實戰演練】——水果慕斯網頁　165

9.2　建達康集團網頁　165

9.2.1　【案例分析】　165

9.2.2　【設計理念】　165

9.2.3　【操作步驟】　166

1．把經常用的圖示註冊到庫中　166

2．利用庫中註冊的項目製作網頁文檔　166

3．修改庫中註冊的項目　167

9.2.4　【相關工具】　169

1．創建庫檔案　169

2．向頁面添加庫項目　170

3．更新庫檔案　171

9.2.5　【實戰演練】——律師事務所網頁　172

9.3　綜合演練——食譜大全網頁　173

9.3.1　【案例分析】　173

9.3.2　【設計理念】　173

9.3.3　【知識要點】　173

9.4　綜合演練——愛家紡網頁　174

9.4.1　【案例分析】　174

9.4.2　【設計理念】　174

9.4.3　【知識要點】　174

第　10章 表單與行為

10.1　廢品回收網頁　175

10.1.1　【案例分析】　175

10.1.2　【設計理念】　175

10.1.3　【操作步驟】　176

1．插入文本欄位和文本區域　176

2．插入圖像域　177

10.1.4　【相關工具】　177

1．創建表單　177

2．表單的屬性　178

3．單行文本域　178

4．隱藏域　181

5．單選按鈕　181

6．單選按鈕組　182

7．複選框　182

8．創建列表和選單　183

9．創建跳轉選單　184

10．創建檔案域　186

11．創建圖像域　187

12．提交、無、重置按鈕　188

10.1.5　【實戰演練】——探索尋寶網頁　189

10.2　衛浴網頁　189

10.2.1　【案例分析】　189

10.2.2　【設計理念】　189

10.2.3　【操作步驟】　190

1．添加頁面晃動效果　190

2．添加狀態欄文本　191

10.2.4　【相關工具】　191

1．“行為”面板　191

2．套用行為　191

3．調用JavaScript　192

4．打開瀏覽器視窗　193

5．轉到URL　195

6．檢查外掛程式　195

7．檢查表單　196

8．交換圖像　196

9．顯示-隱藏層　197

10．設定容器的文本　200

11．設定狀態欄文本　200

12．設定文本域文字　200

13．設定框架文本　201

14．跳轉選單　202

15．跳轉選單開始　203

10.2.5　【實戰演練】——蟹來居飯店網頁　203

10.3　綜合演練——問卷調查網頁　204

10.3.1　【案例分析】　204

10.3.2　【設計理念】　204

10.3.3　【知識要點】　204

10.4　綜合演練——全麥麵包網頁　204

10.4.1　【案例分析】　204

10.4.2　【設計理念】　204

10.4.3　【知識要點】　205

第　11章 網頁代碼

11.1　設計無憂網頁　206

11.1.1　【案例分析】　206

11.1.2　【設計理念】　206

11.1.3　【操作步驟】　207

11.1.4　【相關工具】　208

1．使用“參考”面板　208

2．代碼提示功能　208

3．使用標籤庫插入標籤　209

4．使用標籤選擇器插入標籤　210

5．使用標籤檢查器編輯代碼　210

6．使用標籤編輯器編輯代碼　211

11.1.5　【實戰演練】——時尚兒童服飾網頁　212

11.2　油畫藝術館網頁　212

11.2.1　【案例分析】　212

11.2.2　【設計理念】　212

11.2.3　【操作步驟】　213

1．製作瀏覽器視窗（永遠都不出現滾動條）　213

2．製作禁止使用單擊右鍵　213

11.2.4　【相關工具】　214

1．常用的HTML標籤　214

2．腳本語言　216

3．回響HTML事件　216

11.2.5　【實戰演練】——消防線上網頁　218

11.3　綜合演練——機電設備網頁　218

11.3.1　【案例分析】　218

11.3.2　【設計理念】　218

11.3.3　【知識要點】　218

11.4　綜合演練——腳踏車網頁　219

11.4.1　【案例分析】　219

11.4.2　【設計理念】　219

11.4.3　【知識要點】　219

第　12章 綜合設計實訓

12.1　個人網頁——張美麗的個人網頁　220

12.1.1　【項目背景及要求】　220

1．客戶名稱　220

2．客戶需求　220

3．設計要求　220

12.1.2　【項目創意及製作】　220

1．設計素材　220

2．設計作品　221

3．步驟提示　221

12.2　遊戲娛樂網頁——娛樂星聞網頁　223

12.2.1　【項目背景及要求】　223

1．客戶名稱　223

2．客戶需求　223

3．設計要求　223

12.2.2　【項目創意及製作】　223

1．設計素材　223

2．設計作品　224

3．步驟提示　224

12.3　旅遊休閒網頁——籃球運動網頁　226

12.3.1　【項目背景及要求】　226

1．客戶名稱　226

2．客戶需求　227

3．設計要求　227

12.3.2　【項目創意及製作】　227

1．設計素材　227

2．設計作品　227

3．步驟提示　227

12.4　房產網頁——焦點房產網頁　230

12.4.1　【項目背景及要求】　230

1．客戶名稱　230

2．客戶需求　230

3．設計要求　230

12.4.2　【項目創意及製作】　231

1．設計素材　231

2．設計作品　231

3．步驟提示　231

12.5　文化藝術網頁——書法藝術網頁　232

12.5.1　【項目背景及要求】　232

1．客戶名稱　232

2．客戶需求　233

3．設計要求　233

12.5.2　【項目創意及製作】　233

1．設計素材　233

2．設計作品　233

3．步驟提示　233