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

目    錄
第1章  網(wǎng)頁(yè)設(shè)計(jì)制作基礎(chǔ)入門 1
1.1  什么是網(wǎng)頁(yè) 2
1.1.1  認(rèn)識(shí)網(wǎng)站與網(wǎng)頁(yè) 2
1.1.2  靜態(tài)網(wǎng)頁(yè) 3
1.1.3  動(dòng)態(tài)網(wǎng)頁(yè) 4
1.2  制作網(wǎng)頁(yè)的常用工具 5
1.2.1  網(wǎng)頁(yè)編輯排版軟件Dreamweaver 5
1.2.2  圖像制作軟件Photoshop和Fireworks 6
1.2.3  網(wǎng)頁(yè)動(dòng)畫制作軟件Flash 7
1.2.4  網(wǎng)頁(yè)標(biāo)記語(yǔ)言HTML 8
1.2.5  網(wǎng)頁(yè)腳本語(yǔ)言JavaScript 8
1.2.6  動(dòng)態(tài)網(wǎng)頁(yè)編程語(yǔ)言ASP 8
1.3  網(wǎng)頁(yè)的基本要素 9
1.3.1  Logo 9
1.3.2  Banner 9
1.3.3  導(dǎo)航欄 10
1.3.4  文本 10
1.3.5  圖像 10
1.3.6  Flash動(dòng)畫 11
1.3.7  表單 11
1.3.8  屏幕分辨率 11
1.4  網(wǎng)頁(yè)的相關(guān)知識(shí) 12
1.4.1  因特網(wǎng) 12
1.4.2  萬維網(wǎng) 13
1.4.3  瀏覽器 13
1.4.4  HTML 13
1.4.5  電子郵件 13
1.4.6  URL 14
1.4.7  域名 14
1.4.8  IP地址 14
1.5  網(wǎng)頁(yè)設(shè)計(jì)中的色彩應(yīng)用 15
1.5.1  網(wǎng)頁(yè)色彩的特性 15
1.5.2  網(wǎng)頁(yè)安全色 16
1.5.3  色彩模式 16
1.5.4  網(wǎng)頁(yè)配色的基本規(guī)則 17
1.5.5  網(wǎng)頁(yè)配色中的文本顏色 18
1.6  怎樣設(shè)計(jì)出好的網(wǎng)頁(yè) 19
1.6.1  網(wǎng)頁(yè)設(shè)計(jì)的基本原則 19
1.6.2  網(wǎng)頁(yè)設(shè)計(jì)的成功要素 20
1.6.3  網(wǎng)頁(yè)的色彩搭配 21
1.7  范例應(yīng)用與上機(jī)操作 22
1.7.1  網(wǎng)站的制作流程 22
1.7.2  靜態(tài)網(wǎng)頁(yè)的制作流程 24
1.7.3  網(wǎng)頁(yè)編輯器 24
1.8  本章小結(jié)與課后練習(xí) 25
第2章  Dreamweaver CC輕松入門 27
2.1  認(rèn)識(shí)工作界面 28
2.1.1  界面布局 28
2.1.2  菜單欄 28
2.1.3  【插入】面板 29
2.1.4  工具窗口和面板 30
2.1.5  屬性檢查器 31
2.1.6  使用管理面板和面板組 32
2.2  設(shè)置Dreamweaver視圖 33
2.2.1  切換“文檔”視圖 33
2.2.2  使用可視化助理 34
2.3  范例應(yīng)用與上機(jī)操作 36
2.3.1  使用輔助線 36
2.3.2  使用跟蹤圖像 37
2.3.3  設(shè)置縮放比率 38
2.3.4  調(diào)整窗口大小 39
2.3.5  調(diào)整頁(yè)面方向 39
2.3.6  設(shè)置工具欄顯示方式 40
2.4  本章小結(jié)與課后練習(xí) 41
2.4.1  思考與練習(xí) 41
2.4.2  上機(jī)操作 41
第3章  創(chuàng)建與管理本地站點(diǎn) 43
3.1  站點(diǎn)及站點(diǎn)結(jié)構(gòu) 44
3.1.1  什么是站點(diǎn) 44
3.1.2  站點(diǎn)結(jié)構(gòu) 44
3.2  創(chuàng)建本地站點(diǎn) 45
3.2.1  使用向?qū)Т罱ㄕ军c(diǎn) 45
3.2.2  使用高級(jí)面板創(chuàng)建站點(diǎn) 46
3.3  管理站點(diǎn) 46
3.3.1  認(rèn)識(shí)【管理站點(diǎn)】對(duì)話框 47
3.3.2  打開站點(diǎn) 48
3.3.3  編輯站點(diǎn) 48
3.3.4  復(fù)制站點(diǎn) 49
3.3.5  刪除站點(diǎn) 49
3.3.6  站點(diǎn)的切換 50
3.4  站點(diǎn)的規(guī)劃與操作 51
3.4.1  站點(diǎn)規(guī)劃 51
3.4.2  在站點(diǎn)中新建文件夾 51
3.4.3  在站點(diǎn)中新建網(wǎng)頁(yè)文件 52
3.4.4  使用【新建文檔】對(duì)話框新建文件 53
3.4.5  移動(dòng)和復(fù)制文件或文件夾 53
3.4.6  重命名文件或文件夾 55
3.4.7  刪除文件或文件夾 56
3.5  范例應(yīng)用與上機(jī)操作 57
3.5.1  在站點(diǎn)中新建名為“音樂”的文件夾 57
3.5.2  在站點(diǎn)中新建名為“視頻網(wǎng)頁(yè)”的文件 57
3.5.3  使用站點(diǎn)地圖 58
3.5.4  Business Catalyst站點(diǎn) 58
3.5.5  文件視圖列 59
3.6  本章小結(jié)與課后練習(xí) 60
3.6.1  思考與練習(xí) 60
3.6.2  上機(jī)操作 60
第4章  編輯結(jié)構(gòu)清晰的網(wǎng)頁(yè)信息 61
4.1  在網(wǎng)頁(yè)中插入文本 62
4.1.1  輸入網(wǎng)頁(yè)文本 62
4.1.2  設(shè)置文本屬性 63
4.1.3  允許輸入連續(xù)的空格 63
4.1.4  設(shè)置是否顯示不可見元素 64
4.1.5  設(shè)置頁(yè)邊距 64
4.2  插入特殊文本對(duì)象 65
4.2.1  插入特殊字符 66
4.2.2  插入水平線 66
4.2.3  插入日期和時(shí)間 67
4.3  項(xiàng)目列表和編號(hào)列表 67
4.3.1  設(shè)置項(xiàng)目列表或編號(hào)列表 68
4.3.2  修改項(xiàng)目列表或編號(hào)列表 68
4.3.3  設(shè)置文本縮進(jìn)格式 69
4.4  設(shè)置頁(yè)面的META信息 70
4.4.1  設(shè)置網(wǎng)頁(yè)的文字編碼格式 70
4.4.2  設(shè)置網(wǎng)頁(yè)的到期時(shí)間 70
4.4.3  禁止瀏覽器從本地計(jì)算機(jī)的緩存中讀取頁(yè)面內(nèi)容 70
4.5  設(shè)置網(wǎng)頁(yè)的頭信息 71
4.5.1  設(shè)置網(wǎng)頁(yè)標(biāo)題 71
4.5.2  添加關(guān)鍵字 72
4.5.3  添加說明 72
4.6  設(shè)置頁(yè)面屬性 73
4.6.1  設(shè)置外觀(CSS) 73
4.6.2  設(shè)置外觀(HTML) 74
4.6.3  設(shè)置鏈接(CSS) 74
4.6.4  設(shè)置標(biāo)題(CSS) 75
4.6.5  設(shè)置標(biāo)題和編碼 75
4.6.6  設(shè)置跟蹤圖像 76
4.7  范例應(yīng)用與上機(jī)操作 76
4.7.1  設(shè)置cookie過期 77
4.7.2  強(qiáng)制網(wǎng)頁(yè)在當(dāng)前窗口中以獨(dú)立頁(yè)面顯示 77
4.7.3  設(shè)置網(wǎng)頁(yè)打開時(shí)的效果 78
4.7.4  設(shè)置網(wǎng)頁(yè)退出時(shí)的效果 78
4.7.5  插入短破折線 79
4.8  本章小結(jié)與課后練習(xí) 79
4.8.1  思考與練習(xí) 80
4.8.2  上機(jī)操作 80
第5章  在網(wǎng)頁(yè)中應(yīng)用圖像與多媒體 81
5.1  常用的圖像格式 82
5.1.1  JPEG格式圖像 82
5.1.2  GIF格式圖像 82
5.1.3  PNG格式圖像 82
5.2  插入與設(shè)置圖像 83
5.2.1  在網(wǎng)頁(yè)中插入圖像文件 83
5.2.2  設(shè)置網(wǎng)頁(yè)背景圖 84
5.2.3  圖像的對(duì)齊方式 84
5.2.4  插入Photoshop智能對(duì)象 85
5.2.5  更改圖像的基本屬性 86
5.3  多媒體在網(wǎng)頁(yè)中的應(yīng)用 87
5.3.1  插入并設(shè)置Flash動(dòng)畫 88
5.3.2  插入Flash Video 89
5.3.3  插入普通音頻 91
5.4  插入其他圖像 92
5.4.1  插入鼠標(biāo)經(jīng)過圖像 92
5.4.2  插入Fireworks HTML 93
5.5  編輯圖像 94
5.5.1  裁剪圖像 94
5.5.2  更改圖像大小 95
5.5.3  調(diào)整亮度和對(duì)比度 95
5.5.4  銳化圖像 96
5.6  使用熱區(qū) 97
5.6.1  繪制熱區(qū) 97
5.6.2  在【屬性】面板中設(shè)置熱區(qū) 98
5.7  范例應(yīng)用與上機(jī)操作 98
5.7.1  插入HTML5 Video 98
5.7.2  插入HTML5 Audio 99
5.7.3  插入Edge Animate 100
5.7.4  重新取樣 101
5.7.5  復(fù)制Photoshop選區(qū)圖像 102
5.8  本章小結(jié)與課后練習(xí) 103
5.8.1  思考與練習(xí) 104
5.8.2  上機(jī)操作 104
第6章  超鏈接 105
6.1  超鏈接基本概念 106
6.1.1  超鏈接的定義 106
6.1.2  內(nèi)部、外部與腳本鏈接 106
6.1.3  超鏈接的類型 107
6.2  鏈接路徑 109
6.2.1  路徑 109
6.2.2  文檔相對(duì)路徑 110
6.2.3  站點(diǎn)根目錄相對(duì)路徑 111
6.3  創(chuàng)建超鏈接的方法 112
6.3.1  使用指向文件圖標(biāo)創(chuàng)建鏈接 112
6.3.2  使用【屬性】面板創(chuàng)建鏈接 112
6.4  創(chuàng)建不同種類的超鏈接 113
6.4.1  文本超鏈接 113
6.4.2  空鏈接 114
6.4.3  電子郵件鏈接 115
6.5  管理與設(shè)置超鏈接 116
6.5.1  自動(dòng)更新鏈接 116
6.5.2  在站點(diǎn)范圍內(nèi)更改鏈接 117
6.5.3  檢查站點(diǎn)中的鏈接錯(cuò)誤 118
6.6  超鏈接的屬性控制 119
6.6.1  a:link 119
6.6.2  a:active 119
6.6.3  a:hover 119
6.6.4  a:visited 119
6.7  范例應(yīng)用與上機(jī)操作 120
6.7.1  創(chuàng)建腳本鏈接 120
6.7.2  創(chuàng)建下載文件鏈接 121
6.7.3  創(chuàng)建錨記鏈接 122
6.7.4  創(chuàng)建音視頻鏈接 122
6.7.5  使用Hyperlink對(duì)話框 123
6.8  本章小結(jié)與課后練習(xí) 124
6.8.1  思考與練習(xí) 124
6.8.2  上機(jī)操作 125
第7章  使用表格布局頁(yè)面 127
7.1  表格的創(chuàng)建與應(yīng)用 128
7.1.1  表格的定義與用途 128
7.1.2  創(chuàng)建表格 129
7.1.3  在表格中輸入內(nèi)容 130
7.1.4  在單元格中插入圖像 130
7.1.5  創(chuàng)建嵌套表格 131
7.2  設(shè)置表格及單元格的屬性 132
7.2.1  設(shè)置表格屬性 132
7.2.2  設(shè)置單元格屬性 133
7.3  調(diào)整表格結(jié)構(gòu) 134
7.3.1  選擇單元格和表格 134
7.3.2  調(diào)整單元格和表格的大小 135
7.3.3  插入與刪除表格的行和列 137
7.4  處理表格數(shù)據(jù) 139
7.4.1  導(dǎo)入Excel文檔 139
7.4.2  排序表格 140
7.5  數(shù)據(jù)表格樣式 141
7.5.1  表格模型 142
7.5.2  表格標(biāo)題 143
7.5.3  表格樣式控制 143
7.6  范例應(yīng)用與上機(jī)操作 144
7.6.1  拆分單元格 144
7.6.2  合并單元格 145
7.6.3  復(fù)制、剪切和粘貼表格 146
7.6.4  導(dǎo)入表格式數(shù)據(jù) 148
7.6.5  導(dǎo)入Word文檔 149
7.7  本章小結(jié)與課后練習(xí) 149
7.7.1  思考與練習(xí) 150
7.7.2  上機(jī)操作 150
第8章  應(yīng)用CSS樣式美化網(wǎng)頁(yè) 151
8.1  什么是CSS樣式表 152
8.1.1  認(rèn)識(shí)CSS 152
8.1.2  CSS樣式的類型 152
8.1.3  CSS樣式基本語(yǔ)法 153
8.2  使用【CSS設(shè)計(jì)器】面板 154
8.2.1  認(rèn)識(shí)【CSS設(shè)計(jì)器】面板 154
8.2.2  創(chuàng)建與附加CSS樣式表 156
8.2.3  設(shè)定媒體查詢 158
8.2.4  定義選擇器 159
8.2.5  設(shè)置CSS規(guī)則屬性 161
8.3  CSS選擇器的類型 161
8.3.1  通配符選擇器 162
8.3.2  標(biāo)簽選擇器 162
8.3.3  類選擇器 162
8.3.4  ID選擇器 164
8.3.5  偽類及偽對(duì)象選擇器 164
8.3.6  群選擇器 165
8.3.7  派生選擇器 165
8.4  創(chuàng)建CSS樣式 166
8.4.1  創(chuàng)建標(biāo)簽CSS樣式 166
8.4.2  創(chuàng)建類CSS樣式 167
8.4.3  創(chuàng)建ID CSS樣式 168
8.4.4  創(chuàng)建復(fù)合CSS樣式 170
8.5  編輯CSS樣式 171
8.5.1  設(shè)定類型屬性 171
8.5.2  設(shè)定背景屬性 172
8.5.3  設(shè)定方框?qū)傩?173
8.5.4  設(shè)定區(qū)塊屬性 174
8.5.5  設(shè)定邊框?qū)傩?174
8.5.6  設(shè)定列表屬性 175
8.5.7  設(shè)定定位屬性 176
8.5.8  設(shè)定擴(kuò)展屬性 176
8.5.9  設(shè)定過渡屬性 177
8.6  在Dreamweaver中使用CSS樣式 178
8.6.1  內(nèi)聯(lián)CSS樣式 178
8.6.2  內(nèi)部CSS樣式 178
8.6.3  鏈接外部CSS樣式表文件 179
8.6.4  導(dǎo)入外部CSS樣式表文件 179
8.7  應(yīng)用CSS3過渡效果 179
8.7.1  創(chuàng)建CSS3過渡效果 179
8.7.2  編輯CSS3過渡效果 181
8.7.3  刪除CSS3過渡效果 181
8.8  范例應(yīng)用與上機(jī)操作 183
8.8.1  應(yīng)用CSS設(shè)置固定字體、字號(hào)以及字體顏色 183
8.8.2  給網(wǎng)頁(yè)添加邊框效果 183
8.8.3  為網(wǎng)頁(yè)添加CSS類選區(qū) 184
8.8.4  設(shè)置內(nèi)邊距屬性 185
8.8.5  給文本添加列表項(xiàng)目符號(hào) 186
8.8.6  給網(wǎng)頁(yè)添加背景 187
8.9  本章小結(jié)與課后練習(xí) 188
8.9.1  思考與練習(xí) 188
8.9.2  上機(jī)操作 188
第9章  應(yīng)用Div CSS布局網(wǎng)頁(yè) 189
9.1  Div概述 190
9.1.1  什么是Div 190
9.1.2  Div CSS布局的優(yōu)勢(shì) 190
9.1.3  Div標(biāo)記和Span標(biāo)記的區(qū)別 191
9.2  應(yīng)用Div布局網(wǎng)頁(yè) 191
9.2.1  頁(yè)面布局分析 191
9.2.2  插入和編輯Div標(biāo)簽 192
9.2.3  Div的嵌套和固定格式 193
9.3  可視化盒模型 194
9.3.1  盒模型的概念 194
9.3.2  CSS盒模型的要點(diǎn) 195
9.3.3  margin屬性 196
9.3.4  border屬性 197
9.3.5  padding屬性 198
9.3.6  空白邊的疊加 200
9.4  CSS的布局定位 200
9.4.1  浮動(dòng)定位 201
9.4.2  通過position屬性定位 201
9.4.3  相對(duì)定位 203
9.4.4  定位 204
9.4.5  固定定位 205
9.5  范例應(yīng)用與上機(jī)操作 205
9.5.1  一列固定寬度布局 205
9.5.2  一列自適應(yīng)布局 206
9.5.3  兩列固定寬度布局 207
9.5.4  兩列寬度自適應(yīng)布局 208
9.5.5  兩列右列寬度自適應(yīng)布局 209
9.5.6  三列浮動(dòng)中間列寬度自適應(yīng)布局 209
9.6  本章小結(jié)與課后練習(xí) 211
9.6.1  思考與練習(xí) 211
9.6.2  上機(jī)操作 212
第10章  使用模板和庫(kù)創(chuàng)建網(wǎng)頁(yè) 213
10.1  使用模板 214
10.1.1  模板的特點(diǎn) 214
10.1.2  創(chuàng)建模板 214
10.1.3  嵌套模板 215
10.2  設(shè)置模板 216
10.2.1  定義可編輯區(qū)域 216
10.2.2  定義可選區(qū)域 217
10.2.3  定義重復(fù)區(qū)域 217
10.2.4  定義可編輯的可選區(qū)域 218
10.2.5  定義重復(fù)表格 219
10.2.6  設(shè)置可編輯標(biāo)簽屬性 220
10.3  應(yīng)用模板 221
10.3.1  創(chuàng)建基于模板的網(wǎng)頁(yè) 221
10.3.2  更新模板和基于模板的網(wǎng)頁(yè) 222
10.3.3  從模板中脫離 223
10.4  創(chuàng)建與應(yīng)用庫(kù)項(xiàng)目 223
10.4.1  認(rèn)識(shí)庫(kù)項(xiàng)目 224
10.4.2  創(chuàng)建庫(kù)項(xiàng)目 224
10.4.3  插入庫(kù)項(xiàng)目 225
10.5  范例應(yīng)用與上機(jī)操作 226
10.5.1  修改庫(kù)項(xiàng)目 226
10.5.2  更新庫(kù)項(xiàng)目 226
10.5.3  重命名庫(kù)項(xiàng)目 227
10.5.4  刪除庫(kù)項(xiàng)目 228
10.5.5  恢復(fù)庫(kù)項(xiàng)目 228
10.6  本章小結(jié)與課后練習(xí) 228
10.6.1  思考與練習(xí) 229
10.6.2  上機(jī)操作 229
第11章  創(chuàng)建表單網(wǎng)頁(yè) 231
11.1  表單概述 232
11.1.1  關(guān)于表單 232
11.1.2  常用表單元素 232
11.1.3  HTML5表單元素 234
11.2  添加表單 236
11.2.1  插入表單域 236
11.2.2  插入文本域 237
11.3  網(wǎng)頁(yè)元素 239
11.3.1  表單密碼 239
11.3.2  Url對(duì)象 239
11.3.3  Tel對(duì)象 240
11.3.4  搜索對(duì)象 240
11.3.5  數(shù)字對(duì)象 241
11.3.6  范圍對(duì)象 241
11.3.7  顏色對(duì)象 242
11.4  日期與時(shí)間元素 243
11.4.1  月對(duì)象 243
11.4.2  周對(duì)象 243
11.4.3  日期對(duì)象 244
11.4.4  時(shí)間對(duì)象 244
11.4.5  日期時(shí)間對(duì)象 245
11.5  選擇元素 246
11.5.1  選擇對(duì)象 246
11.5.2  單選按鈕 247
11.5.3  單選按鈕組 248
11.5.4  復(fù)選框 249
11.6  按鈕元素 250
11.6.1  普通按鈕 250
11.6.2  【提交】按鈕 251
11.6.3  【重置】按鈕 252
11.7  范例應(yīng)用與上機(jī)操作 253
11.7.1  插入電子郵件對(duì)象 253
11.7.2  插入本地日期時(shí)間對(duì)象 254
11.7.3  復(fù)選框組 254
11.7.4  圖像按鈕 255
11.7.5  隱藏域 257
11.8  本章小結(jié)與課后練習(xí) 258
11.8.1  思考與練習(xí) 258
11.8.2  上機(jī)操作 258
第12章  使用行為創(chuàng)建動(dòng)態(tài)效果 259
12.1  認(rèn)識(shí)網(wǎng)頁(yè)行為 260
12.1.1  事件與動(dòng)作 260
12.1.2  使用【行為】面板 260
12.1.3  常見動(dòng)作類型 261
12.1.4  常見事件 262
12.1.5  編輯與應(yīng)用網(wǎng)頁(yè)行為 263
12.2  使用行為調(diào)節(jié)瀏覽器 263
12.2.1  打開瀏覽器窗口 264
12.2.2  調(diào)用JavaScript 265
12.2.3  轉(zhuǎn)到URL 266
12.3  使用行為控制圖像 267
12.3.1  交換圖像 267
12.3.2  預(yù)先載入圖像 268
12.3.3  恢復(fù)交換圖像 269
12.4  使用行為顯示文本 269
12.4.1  彈出信息 269
12.4.2  設(shè)置狀態(tài)欄文本 270
12.4.3  設(shè)置容器的文本 271
12.5  使用行為加載多媒體 272
12.5.1  檢查插件 272
12.5.2  改變屬性 274
12.6  控制表單 275
12.6.1  跳轉(zhuǎn)菜單 275
12.6.2  跳轉(zhuǎn)菜單開始 277
12.6.3  檢查表單 277
12.7  使用JavaScript 278
12.7.1  利用JavaScript實(shí)現(xiàn)打印功能 279
12.7.2  利用JavaScript函數(shù)跳轉(zhuǎn)到某個(gè)頁(yè)面 279
12.7.3  利用JavaScript創(chuàng)建自動(dòng)滾屏網(wǎng)頁(yè)效果 280
12.7.4  利用JavaScript函數(shù)實(shí)現(xiàn)動(dòng)態(tài)時(shí)間 281
12.7.5  利用JavaScript函數(shù)實(shí)現(xiàn)動(dòng)態(tài)側(cè)邊欄 282
12.8  范例應(yīng)用與上機(jī)操作 284
12.8.1  設(shè)置文本域文字 284
12.8.2  設(shè)置框架文本 285
12.8.3  顯示和隱藏元素 285
12.8.4  拖動(dòng)AP元素 287
12.8.5  利用JavaScript函數(shù)實(shí)現(xiàn)隨意更改背景顏色 288
12.9  本章小結(jié)與課后練習(xí) 290
12.9.1  思考與練習(xí) 290
12.9.2  上機(jī)操作 290
第13章  制作jQuery Mobile頁(yè)面 291
13.1  了解jQuery Mobile 292
13.1.1  什么是jQuery 292
13.1.2  認(rèn)識(shí)jQuery Mobile 292
13.2  創(chuàng)建jQuery Mobile頁(yè)面 293
13.2.1  使用jQuery Mobile起始頁(yè) 293
13.2.2  使用HTML5頁(yè)面 294
13.2.3  jQuery Mobile頁(yè)面結(jié)構(gòu) 294
13.3  使用jQuery Mobile組件 295
13.3.1  使用列表視圖 295
13.3.2  使用布局網(wǎng)格 296
13.3.3  使用可折疊區(qū)塊 297
13.3.4  使用文本輸入框 298
13.3.5  使用密碼輸入框 298
13.3.6  使用文本區(qū)域 299
13.3.7  使用選擇菜單 300
13.4  列表與主題 300
13.4.1  創(chuàng)建有序列表 301
13.4.2  創(chuàng)建內(nèi)嵌列表 301
13.4.3  使用jQuery Mobile主題 301
13.5  范例應(yīng)用與上機(jī)操作 303
13.5.1  使用復(fù)選框 303
13.5.2  使用單選按鈕 304
13.5.3  使用按鈕 304
13.5.4  使用滑塊 305
13.5.5  設(shè)置翻轉(zhuǎn)切換開關(guān) 306
13.6  本章小結(jié)與課后練習(xí) 307
13.6.1  思考與練習(xí) 307
13.6.2  上機(jī)操作 307
第14章  編輯HTML代碼與實(shí)踐應(yīng)用 309
14.1  HTML概述 310
14.1.1  什么是HTML 310
14.1.2  HTML的語(yǔ)法結(jié)構(gòu) 310
14.1.3  HTML中的3種標(biāo)簽形式 311
14.2  HTML中的標(biāo)簽 312
14.2.1  文件結(jié)構(gòu)標(biāo)簽 312
14.2.2  字符格式標(biāo)簽 313
14.2.3  區(qū)段格式標(biāo)簽 313
14.2.4  列表標(biāo)簽 314
14.2.5  表格標(biāo)簽 315
14.2.6  超鏈接標(biāo)簽 315
14.3  在Dreamweaver中編輯HTML 316
14.3.1  在代碼視圖中創(chuàng)建HTML頁(yè)面 316
14.3.2  代碼視圖 317
14.3.3  折疊代碼 318
14.3.4  選擇父標(biāo)簽 318
14.4  使用快速標(biāo)簽編輯器 319
14.4.1  使用插入模式的快速標(biāo)簽編輯器 319
14.4.2  使用編輯模式的快速標(biāo)簽編輯器 320
14.4.3  使用環(huán)繞模式的快速標(biāo)簽編輯器 320
14.5  使用代碼片段 320
14.5.1  插入代碼片段 321
14.5.2  創(chuàng)建代碼片段 321
14.6  優(yōu)化代碼 322
14.6.1  優(yōu)化HTML代碼 322
14.6.2  清理Word生成的HTML代碼 323
14.7  網(wǎng)頁(yè)中的其他源代碼 325
14.7.1  CSS樣式代碼 325
14.7.2  JavaScript腳本代碼 325
14.7.3  源代碼中的注釋 326
14.8  范例應(yīng)用與上機(jī)操作 326
14.8.1  多媒體標(biāo)簽 326
14.8.2  表單標(biāo)簽 327
14.8.3  代碼的注釋 327
14.8.4  分區(qū)標(biāo)簽 328
14.8.5  環(huán)繞標(biāo)簽 328
14.9  本章小結(jié)與課后練習(xí) 328
14.9.1  思考與練習(xí) 329
14.9.2  上機(jī)操作 330
第15章  站點(diǎn)的發(fā)布與推廣 331
15.1  測(cè)試與維護(hù)站點(diǎn) 332
15.1.1  創(chuàng)建站點(diǎn)報(bào)告 332
15.1.2  使用鏈接檢查器 333
15.2  上傳發(fā)布網(wǎng)站 334
15.2.1  設(shè)置FTP服務(wù)器 334
15.2.2  連接到遠(yuǎn)程服務(wù)器 335
15.2.3  文件上傳 335
15.3  網(wǎng)站的運(yùn)營(yíng)與維護(hù) 336
15.3.1  網(wǎng)站的運(yùn)營(yíng) 336
15.3.2  網(wǎng)站的更新維護(hù) 337
15.4  推廣網(wǎng)站 338
15.4.1  注冊(cè)搜索引擎 338
15.4.2  資源合作推廣方法 338
15.4.3  電子郵件推廣 339
15.4.4  導(dǎo)航網(wǎng)站登錄 340
15.4.5  軟文推廣 340
15.4.6  BBS論壇網(wǎng)站推廣 340
15.4.7  博客推廣 340
15.4.8  微博推廣 341
15.4.9  口碑營(yíng)銷 341
15.4.10  微信營(yíng)銷 342
15.5  范例應(yīng)用與上機(jī)操作 343
15.5.1  W3C驗(yàn)證 343
15.5.2  文件下載 344
15.5.3  優(yōu)化網(wǎng)站SEO 344
15.6  本章小結(jié)與課后練習(xí) 345
15.6.1  思考與練習(xí) 345
15.6.2  上機(jī)操作 345
第16章  設(shè)計(jì)與制作網(wǎng)站 347
16.1  確定網(wǎng)頁(yè)主題 348
16.1.1  選擇網(wǎng)站的主題 348
16.1.2  創(chuàng)建網(wǎng)頁(yè) 348
16.1.3  創(chuàng)建CSS鏈接 348
16.1.4  設(shè)置CSS樣式 349
16.2  添加網(wǎng)頁(yè)內(nèi)容 350
16.2.1  插入Div 350
16.2.2  插入圖片 350
16.2.3  插入Flash 351
16.2.4  插入表單 352
16.2.5  插入類樣式 353
16.2.6  添加列表標(biāo)簽代碼 354
16.2.7  插入媒體插件 356
16.3  上傳與瀏覽網(wǎng)頁(yè) 357
16.3.1  連接遠(yuǎn)程服務(wù)器 357
16.3.2  瀏覽網(wǎng)頁(yè) 357
參考答案 359