Dreamweaver8中文版實(shí)訓(xùn)教程

第1章  網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)    1
1.1  了解Internet    2
1.1.1  Internet的概念    2
1.1.2  什么是WWW    2
1.1.3  超文本與超媒體    2
1.1.4  Web瀏覽器    2
1.1.5  常用網(wǎng)絡(luò)術(shù)語    3
1.2  網(wǎng)頁(yè)與網(wǎng)站    4
1.2.1  網(wǎng)站與網(wǎng)頁(yè)的關(guān)系    4
1.2.2  網(wǎng)頁(yè)的類型    4
1.2.3  組成頁(yè)面的元素    6
1.2.4  關(guān)于網(wǎng)站    7
1.3  網(wǎng)頁(yè)的設(shè)計(jì)方法    8
1.3.1  直觀設(shè)計(jì)與代碼設(shè)計(jì)    8
1.3.2  HTML簡(jiǎn)介    9
1.3.3  HTML基本語法    9
1.3.4  常用的網(wǎng)頁(yè)設(shè)計(jì)工具    11
1.3.5  通過編輯代碼設(shè)計(jì)網(wǎng)頁(yè)    11
1.4  初識(shí)Dreamweaver 8    12
1.4.1  系統(tǒng)配置要求    12
1.4.2  功能簡(jiǎn)介    13
1.5  Dreamweaver 8的工作區(qū)    13
1.5.1  選擇工作區(qū)    13
1.5.2  認(rèn)識(shí)設(shè)計(jì)器工作區(qū)布局    14
1.5.3  自定義工作區(qū)布局    18
1.5.4  自定義【收藏夾】工具欄19
1.6  動(dòng)手實(shí)踐    20
1.7  習(xí)題練習(xí)    23
第2章  規(guī)劃站點(diǎn)    25
2.1  網(wǎng)站的規(guī)劃和設(shè)計(jì)    26
2.1.1  網(wǎng)站的目標(biāo)定位    26
2.1.2  網(wǎng)站的風(fēng)格與形象    26
2.1.3  網(wǎng)站的目錄結(jié)構(gòu)    27
2.1.4  網(wǎng)站的欄目和版塊    29
2.1.5  網(wǎng)站信息的準(zhǔn)備與收集    29
2.2  網(wǎng)站的開發(fā)流程    30
2.2.1  定義站點(diǎn)    30
2.2.2  設(shè)置服務(wù)器    30
2.2.3  制作網(wǎng)站    31
2.2.4  測(cè)試網(wǎng)頁(yè)與調(diào)試網(wǎng)站    31
2.2.5  發(fā)布和維護(hù)網(wǎng)站    32
2.2.6  準(zhǔn)備“心情停靠站”    32
2.3  創(chuàng)建本地站點(diǎn)    33
2.3.1 創(chuàng)建新站點(diǎn)    33
2.3.2  管理站點(diǎn)    37
2.3.3  站點(diǎn)地圖    40
2.3.4  創(chuàng)建并上傳xinqing網(wǎng)站41
2.4  動(dòng)手實(shí)踐    42
2.5  習(xí)題練習(xí)    45
第3章  創(chuàng)建和編輯網(wǎng)頁(yè)    47
3.1  新建網(wǎng)頁(yè)    48
3.1.1  應(yīng)用空白文檔創(chuàng)建頁(yè)面    48
3.1.2  通過設(shè)計(jì)文件創(chuàng)建頁(yè)面    48
3.1.3  基于模板創(chuàng)建頁(yè)面    49
3.1.4  個(gè)人煅練—日歷    49
3.2  網(wǎng)頁(yè)的命名    50
3.3  保存網(wǎng)頁(yè)    50
3.3.1  網(wǎng)頁(yè)的保存    50
3.3.2  保存xslz.asp網(wǎng)頁(yè)    51
3.4  打開已有的網(wǎng)頁(yè)文檔    51
3.4.1  通過【打開】對(duì)話框打開文檔51
3.4.2  通過【文件】面板打開文檔52
3.4.3  還珠格格續(xù)    52
3.5  設(shè)置頁(yè)面屬性    53
3.5.1  網(wǎng)頁(yè)的基本屬性    53
3.5.2  使用【頁(yè)面屬性】對(duì)話框53
3.4.3  讓心情放個(gè)假    57
3.6  動(dòng)手實(shí)踐    59
3.7  習(xí)題練習(xí)    61
第4章  網(wǎng)頁(yè)文本    63
4.1  添加文本對(duì)象    64
4.1.1  輸入普通文本    64
4.1.2  導(dǎo)入Word文檔    64
4.1.3  插入特殊字符    65
4.1.4  插入更新日期    66
4.1.5  添加注釋    67
4.1.6  插入HTML源代碼    68
4.1.7  卷首語    68
4.2  格式化文本    70
4.2.1  設(shè)置字符格式    70
4.2.2  設(shè)置段落格式    71
4.2.3  改變文本顏色    72
4.2.4  寶貝五歲    72
4.3  創(chuàng)建項(xiàng)目列表    74
4.3.1  編號(hào)列表    74
4.3.2  項(xiàng)目符號(hào)列表    75
4.3.3  定義列表    75
4.3.4  嵌套列表    75
4.3.5  我的收藏目錄    76
4.4  層疊樣式表（CSS）    77
4.4.1  CSS簡(jiǎn)介    77
4.4.2  CSS的基本語法    78
4.4.3  創(chuàng)建CSS樣式    79
4.4.4  應(yīng)用CSS樣式    80
4.4.5  管理CSS樣式    80
4.4.6  創(chuàng)建標(biāo)題樣式    82
4.5  查找與替換    84
4.5.1  查找和替換    84
4.5.2  將“寶貝”改為“小帥”85
4.6  拼寫檢查    86
4.7  動(dòng)手實(shí)踐    87
4.8  習(xí)題練習(xí)    89
第5章  表    格    91
5.1  表格的構(gòu)成    92
5.2  創(chuàng)建表格    92
5.2.1  在網(wǎng)頁(yè)中插入表格    92
5.2.2  向表格中添加數(shù)據(jù)    94
5.2.3  導(dǎo)入外部數(shù)據(jù)    94
5.2.4  用表格組織數(shù)據(jù)    95
5.3  編輯表格    96
5.3.1  擴(kuò)展表格模式    96
5.3.2  選擇表格    97
5.3.3  添加、刪除行或列    98
5.3.4  調(diào)整表格大小    99
5.3.5  調(diào)整行高和列寬    100
5.3.6  設(shè)置單元格的寬度和高度101
5.3.7  合并與拆分單元格    101
5.3.8  排序表格    102
5.3.9  修改表格    103
5.4  格式化表格    105
5.4.1  設(shè)置表格整體屬性    105
5.4.2  設(shè)置行、列、單元格的屬性106
5.4.3  設(shè)置表格邊框顏色    108
5.4.4  設(shè)置表格背景    108
5.4.5  套用表格樣式    109
5.4.6  多彩表格    110
5.5  表格的高級(jí)應(yīng)用    112
5.5.1  水平細(xì)線    112
5.5.2 單像素表格    113
5.5.3 圓角表格    114
5.6  動(dòng)手實(shí)踐    114
5.7  習(xí)題練習(xí)    117
第6章  圖像和多媒體對(duì)象    119
6.1  關(guān)于網(wǎng)頁(yè)中的圖像與多媒體對(duì)象120
6.1.1  網(wǎng)頁(yè)圖像格式    120
6.1.2  網(wǎng)頁(yè)音頻格式    121
6.1.3  網(wǎng)頁(yè)視頻格式    122
6.1.4  網(wǎng)頁(yè)動(dòng)畫    122
6.2  網(wǎng)頁(yè)圖像    123
6.2.1  插入圖像    123
6.2.2  設(shè)置圖像屬性    124
6.2.3  使用圖像占位符    125
6.2.4  圖文混排    126
6.2.5  插入鼠標(biāo)經(jīng)過時(shí)變化的圖像    127
6.2.6  插入網(wǎng)頁(yè)背景圖像    128
6.2.7  編輯圖像    129
6.2.8  網(wǎng)頁(yè)背景與圖像    132
6.3  插入Flash對(duì)象    133
6.3.1  Flash的文件類型    134
6.3.2  使用Flash按鈕對(duì)象    134
6.3.3  使用Flash文本對(duì)象    136
6.3.4  設(shè)置Flash對(duì)象屬性    137
6.3.5  插入Flash電影    138
6.3.6  動(dòng)畫文本和廣告條    138
6.4  插入其他多媒體文件    140
6.4.1  插入Shockwave電影    140
6.4.2  插入視頻    141
6.4.3  插入音頻    142
6.4.4  供訪問者下載的歌曲列表143
6.5  動(dòng)手實(shí)踐    144
6.6 習(xí)題練習(xí)    151
第7章  超級(jí)鏈接和站點(diǎn)導(dǎo)航    153
7.1  認(rèn)識(shí)超級(jí)鏈接    154
7.1.1  超級(jí)鏈接的概念    154
7.1.2  絕對(duì)路徑和相對(duì)路徑    154
7.1.3  超級(jí)鏈接的目標(biāo)    157
7.1.4  超級(jí)鏈接的載體    157
7.2  創(chuàng)建超級(jí)鏈接    158
7.2.1  創(chuàng)建文本超級(jí)鏈接    158
7.2.2  創(chuàng)建圖像超級(jí)鏈接    160
7.2.3  創(chuàng)建E-mail超級(jí)鏈接    161
7.2.4  使用錨記    162
7.2.5  在網(wǎng)頁(yè)內(nèi)跳轉(zhuǎn)    163
7.3  通過CSS改變超級(jí)鏈接樣式165
7.3.1  創(chuàng)建文本超級(jí)鏈接的CSS樣式165
7.3.2  修改鼠標(biāo)按下時(shí)的超級(jí)鏈接文字狀態(tài)    166
7.4  導(dǎo)航條    167
7.4.1  插入導(dǎo)航條    168
7.4.2  編輯導(dǎo)航條    169
7.4.3  導(dǎo)航條實(shí)例    170
7.5  動(dòng)手實(shí)踐    171
7.6  習(xí)題練習(xí)    175
第8章  網(wǎng)頁(yè)布局    177
8.1  網(wǎng)頁(yè)的布局原則    178
8.1.1  布局結(jié)構(gòu)    178
8.1.2  布局原則    180
8.2  使用水平線布局網(wǎng)頁(yè)    181
8.2.1  添加水平線    181
8.2.2  設(shè)置水平線的屬性    181
8.2.3  更改水平線的顏色    182
8.2.3  彩色水平線    183
8.3  使用表格布局網(wǎng)頁(yè)    184
8.3.1  布局模式    184
8.3.2  繪制布局單元格和布局表格185
8.3.3  將內(nèi)容添加到布局單元格中186
8.3.4  使用間隔圖像    187
8.3.5  更改布局表格和布局單元格的屬性189
8.3.6  應(yīng)用表格進(jìn)行布局    190
8.4  使用層布局網(wǎng)頁(yè)    192
8.4.1  層的概念與頁(yè)面布局    192
8.4.2  創(chuàng)建層    192
8.4.3  編輯層    194
8.4.4  用層布局網(wǎng)頁(yè)    195
8.5  層與表格的轉(zhuǎn)換    196
8.5.1  層轉(zhuǎn)換為表格    196
8.5.2  表格轉(zhuǎn)換為層    197
8.5.3  將表格布局網(wǎng)頁(yè)轉(zhuǎn)換為圖層布局網(wǎng)頁(yè)    198
8.6  使用框架布局網(wǎng)頁(yè)    199
8.6.1  框架與框架集    199
8.6.2  創(chuàng)建框架與框架集    200
8.6.3  編輯框架頁(yè)面    201
8.6.4  設(shè)置框架及框架集屬性    202
8.6.5  保存框架和框架集文件    203
8.6.6  解決瀏覽器無法顯示框架的問題204
8.6.7  用框架布局網(wǎng)頁(yè)    204
8.7  動(dòng)手實(shí)踐    206
8.8  習(xí)題練習(xí)    210
第9章  動(dòng)態(tài)特效設(shè)計(jì)    213
9.1  動(dòng)態(tài)特效技術(shù)    214
9.1.1  網(wǎng)頁(yè)中的動(dòng)態(tài)元素    214
9.1.2  JavaScript簡(jiǎn)介    215
9.1.3  使用Dreamweaver進(jìn)行動(dòng)態(tài)特效設(shè)計(jì)    215
9.2  應(yīng)用行為和動(dòng)作    216
9.2.1  行為    216
9.2.2  動(dòng)作詳解    219
16.  設(shè)置文本    230
9.2.3  彈出窗口    234
9.3  時(shí)間軸動(dòng)畫    236
9.3.1  認(rèn)識(shí)【時(shí)間軸】面板    236
9.3.2  創(chuàng)建時(shí)間軸動(dòng)畫    237
9.3.3  修改時(shí)間軸    238
9.3.4  控制時(shí)間軸的行為    240
9.3.5  時(shí)間軸動(dòng)畫小技巧    241
9.3.6  小球動(dòng)畫    241
9.4  其他常見動(dòng)態(tài)特效    242
9.5  動(dòng)手實(shí)踐    243
9.6  習(xí)題練習(xí)    245
第10章  制作動(dòng)態(tài)網(wǎng)站    247
10.1  關(guān)于動(dòng)態(tài)網(wǎng)站    248
10.2  配置編程環(huán)境    248
10.2.1  安裝Web服務(wù)器    249
10.2.2  配置數(shù)據(jù)庫(kù)    250
10.2.3  連接數(shù)據(jù)源    252
10.2.4  配置數(shù)據(jù)源    253
10.2.5  youran數(shù)據(jù)庫(kù)    255
10.3  使用表單    258
10.3.1  創(chuàng)建表單    258
10.3.2  創(chuàng)建文本域、文本區(qū)域和隱藏域259
10.3.3  創(chuàng)建復(fù)選框、單選按鈕和單選按鈕組    262
10.3.4  創(chuàng)建列表和菜單    263
10.3.5  創(chuàng)建表單按鈕    265
10.3.6  創(chuàng)建其他表單對(duì)象    266
10.3.7  信息反饋表    268
10.4  在Dreamweaver中編程    273
10.5  動(dòng)手實(shí)踐    274
10.6  習(xí)題練習(xí)    282
第11章  統(tǒng)一站點(diǎn)風(fēng)格    285
11.1  庫(kù)與模板的作用    286
11.1.1  庫(kù)    286
11.1.2  模板    286
11.2  創(chuàng)建模板    287
11.2.1  將現(xiàn)有文檔保存為模板287
11.2.2  創(chuàng)建空白模板    288
11.2.3  創(chuàng)建嵌套模板    289
11.2.4  模板實(shí)例——top01    289
11.3  編輯模板    291
11.3.1  創(chuàng)建可編輯區(qū)域    291
11.3.2  鎖定可編輯區(qū)域    292
11.3.3  創(chuàng)建可選區(qū)域    292
11.3.4  創(chuàng)建重復(fù)區(qū)域    293
11.3.5  插入重復(fù)表格    294
11.3.6  在模板中創(chuàng)建不同的區(qū)域295
11.4  使用模板    297
11.4.1  創(chuàng)建基于模板的文檔    297
11.4.2  在現(xiàn)有文檔上應(yīng)用模板298
11.4.3  更新基于模板的頁(yè)面    299
11.4.4  基于模板temp01創(chuàng)建文檔300
11.5  使用庫(kù)    302
11.5.1  創(chuàng)建庫(kù)項(xiàng)目    302
11.5.2  應(yīng)用庫(kù)項(xiàng)目    303
11.5.3  編輯庫(kù)項(xiàng)目    304
11.5.4  更新應(yīng)用庫(kù)項(xiàng)目的頁(yè)面304
11.5.5  庫(kù)項(xiàng)目“按鈕.lbi”    305
11.6  動(dòng)手實(shí)踐    307
11.7  習(xí)題練習(xí)    311
第12章  站點(diǎn)的測(cè)試與發(fā)布    313
12.1  測(cè)試站點(diǎn)    314
12.1.1  檢查瀏覽器的兼容性    314
12.1.2  使用行為檢查瀏覽器和插件316
12.1.3  在瀏覽器中預(yù)覽頁(yè)面    318
12.1.4  檢查頁(yè)面和站點(diǎn)內(nèi)的鏈接319
12.1.5  修復(fù)斷開的鏈接    320
12.1.6  設(shè)置下載時(shí)間和大小    321
12.1.7  驗(yàn)證標(biāo)簽    322
12.1.8  使用報(bào)告測(cè)試站點(diǎn)    323
12.1.9  檢查Flash插件    324
12.2  發(fā)布網(wǎng)站    325
12.2.1  注冊(cè)域名    325
12.2.2  租用服務(wù)器空間    326
12.2.3  申請(qǐng)免費(fèi)空間    327
12.2.4  上傳網(wǎng)站    329
12.3  動(dòng)手實(shí)踐    329
12.4  習(xí)題練習(xí)    330
附錄A  習(xí)題答案    333