Dreamweaver CS6網頁設計與制作標準教程（微課版）

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