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

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