Dreamweaver CS6實(shí)例教程（第5版 微課版）

第 1章 初識(shí)Dreamweaver CS6 1
1．1　Dreamweaver CS6 的工作界面　2
1．1．1　友善的開(kāi)始界面　2
1．1．2　不同風(fēng)格的界面　2
1．1．3　伸縮自如的功能面板　2
1．1．4　多文檔的編輯界面　3
1．1．5　新穎的“插入”面板　3
1．1．6　更完整的CSS 功能　5
1．2　創(chuàng)建網(wǎng)站框架　5
1．2．1　站點(diǎn)管理器　6
1．2．2　創(chuàng)建文件夾　7
1．2．3　定義新站點(diǎn)　7
1．2．4　創(chuàng)建和保存網(wǎng)頁(yè)　8
1．3　管理站點(diǎn)文件和文件夾　9
1．3．1　重命名文件和文件夾　9
1．3．2　移動(dòng)文件和文件夾　9
1．3．3　刪除文件或文件夾　10
1．4　管理站點(diǎn)　10
1．4．1　打開(kāi)站點(diǎn)　10
1．4．2　編輯站點(diǎn)　10
1．4．3　復(fù)制站點(diǎn)　11
1．4．4　刪除站點(diǎn)　11
1．4．5　導(dǎo)入和導(dǎo)出站點(diǎn)　11
1．5　網(wǎng)頁(yè)文件頭設(shè)置　12
1．5．1　插入搜索關(guān)鍵字　12
1．5．2　插入作者和版權(quán)信息　13
1．5．3　設(shè)置刷新時(shí)間　13
1．5．4　設(shè)置描述信息　14
1．5．5　設(shè)置頁(yè)面中所有鏈接的基準(zhǔn)鏈接　14
1．5．6　設(shè)置當(dāng)前文件與其他文件的關(guān)聯(lián)性　15
第　2章 文本與文檔　16
2．1　文本與文檔　17
2．1．1　課堂案例——青山別墅網(wǎng)頁(yè)　17
2．1．2　輸入文本　19
2．1．3　設(shè)置文本屬性　20
2．1．4　輸入連續(xù)的空格　20
2．1．5　設(shè)置是否顯示不可見(jiàn)元素　21
2．1．6　設(shè)置頁(yè)邊距　22
2．1．7　設(shè)置網(wǎng)頁(yè)的標(biāo)題　22
2．1．8　設(shè)置網(wǎng)頁(yè)的默認(rèn)格式　23
2．1．9　課堂案例——機(jī)電設(shè)備網(wǎng)頁(yè)　23
2．1．10　改變文本的大小　26
2．1．11　改變文本的顏色　27
2．1．12　改變文本的字體　28
2．1．13　改變文本的對(duì)齊方式　29
2．1．14　設(shè)置文本樣式　30
2．1．15　段落文本　30
2．2　項(xiàng)目符號(hào)和編號(hào)列表　32
2．2．1　課堂案例——電器城網(wǎng)店　32
2．2．2　設(shè)置項(xiàng)目符號(hào)或編號(hào)　34
2．2．3　修改項(xiàng)目符號(hào)或編號(hào)　34
2．2．4　設(shè)置文本縮進(jìn)格式　35
2．2．5　插入日期　35
2．2．6　插入特殊字符　35
2．2．7　插入換行符　36
2．3　水平線、網(wǎng)格與標(biāo)尺　37
2．3．1　課堂案例——休閑度假村網(wǎng)頁(yè)　37
2．3．2　水平線　40
2．3．3　網(wǎng)格　40
2．3．4　標(biāo)尺　41
2．4　課堂練習(xí)——葡萄酒網(wǎng)頁(yè)　42
2．5　課后習(xí)題——休閑旅游網(wǎng)頁(yè)　43
第3章　圖像和多媒體　44
3．1　圖像的使用技巧　45
3．1．1　課堂案例——紙杯蛋糕網(wǎng)頁(yè)　45
3．1．2　網(wǎng)頁(yè)中的圖像格式　47
3．1．3　插入圖像　48
3．1．4　設(shè)置圖像屬性　48
3．1．5　給圖片添加文字說(shuō)明　49
3．1．6　插入圖像占位符　49
3．1．7　跟蹤圖像　50
3．2　多媒體在網(wǎng)頁(yè)中的應(yīng)用　51
3．2．1　課堂案例——綠色農(nóng)場(chǎng)網(wǎng)頁(yè)　51
3．2．2　插入Flash 動(dòng)畫(huà)　53
3．2．3　插入FLV　54
3．2．4　插入Shockwave 影片　55
3．2．5　插入Applet 程序　56
3．2．6　插入ActiveX 控件　56
3．3　課堂練習(xí)——咖啡網(wǎng)頁(yè)　57
3．4　課后習(xí)題——木工網(wǎng)頁(yè)　57
第4章　超鏈接　59
4．1　超鏈接的概念與路徑知識(shí)　60
4．2　文本超鏈接　60
4．2．1　課堂案例——?jiǎng)?chuàng)意設(shè)計(jì)網(wǎng)頁(yè)　60
4．2．2　創(chuàng)建文本超鏈接　62
4．2．3　設(shè)置文本的鏈接狀態(tài)　64
4．2．4　創(chuàng)建下載文件超鏈接　65
4．2．5　創(chuàng)建電子郵件超鏈接　65
4．3　圖像超鏈接　66
4．3．1　課堂案例——溫泉度假網(wǎng)頁(yè)　66
4．3．2　建立圖像超鏈接　68
4．3．3　鼠標(biāo)經(jīng)過(guò)圖像超鏈接　69
4．4　命名錨記超鏈接　70
4．4．1　課堂案例——金融投資網(wǎng)頁(yè)　70
4．4．2　創(chuàng)建命名錨記超鏈接　74
4．5　熱點(diǎn)超鏈接　75
4．5．1　課堂案例——世界景觀網(wǎng)頁(yè)　76
4．5．2　創(chuàng)建熱點(diǎn)超鏈接　77
4．6　課堂練習(xí)——世界旅游網(wǎng)頁(yè)　78
4．7　課后習(xí)題——家裝設(shè)計(jì)網(wǎng)頁(yè)　79
第5章　使用表格　80
5．1　表格的簡(jiǎn)單操作　81
5．1．1　課堂案例——租車(chē)網(wǎng)頁(yè)　81
5．1．2　表格的組成　86
5．1．3　插入表格　87
5．1．4　表格各元素的屬性　88
5．1．5　在表格中插入內(nèi)容　89
5．1．6　選擇表格元素　90
5．1．7　復(fù)制、粘貼表格　92
5．1．8　刪除表格和表格內(nèi)容　92
5．1．9　縮放表格　93
5．1．10　合并和拆分單元格　93
5．1．11　增加和刪除表格的行和列　94
5．2　網(wǎng)頁(yè)中的數(shù)據(jù)表格　95
5．2．1　課堂案例——典藏博物館網(wǎng)頁(yè)　95
5．2．2　導(dǎo)入和導(dǎo)出表格的數(shù)據(jù)　100
5．2．3　排序表格　103
5．3　復(fù)雜表格的排版　104
5．4　課堂練習(xí)——OA 辦公系統(tǒng)網(wǎng)頁(yè)　104
5．5　課后習(xí)題——信用卡網(wǎng)頁(yè)　105
第6章　使用框架　106
6．1　框架與框架集　107
6．1．1　課堂案例——牛奶飲品網(wǎng)頁(yè)　107
6．1．2　建立框架集　110
6．1．3　為框架添加內(nèi)容　111
6．1．4　保存框架　111
6．1．5　框架的選擇　112
6．1．6　修改框架的大小　113
6．1．7　拆分框架　114
6．1．8　刪除框架　114
6．2　框架的屬性設(shè)置　114
6．2．1　課堂案例——建筑規(guī)劃網(wǎng)頁(yè)　115
6．2．2　框架屬性　120
6．2．3　框架集的屬性　121
6．2．4　框架中的鏈接　122
6．2．5　改變框架的背景顏色　123
6．3　課堂練習(xí)——陽(yáng)光外語(yǔ)小學(xué)網(wǎng)頁(yè)1　123
6．4　課后習(xí)題——陽(yáng)光外語(yǔ)小學(xué)網(wǎng)頁(yè)2　124
第7章　使用層　125
7．1　層的基本操作　126
7．1．1　課堂案例——時(shí)尚前沿網(wǎng)頁(yè)　126
7．1．2　創(chuàng)建層　128
7．1．3　選擇層　130
7．1．4　設(shè)置層的默認(rèn)屬性　130
7．1．5　AP 元素面板　131
7．1．6　更改層的堆疊順序　131
7．1．7　更改層的可見(jiàn)性　131
7．1．8　調(diào)整層的大小　132
7．1．9　移動(dòng)層　133
7．1．10　對(duì)齊層　133
7．1．11　層靠齊到網(wǎng)格　134
7．2　應(yīng)用層設(shè)計(jì)表格　135
7．2．1　課堂案例——海貸金融網(wǎng)頁(yè)　135
7．2．2　將AP Div 轉(zhuǎn)換為表格　136
7．2．3　將表格轉(zhuǎn)換為AP Div　137
7．3　課堂練習(xí)——鮮花速遞網(wǎng)頁(yè)　138
7．4　課后習(xí)題——信業(yè)融資網(wǎng)頁(yè)　138
第8章　CSS 樣式　140
8．1　CSS 樣式的概念　141
8．2　CSS 樣式　141
8．2．1　“CSS 樣式”面板　141
8．2．2　CSS 樣式的類型　142
8．3　樣式的類型與創(chuàng)建　143
8．3．1　創(chuàng)建重定義HTML 標(biāo)簽樣式　143
8．3．2　創(chuàng)建CSS 選擇器　144
8．3．3　創(chuàng)建和應(yīng)用自定義樣式　145
8．3．4　創(chuàng)建和引用外部樣式　146
8．4　編輯樣式　147
8．5　CSS 的屬性　148
8．5．1　課堂案例——山地車(chē)網(wǎng)頁(yè)　148
8．5．2　類型　152
8．5．3　背景　153
8．5．4　區(qū)塊　154
8．5．5　方框　155
8．5．6　邊框　156
8．5．7　列表　156
8．5．8　定位　157
8．5．9　擴(kuò)展　158
8．5．10　過(guò)渡　159
8．6　過(guò)濾器　159
8．6．1　課堂案例——汽車(chē)配件網(wǎng)頁(yè)　159
8．6．2　可應(yīng)用過(guò)濾的HTML 標(biāo)簽　162
8．6．3　CSS 的靜態(tài)過(guò)濾器　162
8．6．4　CSS 的動(dòng)態(tài)過(guò)濾器　163
8．7　課堂練習(xí)——人壽保險(xiǎn)網(wǎng)頁(yè)　163
8．8　課后習(xí)題——愛(ài)插畫(huà)網(wǎng)頁(yè)　164
第9章　模板和庫(kù)　165
9．1　“資源”面板　166
9．2　模板　166
9．2．1　課堂案例——水果慕斯網(wǎng)頁(yè)　167
9．2．2　創(chuàng)建模板　170
9．2．3　定義和取消可編輯區(qū)域　171
9．2．4　創(chuàng)建基于模板的網(wǎng)頁(yè)　174
9．2．5　管理模板　175
9．3　庫(kù)　176
9．3．1　課堂案例——水果批發(fā)網(wǎng)頁(yè)　177
9．3．2　創(chuàng)建庫(kù)文件　181
9．3．3　向頁(yè)面添加庫(kù)項(xiàng)目　182
9．3．4　更新庫(kù)文件　183
9．4　課堂練習(xí)——婚禮策劃網(wǎng)頁(yè)　184
9．5　課后習(xí)題——食譜大全網(wǎng)頁(yè)　185
第　10章 使用表單　186
10．1　使用表單　187
10．1．1　課堂案例——用戶登錄網(wǎng)頁(yè)　187
10．1．2　創(chuàng)建表單　190
10．1．3　表單的屬性　191
10．1．4　單行文本域　192
10．1．5　隱藏域　194
10．2　應(yīng)用復(fù)選框和單選按鈕　194
10．2．1　課堂案例——人力資源網(wǎng)頁(yè)　194
10．2．2　單選按鈕　197
10．2．3　單選按鈕組　197
10．2．4　復(fù)選框　198
10．3　創(chuàng)建列表和菜單　199
10．3．1　課堂案例——健康測(cè)試網(wǎng)頁(yè)　199
10．3．2　創(chuàng)建列表和菜單　202
10．3．3　創(chuàng)建跳轉(zhuǎn)菜單　203
10．3．4　課堂案例——OA 登錄系統(tǒng)頁(yè)面　205
10．3．5　創(chuàng)建文件域　208
10．3．6　創(chuàng)建圖像域　209
10．3．7　提交、無(wú)、重置按鈕　210
10．4　課堂練習(xí)——?jiǎng)?chuàng)新生活網(wǎng)頁(yè)　211
10．5　課后習(xí)題——房屋評(píng)估網(wǎng)頁(yè)　211
第　11章 使用行為　213
11．1　行為　214
11．1．1　“行為”面板　214
11．1．2　應(yīng)用行為　214
11．2　動(dòng)作　215
11．2．1　課堂案例——婚戒網(wǎng)頁(yè)　215
11．2．2　調(diào)用 JavaScript　218
11．2．3　打開(kāi)瀏覽器窗口　219
11．2．4　轉(zhuǎn)到 URL　220
11．2．5　課堂案例——全麥面包網(wǎng)頁(yè)　221
11．2．6　檢查插件　223
11．2．7　檢查表單　224
11．2．8　交換圖像　225
11．2．9　課堂案例——清涼啤酒網(wǎng)頁(yè)　226
11．2．10　顯示-隱藏元素　227
11．2．11　設(shè)置容器的文本　230
11．2．12　設(shè)置狀態(tài)欄文本　231
11．2．13　設(shè)置文本域文字　231
11．2．14　設(shè)置框架文本　232
11．2．15　跳轉(zhuǎn)菜單　233
11．2．16　跳轉(zhuǎn)菜單開(kāi)始　233
11．3　課堂練習(xí)——衛(wèi)浴網(wǎng)頁(yè)　234
11．4　課后習(xí)題——風(fēng)景攝影網(wǎng)頁(yè)　235
第　12章 網(wǎng)頁(yè)代碼　236
12．1　網(wǎng)頁(yè)代碼　237
12．1．1　課堂案例——品質(zhì)狂歡節(jié)網(wǎng)頁(yè)　237
12．1．2　使用“參考”面板　239
12．1．3　代碼提示功能　240
12．1．4　使用標(biāo)簽庫(kù)插入標(biāo)簽　240
12．1．5　用標(biāo)簽選擇器插入標(biāo)簽　241
12．2　編輯代碼　242
12．2．1　使用標(biāo)簽檢查器編輯代碼　242
12．2．2　使用標(biāo)簽編輯器編輯代碼　243
12．3　常用的HTML 標(biāo)簽　243
12．4　腳本語(yǔ)言　244
12．5　響應(yīng)HTML 事件　245
12．6　課堂練習(xí)——商業(yè)公司網(wǎng)頁(yè)　246
12．7　課后習(xí)題——土特產(chǎn)網(wǎng)頁(yè)　246
第　13章 綜合設(shè)計(jì)實(shí)訓(xùn)　248
13．1　個(gè)人網(wǎng)頁(yè)——張發(fā)的個(gè)人網(wǎng)頁(yè)　249
13．1．1　【項(xiàng)目背景及要求】　249
13．1．2　【項(xiàng)目創(chuàng)意及制作】　249
13．2　休閑網(wǎng)頁(yè)——瑜伽休閑網(wǎng)頁(yè)　250
13．2．1　【項(xiàng)目背景及要求】　250
13．2．2　【項(xiàng)目創(chuàng)意及制作】　250
13．3　旅游網(wǎng)頁(yè)——旅游度假網(wǎng)頁(yè)　251
13．3．1　【項(xiàng)目背景及要求】　251
13．3．2　【項(xiàng)目創(chuàng)意及制作】　251
13．4　房產(chǎn)網(wǎng)頁(yè)——焦點(diǎn)房產(chǎn)網(wǎng)頁(yè)　252
13．4．1　【項(xiàng)目背景及要求】　252
13．4．2　【項(xiàng)目創(chuàng)意及制作】　252
13．5　游戲網(wǎng)頁(yè)——鋒芒游戲網(wǎng)頁(yè)　253
13．5．1　【項(xiàng)目背景及要求】　253
13．5．2　【項(xiàng)目創(chuàng)意及制作】　254