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

第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 課堂案例：創(chuàng)建“千履千尋”公司
站點 12
1.2.1 商業(yè)網站的開發(fā)流程 12
1.2.2 網頁設計的內容和原則 13
1.2.3 站點規(guī)劃 14
1.2.4 創(chuàng)建本地站點 14
1.2.5 管理站點 15
1.2.6 管理站點文件和文件夾 17
1.3 項目實訓 18
1.3.1 規(guī)劃“果蔬網”網站 18
1.3.2 創(chuàng)建“快樂旅游”網站 19
1.4 課后練習 19
練習1：規(guī)劃個人網站 19
練習2：使用“記事本”制作“企業(yè)文化”
網頁 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 課堂案例：制作“企業(yè)文化”網頁 31
2.2.1 插入特殊文本對象 32
2.2.2 創(chuàng)建列表 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 美化與優(yōu)化圖像 44
3.1.3 創(chuàng)建鼠標經過圖像 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 創(chuàng)建與應用CSS樣式 111
6.1.4 編輯CSS樣式 119
6.1.5 刪除CSS樣式 120
6.2 課堂案例：制作“消費者保障”
網頁 120
6.2.1 認識盒子模型 121
6.2.2 盒子模型的布局優(yōu)勢 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章 在網頁中創(chuàng)建超鏈接 56
4.1 課堂案例：制作“公司地圖”網頁 57
4.1.1 認識超鏈接 57
4.1.2 創(chuàng)建文本超鏈接 59
4.1.3 創(chuàng)建圖像超鏈接 60
4.1.4 創(chuàng)建外部超鏈接 61
4.1.5 創(chuàng)建圖像熱點超鏈接 62
4.2 課堂案例：制作“給我們留言”
網頁 64
4.2.1 創(chuàng)建錨記超鏈接 64
4.2.2 創(chuàng)建電子郵件超鏈接 66
4.2.3 創(chuàng)建文件超鏈接 67
4.2.4 創(chuàng)建空鏈接 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 創(chuàng)建表格 78
5.1.2 調整表格結構 79
5.1.3 設置表格和單元格屬性 83
5.1.4 在表格中插入內容 83
5.2 課堂案例：使用AP Div制作“千履千尋”
網站首頁 86
5.2.1 創(chuàng)建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 創(chuàng)建框架集與框架 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 創(chuàng)建模板 136
7.1.2 編輯模板 137
7.1.3 應用與管理模板 140
7.2 課堂案例：制作“產品介紹”網頁 143
7.2.1 認識“資源”面板 143
7.2.2 創(chuàng)建庫文件 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動態(tài)網頁 177
8.1 課堂案例：配置動態(tài)網頁數(shù)據源 178
8.1.1 動態(tài)網頁基礎 178
8.1.2 安裝與配置IIS 181
8.1.3 使用Access創(chuàng)建數(shù)據表 183
8.1.4 創(chuàng)建與配置動態(tài)站點 185
8.1.5 創(chuàng)建數(shù)據源 187
8.2 課堂案例：制作“登錄數(shù)據管理”
網頁 188
8.2.1 創(chuàng)建記錄集 189
8.2.2 插入記錄 190
8.2.3 插入重復區(qū)域 191
8.2.4 分頁記錄集 192
8.3 課堂案例：制作“加入購物車”
網頁 194
8.3.1 配置IIS和動態(tài)站點 194
8.3.2 創(chuàng)建數(shù)據表并連接數(shù)據源 195
8.3.3 綁定記錄集并插入字段 197
8.3.4 使用插入記錄表單向導 198
8.4 項目實訓 200
8.4.1 制作“用戶注冊”動態(tài)網頁 200
8.4.2 制作“登錄”動態(tài)網頁 201
8.5 課后練習 203
練習1：制作“注冊”動態(tài)網頁 203
練習2：制作“果蔬網”購買網頁 204
8.6 技巧提升 204
第9章 網站的測試與發(fā)布 208
9.1 課堂案例：測試“千履千尋”公司
網站 209
9.1.1 兼容性測試 209
9.1.2 檢查并修復鏈接 210
9.1.3 檢測加載速度 212
9.2 課堂案例：發(fā)布“千履千尋”公司
網站 212
9.2.1 申請主頁空間 213
9.2.2 發(fā)布站點 215
9.3 項目實訓 217
4
Dreamweaver CS6 網頁設計立體化教程
（微課版）（第2 版）
9.3.1 測試與發(fā)布“快樂旅游”網站 217
9.3.2 測試與發(fā)布“多肉植物”網站 218
9.4 課后練習 219
練習：測試并發(fā)布“mysite”網站 219
9.5 技巧提升 220
10.1 實訓目標 222
10.2 專業(yè)背景 222
10.3 制作思路分析 223
10.4 操作過程 223
10.4.1 創(chuàng)建站點和網頁文件 223
10.4.2 布局網頁結構 224
10.4.3 制作網頁頭部 225
10.4.4 制作網頁主體 227
10.4.5 制作網頁底部 230
10.5 項目實訓 230
10.5.1 制作“北極數(shù)碼”網站 230
10.5.2 制作“微觀多肉世界”網頁 231
10.6 課后練習 233
練習1：制作珠寶官網首頁 233
練習2：制作“墨韻箱包館”網頁 233