Dreamweaver CS6網(wǎng)頁設(shè)計立體化教程（微課版 第2版）

第1章 Dreamweaver CS6網(wǎng)頁制作基礎(chǔ) 1
1.1 課堂案例：賞析購物網(wǎng)站 2
1.1.1 網(wǎng)站和網(wǎng)頁概述 2
1.1.2 網(wǎng)頁常用術(shù)語 3
1.1.3 網(wǎng)頁色彩搭配 5
1.1.4 HTML 6
1.1.5 常用的網(wǎng)頁制作軟件——Dreamweaver
CS6 8
1.1.6 從內(nèi)容、結(jié)構(gòu)、形式和配色上賞析網(wǎng)站 11
1.2 課堂案例：創(chuàng)建“千履千尋”公司
站點 12
1.2.1 商業(yè)網(wǎng)站的開發(fā)流程 12
1.2.2 網(wǎng)頁設(shè)計的內(nèi)容和原則 13
1.2.3 站點規(guī)劃 14
1.2.4 創(chuàng)建本地站點 14
1.2.5 管理站點 15
1.2.6 管理站點文件和文件夾 17
1.3 項目實訓(xùn) 18
1.3.1 規(guī)劃“果蔬網(wǎng)”網(wǎng)站 18
1.3.2 創(chuàng)建“快樂旅游”網(wǎng)站 19
1.4 課后練習(xí) 19
練習(xí)1：規(guī)劃個人網(wǎng)站 19
練習(xí)2：使用“記事本”制作“企業(yè)文化”
網(wǎng)頁 20
1.5 技巧提升 21
第2章 輸入與格式化文本 22
2.1 課堂案例：制作“公司簡介”網(wǎng)頁 23
2.1.1 新建與保存網(wǎng)頁 23
2.1.2 設(shè)置網(wǎng)頁屬性 24
2.1.3 輸入文本 25
2.1.4 設(shè)置文本字體格式 28
2.1.5 設(shè)置段落格式 30
2.2 課堂案例：制作“企業(yè)文化”網(wǎng)頁 31
2.2.1 插入特殊文本對象 32
2.2.2 創(chuàng)建列表 34
2.2.3 設(shè)置水平線 34
2.2.4 添加滾動字幕 35
2.3 項目實訓(xùn) 36
2.3.1 制作“岳陽樓記”網(wǎng)頁 36
2.3.2 制作“旅游”網(wǎng)頁 37
2.4 課后練習(xí) 38
練習(xí)1：制作“招聘”網(wǎng)頁 38
練習(xí)2：制作“服裝”網(wǎng)頁 39
2.5 技巧提升 39
第3章 插入圖像和多媒體對象 41
3.1 課堂案例：制作“關(guān)于我們”網(wǎng)頁 42
3.1.1 插入與編輯圖像 42
3.1.2 美化與優(yōu)化圖像 44
3.1.3 創(chuàng)建鼠標(biāo)經(jīng)過圖像 46
3.2 課堂案例：制作“新品展臺”網(wǎng)頁 47
3.2.1 添加多媒體插件 48
3.2.2 添加背景音樂 49
3.2.3 插入HTML5動畫 49
3.2.4 插入MP4視頻 50
3.3 項目實訓(xùn) 51
3.3.1 制作“旅游導(dǎo)航”網(wǎng)頁 51
3.3.2 制作“科技產(chǎn)品”網(wǎng)頁 52
3.4 課后練習(xí) 54
練習(xí)1：制作“春天在哪里”網(wǎng)頁 54
練習(xí)2：美化“服裝”網(wǎng)頁 54
3.5 技巧提升 55
2
Dreamweaver CS6 網(wǎng)頁設(shè)計立體化教程
（微課版）（第2 版）
6.1 課堂案例：制作“熱銷精品”網(wǎng)頁 106
6.1.1 認識CSS樣式 106
6.1.2 CSS樣式的各種屬性設(shè)置 108
6.1.3 創(chuàng)建與應(yīng)用CSS樣式 111
6.1.4 編輯CSS樣式 119
6.1.5 刪除CSS樣式 120
6.2 課堂案例：制作“消費者保障”
網(wǎng)頁 120
6.2.1 認識盒子模型 121
6.2.2 盒子模型的布局優(yōu)勢 124
6.2.3 利用CSS Div布局網(wǎng)頁 124
6.3 項目實訓(xùn) 129
6.3.1 制作“花店”網(wǎng)頁 129
6.3.2 制作“公司文化”網(wǎng)頁 130
6.4 課后練習(xí) 132
練習(xí)1：美化“紅驢旅游網(wǎng)”網(wǎng)頁 132
練習(xí)2：制作“教務(wù)處”網(wǎng)頁 132
6.5 技巧提升 133
第4章 在網(wǎng)頁中創(chuàng)建超鏈接 56
4.1 課堂案例：制作“公司地圖”網(wǎng)頁 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 課堂案例：制作“給我們留言”
網(wǎng)頁 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 設(shè)置腳本鏈接 69
4.3 項目實訓(xùn) 72
4.3.1 制作“精品線路”網(wǎng)頁 72
4.3.2 制作“產(chǎn)品介紹”網(wǎng)頁 73
4.4 課后練習(xí) 74
練習(xí)1：制作“訂單”網(wǎng)頁 74
練習(xí)2：制作“個人主頁”網(wǎng)頁 75
4.5 技巧提升 76
第5章 布局網(wǎng)頁版面 77
5.1 課堂案例：使用表格布局“產(chǎn)品展示”
網(wǎng)頁 78
5.1.1 創(chuàng)建表格 78
5.1.2 調(diào)整表格結(jié)構(gòu) 79
5.1.3 設(shè)置表格和單元格屬性 83
5.1.4 在表格中插入內(nèi)容 83
5.2 課堂案例：使用AP Div制作“千履千尋”
網(wǎng)站首頁 86
5.2.1 創(chuàng)建AP Div 86
5.2.2 選擇AP Div 87
5.2.3 設(shè)置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 課堂案例：使用框架制作“公司公告”
網(wǎng)頁 91
5.3.1 了解框架和框架集 92
5.3.2 創(chuàng)建框架集與框架 92
5.3.3 保存框架集與框架 95
5.3.4 刪除框架 96
5.3.5 設(shè)置框架集與框架屬性 96
5.3.6 制作框架網(wǎng)頁 97
5.4 項目實訓(xùn) 98
5.4.1 制作“信息列表”網(wǎng)頁 98
5.4.2 制作“歇山園林”網(wǎng)頁 100
5.5 課后練習(xí) 102
練習(xí)1：制作“團購”網(wǎng)頁 102
練習(xí)2：制作“OA后臺管理”網(wǎng)頁 103
5.6 技巧提升 104
第6章 CSS樣式與盒子模型 105
3
目錄
第7章 模板、庫、表單和行為的應(yīng)用 135
7.1 課堂案例：制作“客戶交流”網(wǎng)頁 136
7.1.1 創(chuàng)建模板 136
7.1.2 編輯模板 137
7.1.3 應(yīng)用與管理模板 140
7.2 課堂案例：制作“產(chǎn)品介紹”網(wǎng)頁 143
7.2.1 認識“資源”面板 143
7.2.2 創(chuàng)建庫文件 144
7.2.3 應(yīng)用庫文件 145
7.2.4 編輯庫文件 146
7.2.5 更新庫文件 146
7.2.6 分離庫文件 147
7.3 課堂案例：制作“會員注冊”網(wǎng)頁 147
7.3.1 表單的基礎(chǔ)操作 147
7.3.2 在表單中添加各種表單元素 149
7.4 課堂案例：制作“品牌展廳”網(wǎng)頁 162
7.4.1 行為的基礎(chǔ)知識 162
7.4.2 常用行為的使用方法 165
7.5 項目實訓(xùn) 170
7.5.1 制作“合作交流”網(wǎng)頁 170
7.5.2 制作“在線留言”網(wǎng)頁 171
7.5.3 制作“登錄”板塊 173
7.6 課后練習(xí) 174
練習(xí)1：制作“航班查詢”網(wǎng)頁 174
練習(xí)2：制作“論壇注冊”網(wǎng)頁 175
7.7 技巧提升 175
第8章 制作ASP動態(tài)網(wǎng)頁 177
8.1 課堂案例：配置動態(tài)網(wǎng)頁數(shù)據(jù)源 178
8.1.1 動態(tài)網(wǎng)頁基礎(chǔ) 178
8.1.2 安裝與配置IIS 181
8.1.3 使用Access創(chuàng)建數(shù)據(jù)表 183
8.1.4 創(chuàng)建與配置動態(tài)站點 185
8.1.5 創(chuàng)建數(shù)據(jù)源 187
8.2 課堂案例：制作“登錄數(shù)據(jù)管理”
網(wǎng)頁 188
8.2.1 創(chuàng)建記錄集 189
8.2.2 插入記錄 190
8.2.3 插入重復(fù)區(qū)域 191
8.2.4 分頁記錄集 192
8.3 課堂案例：制作“加入購物車”
網(wǎng)頁 194
8.3.1 配置IIS和動態(tài)站點 194
8.3.2 創(chuàng)建數(shù)據(jù)表并連接數(shù)據(jù)源 195
8.3.3 綁定記錄集并插入字段 197
8.3.4 使用插入記錄表單向?qū)?198
8.4 項目實訓(xùn) 200
8.4.1 制作“用戶注冊”動態(tài)網(wǎng)頁 200
8.4.2 制作“登錄”動態(tài)網(wǎng)頁 201
8.5 課后練習(xí) 203
練習(xí)1：制作“注冊”動態(tài)網(wǎng)頁 203
練習(xí)2：制作“果蔬網(wǎng)”購買網(wǎng)頁 204
8.6 技巧提升 204
第9章 網(wǎng)站的測試與發(fā)布 208
9.1 課堂案例：測試“千履千尋”公司
網(wǎng)站 209
9.1.1 兼容性測試 209
9.1.2 檢查并修復(fù)鏈接 210
9.1.3 檢測加載速度 212
9.2 課堂案例：發(fā)布“千履千尋”公司
網(wǎng)站 212
9.2.1 申請主頁空間 213
9.2.2 發(fā)布站點 215
9.3 項目實訓(xùn) 217
4
Dreamweaver CS6 網(wǎng)頁設(shè)計立體化教程
（微課版）（第2 版）
9.3.1 測試與發(fā)布“快樂旅游”網(wǎng)站 217
9.3.2 測試與發(fā)布“多肉植物”網(wǎng)站 218
9.4 課后練習(xí) 219
練習(xí)：測試并發(fā)布“mysite”網(wǎng)站 219
9.5 技巧提升 220
10.1 實訓(xùn)目標(biāo) 222
10.2 專業(yè)背景 222
10.3 制作思路分析 223
10.4 操作過程 223
10.4.1 創(chuàng)建站點和網(wǎng)頁文件 223
10.4.2 布局網(wǎng)頁結(jié)構(gòu) 224
10.4.3 制作網(wǎng)頁頭部 225
10.4.4 制作網(wǎng)頁主體 227
10.4.5 制作網(wǎng)頁底部 230
10.5 項目實訓(xùn) 230
10.5.1 制作“北極數(shù)碼”網(wǎng)站 230
10.5.2 制作“微觀多肉世界”網(wǎng)頁 231
10.6 課后練習(xí) 233
練習(xí)1：制作珠寶官網(wǎng)首頁 233
練習(xí)2：制作“墨韻箱包館”網(wǎng)頁 233