Dreamweaver CS6網(wǎng)頁設(shè)計與制作標準教程（微課版）

第1章 網(wǎng)頁設(shè)計基礎(chǔ)知識 1
1．1　互聯(lián)網(wǎng)基礎(chǔ)　2
1．1．1　Internet與WEB服務(wù)　2
1．1．2　URL路徑　2
1．1．3　服務(wù)器與瀏覽器　2
1．1．4　互聯(lián)網(wǎng)數(shù)據(jù)中心　3
1．2　網(wǎng)站建設(shè)基本流程　3
1．2．1　前期準備工作　3
1．2．2　方案實施　4
1．2．3　后期工作　5
1．3　網(wǎng)站建設(shè)基礎(chǔ)　6
1．3．1　什么是靜態(tài)網(wǎng)頁　6
1．3．2　什么是動態(tài)網(wǎng)頁　6
1．3．3　常見網(wǎng)站類型　7
1．3．4　申請域名和購買空間　11
1．4　網(wǎng)頁設(shè)計基礎(chǔ)　12
1．4．1　網(wǎng)頁版面布局的原則和方法　12
1．4．2　常見的版面布局形式　13
1．4．3　網(wǎng)頁配色基礎(chǔ)　15
1．5　網(wǎng)頁制作常用軟件　18
1．5．1　Photoshop　18
1．5．2　Fireworks　19
1．5．3　Flash　20
1．5．4　Dreamweaver　20
1．6　網(wǎng)頁制作標準技術(shù)　21
1．6．1　網(wǎng)頁標記語言Html　21
1．6．2　頁面修飾語言CSS　21
1．6．3　網(wǎng)頁腳本語言JavaScript　21
1．6．4　動態(tài)網(wǎng)頁編程語言ASP、PHP和JSP　21
第2章　初識Dreamweaver CS6　22
2．1　Dreamweaver CS6的工作界面　23
2．1．1　友善的開始頁面　23
2．1．2　不同風(fēng)格的界面　23
2．1．3　伸縮自如的功能面板　23
2．1．4　多文檔的編輯界面　24
2．1．5　新穎的“插入”面板　24
2．1．6　更完整的CSS功能　26
2．2　創(chuàng)建網(wǎng)站框架　27
2．2．1　站點管理器　27
2．2．2　創(chuàng)建文件夾　28
2．2．3　定義新站點　28
2．2．4　創(chuàng)建和保存網(wǎng)頁　29
2．3　管理站點文件和文件夾　30
2．3．1　重命名文件和文件夾　30
2．3．2　移動文件和文件夾　31
2．3．3　刪除文件或文件夾　31
2．4　管理站點　31
2．4．1　打開站點　31
2．4．2　編輯站點　31
2．4．3　復(fù)制站點　32
2．4．4　刪除站點　32
2．4．5　導(dǎo)入和導(dǎo)出站點　32
2．5　網(wǎng)頁文件頭設(shè)置　33
2．5．1　插入搜索關(guān)鍵字　33
2．5．2　插入作者和版權(quán)信息　34
2．5．3　設(shè)置刷新時間　35
2．5．4　設(shè)置描述信息　35
第3章　文本與文檔　36
3．1　文本與文檔　37
3．1．1　課堂案例——青山別墅網(wǎng)頁　37
3．1．2　輸入文本　39
3．1．3　設(shè)置文本屬性　40
3．1．4　輸入連續(xù)的空格　40
3．1．5　設(shè)置是否顯示不可見元素　41
3．1．6　設(shè)置頁邊距　42
3．1．7　設(shè)置網(wǎng)頁的標題　42
3．1．8　設(shè)置網(wǎng)頁的默認格式　43
3．1．9　課堂案例——果蔬網(wǎng)　43
3．1．10　改變文本的大小　47
3．1．11　改變文本的顏色　47
3．1．12　改變文本的字體　48
3．1．13　改變文本的對齊方式　50
3．1．14　設(shè)置文本樣式　50
3．1．15　段落文本　51
3．2　項目符號和編號列表　52
3．2．1　課堂案例——電器城網(wǎng)店　52
3．2．2　設(shè)置項目符號或編號　54
3．2．3　修改項目符號或編號　55
3．2．4　設(shè)置文本縮進格式　55
3．2．5　插入日期　56
3．2．6　特殊字符　56
3．2．7　插入換行符　56
3．3　水平線、網(wǎng)格與標尺　57
3．3．1　課堂案例——攝影藝術(shù)網(wǎng)頁　57
3．3．2　水平線　60
3．3．3　顯示和隱藏網(wǎng)格　60
3．3．4　標尺　61
3．4　課堂練習(xí)——有機果蔬網(wǎng)頁　62
3．5　課后習(xí)題——休閑旅游網(wǎng)頁　63
第4章　圖像和多媒體　64
4．1　圖像的插入　65
4．1．1　課堂案例——咖啡網(wǎng)頁　65
4．1．2　網(wǎng)頁中的圖像格式　66
4．1．3　插入圖像　67
4．1．4　設(shè)置圖像屬性　68
4．1．5　給圖片添加文字說明　68
4．1．6　插入圖像占位符　69
4．1．7　跟蹤圖像　69
4．2　多媒體在網(wǎng)頁中的應(yīng)用　71
4．2．1　課堂案例——木工網(wǎng)頁　71
4．2．2　插入Flash動畫　73
4．2．3　插入FLV　73
4．2．4　插入Shockwave影片　75
4．2．5　影片插入Applet程序　76
4．2．6　插入ActiveX控件　76
4．3　課堂練習(xí)——時尚先生網(wǎng)頁　76
4．4　課后習(xí)題——房源網(wǎng)頁　77
第5章　超鏈接　78
5．1　超鏈接的概念與路徑知識　79
5．2　文本超鏈接　79
5．2．1　課堂案例——建筑模型網(wǎng)頁　79
5．2．2　創(chuàng)建文本鏈接　82
5．2．3　文本鏈接的狀態(tài)　83
5．2．4　下載文件鏈接　84
5．2．5　電子郵件鏈接　84
5．3　圖像超鏈接　85
5．3．1　課堂案例——溫泉度假網(wǎng)頁　85
5．3．2　圖像超鏈接　87
5．3．3　鼠標經(jīng)過圖像鏈接　88
5．4　命名錨點超鏈接　88
5．4．1　課堂案例——金融投資網(wǎng)頁　89
5．4．2　命名錨點鏈接　92
5．5　熱點鏈接　93
5．5．1　課堂案例——口腔護理網(wǎng)頁　93
5．5．2　創(chuàng)建熱點鏈接　96
5．6　課堂練習(xí)——家裝設(shè)計網(wǎng)頁　97
5．7　課后習(xí)題——建筑設(shè)計網(wǎng)頁　98
第6章　使用表格　99
6．1　表格的簡單操作　100
6．1．1　課堂案例——布藝沙發(fā)網(wǎng)頁　100
6．1．2　表格的組成　103
6．1．3　插入表格　104
6．1．4　表格各元素的屬性　105
6．1．5　在表格中插入內(nèi)容　106
6．1．6　選擇表格元素　106
6．1．7　復(fù)制、粘貼表格　108
6．1．8　刪除表格和表格內(nèi)容　109
6．1．9　縮放表格　109
6．1．10　合并和拆分單元格　110
6．1．11　增加和刪除表格的行和列　111
6．2　網(wǎng)頁中的數(shù)據(jù)表格　112
6．2．1　課堂案例——典藏博物館網(wǎng)頁　112
6．2．2　導(dǎo)入和導(dǎo)出表格的數(shù)據(jù)　116
6．2．3　排序表格　117
6．3　復(fù)雜表格的排版　119
6．4　課堂練習(xí)——火鍋餐廳網(wǎng)頁　119
6．5　課后習(xí)題——茶文化網(wǎng)頁　120
第7章　使用框架　121
7．1　框架與框架集　122
7．1．1　課堂案例——牛奶飲品網(wǎng)頁　122
7．1．2　建立框架集　125
7．1．3　為框架添加內(nèi)容　126
7．1．4　保存框架　127
7．1．5　框架的選擇　127
7．1．6　修改框架的大小　128
7．1．7　拆分框架　129
7．1．8　刪除框架　129
7．2　框架的屬性設(shè)置　130
7．2．1　課堂案例——建筑規(guī)劃網(wǎng)頁　130
7．2．2　框架屬性　135
7．2．3　框架集的屬性　136
7．2．4　框架中的鏈接　136
7．2．5　改變框架的背景顏色　137
7．3　課堂練習(xí)——陽光外語小學(xué)網(wǎng)頁1　138
7．4　課后習(xí)題——陽光外語小學(xué)網(wǎng)頁2　138
第8章　使用層　139
8．1　層的基本操作　140
8．1．1　課堂案例——聯(lián)創(chuàng)網(wǎng)絡(luò)技術(shù)網(wǎng)頁　140
8．1．2　創(chuàng)建層　142
8．1．3　選擇層　143
8．1．4　設(shè)置層的默認屬性　143
8．1．5　AP元素面板　144
8．1．6　更改層的堆疊順序　144
8．1．7　更改層的可見性　144
8．1．8　調(diào)整層的大小　145
8．1．9　移動層　146
8．1．10　對齊層　146
8．1．11　層靠齊到網(wǎng)格　147
8．2　應(yīng)用層設(shè)計表格　148
8．2．1　課堂案例——信業(yè)融資網(wǎng)頁　148
8．2．2　將AP Div轉(zhuǎn)換為表格　149
8．2．3　將表格轉(zhuǎn)換為AP Div　151
8．3　課堂練習(xí)——美味小吃網(wǎng)頁　151
8．4　課后習(xí)題——充氣浮床網(wǎng)頁　152
第9章　CSS樣式　153
9．1　CSS樣式的概念　154
9．2　CSS樣式　154
9．2．1　“CSS樣式”面板　154
9．2．2　CSS樣式的類型　155
9．3　樣式的類型與創(chuàng)建　155
9．3．1　創(chuàng)建重定義HTML標簽樣式　156
9．3．2　創(chuàng)建CSS選擇器　157
9．3．3　創(chuàng)建和應(yīng)用自定義樣式　157
9．3．4　創(chuàng)建和引用外部樣式　158
9．4　編輯樣式　159
9．5　CSS的屬性　160
9．5．1　課堂案例——愛越野網(wǎng)頁　160
9．5．2　類型　164
9．5．3　背景　166
9．5．4　區(qū)塊　166
9．5．5　方框　167
9．5．6　邊框　168
9．5．7　列表　169
9．5．8　定位　169
9．5．9　擴展　170
9．5．10　過渡　171
9．6　過濾器　171
9．6．1　課堂案例——愛插畫網(wǎng)頁　171
9．6．2　可應(yīng)用過濾的HTML標簽　173
9．6．3　CSS的靜態(tài)過濾器　173
9．6．4　CSS的動態(tài)過濾器　174
9．7　課堂練習(xí)——愛美化妝品網(wǎng)頁　175
9．8　課后習(xí)題——咖啡屋網(wǎng)頁　175
第10章　模板和庫　176
10．1　“資源”面板　177
10．2　模板　177
10．2．1　課堂案例——飛越天空網(wǎng)頁　178
10．2．2　創(chuàng)建模板　180
10．2．3　定義和取消可編輯區(qū)域　181
10．2．4　創(chuàng)建基于模板的網(wǎng)頁　184
10．2．5　管理模板　185
10．3　庫　187
10．3．1　課堂案例——老年公寓網(wǎng)頁　187
10．3．2　創(chuàng)建庫文件　192
10．3．3　向頁面添加庫項目　193
10．3．4　更新庫文件　193
10．4　課堂練習(xí)——租車網(wǎng)頁　195
10．5　課后習(xí)題——愛家紡網(wǎng)頁　196
第11章　CSS+DIV布局方法　197
11．1　CSS+DIV的概述　198
11．1．1　CSS+DIV的優(yōu)勢　198
11．1．2　CSS+DIV缺點　198
11．2　《div》標記與《span》標記　198
11．2．1　概述　198
11．2．2　《div》與《span》的區(qū)別　198
11．3　盒子模型　199
11．3．1　盒子結(jié)構(gòu)　199
11．3．2　盒子屬性　199
11．4　盒子的定位與浮動　200
11．4．1　課堂案例——綠色農(nóng)場網(wǎng)頁　200
11．4．2　盒子的定義　207
11．4．3　盒子的浮動　208
11．5　課堂練習(xí)——浪漫花屋網(wǎng)頁　210
11．6　課后習(xí)題——旅游網(wǎng)頁　211
第12章　使用表單　212
12．1　使用表單　213
12．1．1　課堂案例——用戶登錄界面　213
12．1．2　創(chuàng)建表單　216
12．1．3　表單的屬性　217
12．1．4　單行文本域　217
12．1．5　隱藏域　220
12．2　應(yīng)用復(fù)選框和單選按鈕　220
12．2．1　課堂案例——會員注冊頁面　220
12．2．2　單選按鈕　223
12．2．3　單選按鈕組　223
12．2．4　復(fù)選框　224
12．3　創(chuàng)建列表和菜單　224
12．3．1　課堂案例——留言板網(wǎng)頁　225
12．3．2　創(chuàng)建列表和菜單　226
12．3．3　創(chuàng)建跳轉(zhuǎn)菜單　228
12．3．4　課堂案例——OA系統(tǒng)登錄頁面　229
12．3．5　創(chuàng)建文件域　231
12．3．6　創(chuàng)建圖像域　232
12．3．7　提交、無、重置按鈕　233
12．4　課堂練習(xí)——創(chuàng)新生活網(wǎng)頁　234
12．5　課后習(xí)題——美食在線網(wǎng)頁　235
第13章　行為　236
13．1　行為概述　237
13．1．1　“行為”面板　237
13．1．2　應(yīng)用行為　237
13．2　動作　238
13．2．1　課堂案例——婚戒網(wǎng)頁　238
13．2．2　調(diào)用 JavaScript　240
13．2．3　打開瀏覽器窗口　241
13．2．4　轉(zhuǎn)到URL　242
13．2．5　課堂案例——開心烘焙網(wǎng)頁　243
13．2．6　檢查插件　245
13．2．7　檢查表單　246
13．2．8　交換圖像　246
13．2．9　課堂案例——愛心救助網(wǎng)頁　247
13．2．10　顯示隱藏層　249
13．2．11　設(shè)置容器的文本　250
13．2．12　設(shè)置文本域文字　251
13．2．13　設(shè)置框架文本　252
13．2．14　設(shè)置狀態(tài)欄文本　253
13．2．15　跳轉(zhuǎn)菜單　253
13．2．16　跳轉(zhuǎn)菜單開始　254
13．3　課堂練習(xí)——攝影網(wǎng)頁　256
13．4　課后習(xí)題——美味蛋糕網(wǎng)頁　256
第14章　網(wǎng)頁代碼　257
14．1　網(wǎng)頁代碼　258
14．1．1　課堂案例——安享愛晚網(wǎng)頁　258
14．1．2　使用“參考”面板　259
14．1．3　代碼提示功能　260
14．1．4　使用標簽庫插入標簽　260
14．1．5　用標簽選擇器插入標簽　261
14．2　編輯代碼　262
14．2．1　使用標簽檢查器編輯代碼　262
14．2．2　使用標簽編輯器編輯代碼　262
14．3　常用的HTML標簽　263
14．4　腳本語言　264
14．5　響應(yīng)HTML事件　265
14．6　課后習(xí)題——時尚兒童服飾網(wǎng)頁　266
第15章　商業(yè)案例實訓(xùn)　267
15．1　樂卡絲家居網(wǎng)頁　268
15．1．1　案例分析　268
15．1．2　案例設(shè)計　268
15．1．3　案例制作　268
15．2　課后習(xí)題——美食網(wǎng)頁　295