Dreamweaver CS6實例教程（第5版 微課版）

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