Dreamweaver CC 網(wǎng)頁(yè)設(shè)計(jì)與制作（微課版）

第1章　網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)　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　前期準(zhǔn)備工作　3
1．2．2　方案實(shí)施　4
1．2．3　后期工作　5
1．3　網(wǎng)站建設(shè)基礎(chǔ)　5
1．3．1　什么是靜態(tài)網(wǎng)頁(yè)　5
1．3．2　什么是動(dòng)態(tài)網(wǎng)頁(yè)　6
1．3．3　常見網(wǎng)站類型　6
1．3．4　申請(qǐng)域名和購(gòu)買空間　8
1．4　網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)　9
1．4．1　網(wǎng)頁(yè)版面布局的原則和方法　9
1．4．2　常見的版面布局形式　10
1．4．3　網(wǎng)頁(yè)配色基礎(chǔ)　11
1．5　網(wǎng)頁(yè)制作常用軟件　14
1．5．1　Photoshop　14
1．5．2　Fireworks　15
1．5．3　Flash　15
1．5．4　Dreamweaver　16
1．6　網(wǎng)頁(yè)制作標(biāo)準(zhǔn)技術(shù)　16
1．6．1　網(wǎng)頁(yè)標(biāo)記語(yǔ)言HTML　16
1．6．2　頁(yè)面修飾語(yǔ)言CSS　17
1．6．3　網(wǎng)頁(yè)腳本語(yǔ)言JavaScript　17
1．6．4　動(dòng)態(tài)網(wǎng)頁(yè)編程語(yǔ)言ASP、PHP和JSP　17
第2章　初識(shí)Dreamweaver CC　18
2．1　Dreamweaver CC的工作界面　19
2．1．1　友善的開始頁(yè)面　19
2．1．2　不同風(fēng)格的界面　20
2．1．3　伸縮自如的功能面板　20
2．1．4　多文檔的編輯界面　20
2．1．5　新穎的“插入”面板　21
2．1．6　更完整的CSS功能　22
2．2　創(chuàng)建網(wǎng)站框架　23
2．2．1　站點(diǎn)管理器　23
2．2．2　創(chuàng)建文件夾　24
2．2．3　定義新站點(diǎn)　24
2．2．4　創(chuàng)建和保存網(wǎng)頁(yè)　25
2．3　管理站點(diǎn)　26
2．3．1　打開站點(diǎn)　27
2．3．2　編輯站點(diǎn)　27
2．3．3　復(fù)制站點(diǎn)　27
2．3．4　刪除站點(diǎn)　27
2．3．5　導(dǎo)入和導(dǎo)出站點(diǎn)　27
2．4　網(wǎng)頁(yè)文件頭設(shè)置　28
2．4．1　插入搜索關(guān)鍵字　28
2．4．2　插入作者和版權(quán)信息　29
2．4．3　設(shè)置刷新時(shí)間　30
2．4．4　設(shè)置描述信息　30
第3章　文本與文檔　31
3．1　文本與文檔　32
3．1．1　課堂案例——數(shù)碼產(chǎn)品網(wǎng)頁(yè)　32
3．1．2　輸入文本　34
3．1．3　設(shè)置文本屬性　34
3．1．4　輸入連續(xù)的空格　35
3．1．5　設(shè)置是否顯示不可見元素　36
3．1．6　設(shè)置頁(yè)邊距　36
3．1．7　設(shè)置網(wǎng)頁(yè)的標(biāo)題　37
3．1．8　設(shè)置網(wǎng)頁(yè)的默認(rèn)格式　37
3．1．9　課堂案例——機(jī)電設(shè)備網(wǎng)頁(yè)　38
3．1．10　改變文本的大小　40
3．1．11　改變文本的顏色　41
3．1．12　改變文本的字體　42
3．1．13　改變文本的對(duì)齊方式　43
3．1．14　設(shè)置文本樣式　44
3．1．15　段落文本　45
3．2　項(xiàng)目符號(hào)和編號(hào)列表　46
3．2．1　課堂案例——電器城網(wǎng)頁(yè)　46
3．2．2　設(shè)置項(xiàng)目符號(hào)或編號(hào)　48
3．2．3　修改項(xiàng)目符號(hào)或編號(hào)　49
3．2．4　設(shè)置文本縮進(jìn)格式　49
3．2．5　插入日期　49
3．2．6　特殊字符　49
3．2．7　插入換行符　50
3．3　水平線、網(wǎng)格與標(biāo)尺　51
3．3．1　課堂案例——攝影藝術(shù)網(wǎng)頁(yè)　51
3．3．2　水平線　53
3．3．3　顯示和隱藏網(wǎng)格　54
3．3．4　標(biāo)尺　55
3．4　課堂練習(xí)——有機(jī)果蔬網(wǎng)頁(yè)　56
3．5　課后習(xí)題——休閑旅游網(wǎng)頁(yè)　56
第4章　圖像和多媒體　58
4．1　圖像的插入　59
4．1．1　課堂案例——節(jié)能環(huán)保網(wǎng)頁(yè)　59
4．1．2　網(wǎng)頁(yè)中的圖像格式　60
4．1．3　插入圖像　61
4．1．4　設(shè)置圖像屬性　61
4．1．5　給圖片添加文字說明　62
4．1．6　跟蹤圖像　62
4．2　多媒體在網(wǎng)頁(yè)中的應(yīng)用　63
4．2．1　課堂案例——五谷雜糧網(wǎng)頁(yè)　63
4．2．2　插入Flash動(dòng)畫　65
4．2．3　插入FlV　66
4．2．4　插入Edge Animate作品　68
4．2．5　插入音頻　68
4．2．6　插入插件　70
4．3　課堂練習(xí)——時(shí)尚先生網(wǎng)頁(yè)　71
4．4　課后習(xí)題——房源網(wǎng)頁(yè)　71
第5章　超鏈接　72
5．1　超鏈接的概念與路徑知識(shí)　73
5．2　文本超鏈接　73
5．2．1　課堂案例——實(shí)木地板網(wǎng)頁(yè)　73
5．2．2　創(chuàng)建文本鏈接　76
5．2．3　文本鏈接的狀態(tài)　77
5．2．4　下載文件鏈接　78
5．2．5　電子郵件鏈接　78
5．3　圖像超鏈接　79
5．3．1　課堂案例——溫泉度假網(wǎng)頁(yè)　79
5．3．2　圖像超鏈接　81
5．3．3　鼠標(biāo)經(jīng)過圖像鏈接　82
5．4　命名錨點(diǎn)超鏈接　82
5．4．1　課堂案例——男士服裝網(wǎng)頁(yè)　82
5．4．2　命名錨點(diǎn)鏈接　86
5．5　熱點(diǎn)鏈接　86
5．5．1　課堂案例——口腔護(hù)理網(wǎng)頁(yè)　87
5．5．2　創(chuàng)建熱點(diǎn)鏈接　88
5．6　課堂練習(xí)——家裝設(shè)計(jì)網(wǎng)頁(yè)　90
5．7　課后習(xí)題——建筑設(shè)計(jì)網(wǎng)頁(yè)　90
第6章　使用表格　91
6．1　表格的簡(jiǎn)單操作　92
6．1．1　課堂案例——租車網(wǎng)頁(yè)　92
6．1．2　表格的組成　96
6．1．3　插入表格　97
6．1．4　表格各元素的屬性　98
6．1．5　在表格中插入內(nèi)容　99
6．1．6　選擇表格元素　99
6．1．7　復(fù)制、粘貼表格　101
6．1．8　刪除表格和表格內(nèi)容　102
6．1．9　縮放表格　102
6．1．10　合并和拆分單元格　103
6．1．11　增加和刪除表格的行和列　104
6．2　網(wǎng)頁(yè)中的數(shù)據(jù)表格　105
6．2．1　課堂案例——綠色糧倉(cāng)網(wǎng)頁(yè)　105
6．2．2　導(dǎo)入和導(dǎo)出表格的數(shù)據(jù)　108
6．2．3　排序表格　110
6．3　復(fù)雜表格的排版　111
6．4　課堂練習(xí)——火鍋餐廳網(wǎng)頁(yè)　111
6．5　課后習(xí)題——茶文化網(wǎng)頁(yè)　112
第7章　ASP　113
7．1　ASP動(dòng)態(tài)網(wǎng)頁(yè)基礎(chǔ)　114
7．1．1　課堂案例——攝像世界網(wǎng)頁(yè)　114
7．1．2　ASP服務(wù)器的安裝　115
7．1．3　ASP語(yǔ)法基礎(chǔ)　118
7．1．4　數(shù)組的創(chuàng)建與應(yīng)用　120
7．1．5　流程控制語(yǔ)句　122
7．2　ASP內(nèi)置對(duì)象　125
7．2．1　課堂案例——網(wǎng)球俱樂部網(wǎng)頁(yè)　125
7．2．2　Request請(qǐng)求對(duì)象　127
7．2．3　Response響應(yīng)對(duì)象　132
7．2．4　Session會(huì)話對(duì)象　134
7．2．5　Application應(yīng)用程序?qū)ο蟆?35
7．2．6　Server服務(wù)對(duì)象　137
7．2．7　ObjectContext事務(wù)處理對(duì)象　139
7．3　課堂練習(xí)——挖掘機(jī)網(wǎng)頁(yè)　140
7．4　課后習(xí)題——牛奶飲料網(wǎng)頁(yè)　140
第8章　CSS樣式　142
8．1　CSS樣式的概念　143
8．2　CSS樣式　143
8．2．1　“CSS樣式”控制面板　143
8．2．2　CSS樣式的類型　144
8．3　樣式的類型與創(chuàng)建　144
8．3．1　創(chuàng)建重定義HTML標(biāo)簽樣式　145
8．3．2　創(chuàng)建CSS選擇器　146
8．3．3　創(chuàng)建和應(yīng)用自定義樣式　146
8．3．4　創(chuàng)建和引用外部樣式　147
8．4　編輯樣式　148
8．5　CSS的屬性　149
8．5．1　課堂案例——極速賽車網(wǎng)頁(yè)　149
8．5．2　類型　153
8．5．3　背景　154
8．5．4　區(qū)塊　155
8．5．5　方框　156
8．5．6　邊框　156
8．5．7　列表　157
8．5．8　定位　157
8．5．9　擴(kuò)展　158
8．5．10　過渡　158
8．6　過濾器　159
8．6．1　課堂案例——汽配商城網(wǎng)頁(yè)　159
8．6．2　可應(yīng)用過濾的HTML標(biāo)簽　161
8．6．3　CSS的靜態(tài)過濾器　162
8．6．4　CSS的動(dòng)態(tài)過濾器　163
8．7　課堂練習(xí)——愛美化妝品網(wǎng)頁(yè)　163
8．8　課后習(xí)題——咖啡屋網(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)建模板　168
9．2．3　定義和取消可編輯區(qū)域　169
9．2．4　創(chuàng)建基于模板的網(wǎng)頁(yè)　173
9．2．5　管理模板　173
9．3　庫(kù)　175
9．3．1　課堂案例——建達(dá)康集團(tuán)網(wǎng)頁(yè)　175
9．3．2　創(chuàng)建庫(kù)文件　180
9．3．3　向頁(yè)面添加庫(kù)項(xiàng)目　180
9．3．4　更新庫(kù)文件　181
9．4　課堂練習(xí)——租車網(wǎng)頁(yè)　183
9．5　課后習(xí)題——愛家紡網(wǎng)頁(yè)　183
第10章　CSS+DIV布局方法　185
10．1　CSS+DIV的概述　186
10．1．1　CSS+DIV的優(yōu)勢(shì)　186
10．1．2　CSS+DIV缺點(diǎn)　186
10．2
標(biāo)記與標(biāo)記　186
10．2．1　概述　186
10．2．2
與的區(qū)別　186
10．3　盒子模型　186
10．3．1　盒子結(jié)構(gòu)　187
10．3．2　盒子屬性　187
10．4　盒子的定位與浮動(dòng)　188
10．4．1　課堂案例——綠色農(nóng)場(chǎng)網(wǎng)頁(yè)　188
10．4．2　盒子的定義　195
10．4．3　盒子的浮動(dòng)　195
10．5　課堂練習(xí)——浪漫花屋網(wǎng)頁(yè)　198
10．6　課后習(xí)題——旅游網(wǎng)頁(yè)　199
第11章　使用表單　200
11．1　使用表單　201
11．1．1　課堂案例——用戶登錄界面　201
11．1．2　創(chuàng)建表單　204
11．1．3　表單的屬性　204
11．1．4　單行文本域　205
11．2　應(yīng)用復(fù)選框和單選按鈕　207
11．2．1　課堂案例——會(huì)員注冊(cè)頁(yè)面　208
11．2．2　單選按鈕　210
11．2．3　單選按鈕組　211
11．2．4　復(fù)選框　211
11．3　創(chuàng)建列表和菜單　212
11．3．1　課堂案例——留言板網(wǎng)頁(yè)　212
11．3．2　創(chuàng)建列表和菜單　214
11．3．3　創(chuàng)建文件域　215
11．3．4　創(chuàng)建圖像域　216
11．3．5　插入按鈕　217
11．3．6　插入提交按鈕　217
11．3．7　插入重置按鈕　218
11．4　創(chuàng)建HTML5表單元素　218
11．4．1　課堂案例——?jiǎng)游飿穲@網(wǎng)頁(yè)　218
11．4．2　插入U(xiǎn)rl文本域　221
11．4．3　插入Tel文本域　221
11．4．4　插入搜索文本域　221
11．4．5　插入數(shù)字文本域　222
11．4．6　插入范圍文本域　222
11．4．7　插入顏色　223
11．4．8　課堂案例——國(guó)際航空網(wǎng)頁(yè)　223
11．4．9　插入月表單　225
11．4．10　插入周表單　226
11．4．11　插入日期表單　226
11．4．12　插入時(shí)間表單　227
11．4．13　插入日期時(shí)間　228
11．4．14　插入日期時(shí)間（當(dāng)?shù)兀?28
11．5　課堂練習(xí)——?jiǎng)?chuàng)新生活網(wǎng)頁(yè)　229
11．6　課后習(xí)題——美食在線網(wǎng)頁(yè)　229
第12章　行為　231
12．1　行為概述　232
12．1．1　“行為”面板　232
12．1．2　應(yīng)用行為　232
12．2　動(dòng)作　233
12．2．1　課堂案例——婚戒網(wǎng)頁(yè)　233
12．2．2　調(diào)用JavaScript　236
12．2．3　打開瀏覽器窗口　237
12．2．4　轉(zhuǎn)到URL　238
12．2．5　課堂案例——開心烘焙網(wǎng)頁(yè)　239
12．2．6　檢查插件　241
12．2．7　檢查表單　242
12．2．8　交換圖像　243
12．2．9　課堂案例——獻(xiàn)愛心網(wǎng)頁(yè)　243
12．2．10　顯示-隱藏層　245
12．2．11　設(shè)置容器的文本　247
12．2．12　設(shè)置狀態(tài)欄文本　247
12．2．13　設(shè)置文本域文字　248
12．2．14　跳轉(zhuǎn)菜單　248
12．2．15　跳轉(zhuǎn)菜單開始　249
12．3　課堂練習(xí)——攝影網(wǎng)頁(yè)　250
12．4　課后習(xí)題——美味蛋糕網(wǎng)頁(yè)　251
第13章　網(wǎng)頁(yè)代碼　252
13．1　網(wǎng)頁(yè)代碼　253
13．1．1　課堂案例——安享愛晚網(wǎng)頁(yè)　253
13．1．2　代碼提示功能　254
13．1．3　使用標(biāo)簽庫(kù)插入標(biāo)簽　255
13．2　常用的HTML標(biāo)簽　256
13．3　腳本語(yǔ)言　257
13．4　響應(yīng)HTML事件　258
13．5　課后習(xí)題——時(shí)尚兒童服飾網(wǎng)頁(yè)　259
第14章　商業(yè)案例實(shí)訓(xùn)　260
14．1　樂卡絲家居網(wǎng)頁(yè)　261
14．1．1　案例分析　261
14．1．2　案例設(shè)計(jì)　261
14．1．3　案例制作　261
14．2　課后習(xí)題——美食網(wǎng)頁(yè)　290