Dreamweaver CS3基礎(chǔ)與實(shí)例教程：職業(yè)版

第1章  Dreamweaver CS3網(wǎng)頁設(shè)計(jì)基礎(chǔ)    1
1.1  HTML基礎(chǔ)    1
1.1.1  初識HTML    1
1.1.2  動手編寫自己的第一個網(wǎng)頁    2
1.1.3  HTML標(biāo)記    4
1.1.4  分析實(shí)例中的HTML    4
1.2  Dreamweaver CS3的工作環(huán)境    5
1.2.1  用Dreamweaver制作一個簡單的
網(wǎng)頁    5
1.2.2  Dreamweaver工作環(huán)境簡介    10
1.3  站點(diǎn)的建立    13
1.4  在代碼視圖中創(chuàng)建HTML    16
1.4.1  標(biāo)簽選擇器    16
1.4.2  代碼提示工具    17
1.4.3  編碼工具欄    18
1.5  本章小結(jié)    20
1.6  本章習(xí)題    20
1.7  上機(jī)練習(xí)    20
第2章  文字和圖像的應(yīng)用    21
2.1  在網(wǎng)頁中應(yīng)用文字    21
2.1.1  插入文字    21
2.1.2  設(shè)置文本格式    22
2.1.3  設(shè)置段落格式    25
2.1.4  設(shè)置文本樣式    28
2.1.5  插入特殊字符    29
2.1.6  使用段落列表    30
2.2  在網(wǎng)頁中插入圖像    31
2.2.1  網(wǎng)頁中常見的圖像格式    31
2.2.2  插入圖像的方法    32
2.3  編輯圖像    33
2.3.1  給圖像描邊    33
2.3.2  設(shè)置圖文混排    34
2.3.3  設(shè)置圖像邊距    34
2.3.4  給圖像增加提示    35
2.3.5  用熱區(qū)給圖像加上超鏈接    35
2.3.6  圖像的編輯    36
2.3.7  改變圖像的亮度和對比度    38
2.4  設(shè)置頁面屬性    39
2.4.1  設(shè)置背景圖像    39
2.4.2  設(shè)置頁面標(biāo)題    41
2.4.3  設(shè)置頁面邊距    41
2.5  本章小結(jié)    42
2.6  本章習(xí)題    42
2.7  上機(jī)練習(xí)    43
第3章  表格的應(yīng)用    45
3.1  在頁面中應(yīng)用表格    45
3.1.1  在頁面中插入表格    45
3.1.2  表格的編輯和排版    48
3.1.3  創(chuàng)建一個復(fù)雜表格    53
3.2  表格的修飾    56
3.2.1  制作細(xì)線表格    56
3.2.2  制作單位像素的分隔線    57
3.2.3  制作虛線表格    58
3.3  導(dǎo)入表格數(shù)據(jù)和表格排序    59
3.3.1  導(dǎo)入表格數(shù)據(jù)    59
3.3.2  表格排序    61
3.4  綜合案例——用表格布局網(wǎng)頁    62
3.5  本章小結(jié)    67
3.6  本章習(xí)題    67
3.7  上機(jī)練習(xí)    68
第4章  超級鏈接    69
4.1  鏈接到其他文檔或文件    69
4.1.1  文字創(chuàng)建超級鏈接    69
4.1.2  給圖像創(chuàng)建超級鏈接    70
4.1.3  軟件下載的制作    70
4.1.4  超級鏈接的相關(guān)知識    71
4.2  其他幾種基本超級鏈接的創(chuàng)建    73
4.2.1  創(chuàng)建命名錨記鏈接    73
4.2.2  創(chuàng)建電子郵件鏈接    74
4.2.3  創(chuàng)建空鏈接    75
4.3  創(chuàng)建腳本鏈接    75
4.4  超級鏈接常用技巧    78
4.4.1  用菜單方式設(shè)置超級鏈接    78
4.4.2  鼠標(biāo)經(jīng)過圖像的特效    79
4.4.3  創(chuàng)建遠(yuǎn)程登錄鏈接    79
4.5  在網(wǎng)頁中創(chuàng)建導(dǎo)航條    80
4.5.1  制作組成導(dǎo)航條的圖像素材    80
4.5.2  創(chuàng)建導(dǎo)航條    82
4.6  本章小結(jié)    83
4.7  本章習(xí)題    84
4.8  上機(jī)練習(xí)    84
第5章  多媒體的應(yīng)用    85
5.1  在網(wǎng)頁中應(yīng)用Flash    85
5.1.1  Flash文件類型    85
5.1.2  插入和編輯Flash動畫    86
5.1.3  在Dreamweaver中制作Flash    89
5.1.4  在網(wǎng)頁中使用Flash視頻    91
5.1.5  應(yīng)用Flash元素——圖像查看器    93
5.2  在網(wǎng)頁中應(yīng)用聲音和視頻    96
5.2.1  在網(wǎng)頁中應(yīng)用聲音    96
5.2.2  在網(wǎng)頁中應(yīng)用視頻    98
5.3  本章小結(jié)    101
5.4  本章習(xí)題    101
5.5  上機(jī)練習(xí)    102
第6章  CSS樣式表    103
6.1  CSS樣式表基礎(chǔ)    103
6.1.1  認(rèn)識CSS    103
6.1.2  對樣式表操作的3種方式    104
6.1.3  CSS樣式面板    106
6.2  新建CSS規(guī)則和應(yīng)用CSS樣式    107
6.2.1  定義樣式表選項(xiàng)    107
6.2.2  在網(wǎng)頁中應(yīng)用樣式    110
6.3  創(chuàng)建和應(yīng)用CSS樣式    111
6.3.1  控制瀏覽器中的文字大小    111
6.3.2  設(shè)置行間距    113
6.3.3  為圖像加上邊框效果    114
6.3.4  利用“自定義樣式表”改變
鼠標(biāo)指針的形態(tài)    115
6.3.5  利用有關(guān)鏈接的樣式表修改
鏈接的格式    117
6.3.6  控制頁面背景圖像的樣式    119
6.3.7  利用自定義樣式表制作
項(xiàng)目圖標(biāo)    122
6.3.8  CSS樣式濾鏡的應(yīng)用    124
6.4  外部CSS樣式表    126
6.4.1  建立外部CSS樣式表文件并
定義文字和段落樣式    126
6.4.2  定義表格樣式    128
6.4.3  定義超級鏈接樣式    129
6.4.4  定義特殊段落的樣式    129
6.4.5  鏈接外部CSS樣式表    130
6.4.6  在網(wǎng)頁中應(yīng)用外部CSS樣式表    132
6.5  在“代碼視圖”里手動添加和
編輯CSS    133
6.5.1  CSS樣式表的標(biāo)記和語句格式    133
6.5.2  通過編輯CSS代碼改變網(wǎng)頁
滾動條的外觀    135
6.5.3  從CSS模板創(chuàng)建CSS文件    137
6.6  本章小結(jié)    139
6.7  本章習(xí)題    139
6.8  上機(jī)練習(xí)    140
第7章  HTML網(wǎng)頁布局設(shè)計(jì)    141
7.1  在“布局”模式下用表格布局    141
7.1.1  熱身實(shí)例——用布局表格
布局網(wǎng)頁    141
7.1.2  關(guān)于布局模式    146
7.1.3  繪制“布局表格”和
“布局單元格”    146
7.1.4  在“布局單元格”中添加內(nèi)容    148
7.1.5  “布局表格”和“布局單元格”的
調(diào)整及設(shè)置    148
7.2  用框架布局頁面    152
7.2.1  熱身實(shí)例——用框架布局一個
簡單頁面    152
7.2.2  創(chuàng)建框架和框架集    154
7.2.3  設(shè)置框架及框架集屬性    156
7.2.4  保存框架和框架集    158
7.2.5  控制帶有鏈接的框架內(nèi)容    159
7.2.6  實(shí)戰(zhàn)操作——制作一個
框架網(wǎng)頁    160
7.3  本章小結(jié)    165
7.4  本章習(xí)題    165
7.5  上機(jī)練習(xí)    166
第8章  行為和JavaScript的應(yīng)用    167
8.1  行為的基本概念和應(yīng)用    167
8.1.1  附加行為    168
8.1.2  行為應(yīng)用1：網(wǎng)頁加載時彈出
公告頁    169
8.1.3  行為應(yīng)用2：關(guān)閉網(wǎng)頁時彈出
告別信息    170
8.1.4  行為應(yīng)用3：交換圖像并在
狀態(tài)欄顯示相關(guān)信息    171
8.1.5  Dreamweaver CS3內(nèi)置
行為簡介    173
8.1.6  常見事件類型    174
8.2　課堂實(shí)戰(zhàn)——跳轉(zhuǎn)菜單    176
8.2.1  實(shí)例簡介    176
8.2.2  制作步驟    176
8.3  JavaScript入門    180
8.3.1  <script>標(biāo)簽    180
8.3.2  編寫一個簡單的JavaScript程序    181
8.3.3  使用“代碼片斷”面板    183
8.4  本章小結(jié)    185
8.5  本章習(xí)題    185
8.6  上機(jī)練習(xí)    186
第9章  AP元素和時間軸在網(wǎng)頁中的
應(yīng)用    187
9.1  AP元素在網(wǎng)頁中的應(yīng)用    187
9.1.1  應(yīng)用AP Div創(chuàng)建AP元素    187
9.1.2  操作和管理AP元素    191
9.1.3  AP元素的屬性詳解    192
9.1.4  嵌套AP元素    194
9.1.5  AP元素的HTML代碼    195
9.2  制作AP元素動畫    196
9.2.1  認(rèn)識“時間軸”面板    196
9.2.2  利用時間軸和AP元素實(shí)現(xiàn)
滾動字幕效果    197
9.2.3  具有預(yù)覽功能的可控制
圖庫頁面    199
9.2.4  仿QQ秀的虛擬試衣室    203
9.2.5  可控制滾動方向的圖像    208
9.3  本章小結(jié)    211
9.4  本章習(xí)題    211
9.5  上機(jī)練習(xí)    212
第10章  擴(kuò)展Dreamweaver    213
10.1  Dreamweaver與Fireworks結(jié)合    213
10.1.1  Fireworks中切片的創(chuàng)建、
交互以及導(dǎo)出    214
10.1.2  在Dreamweaver CS3中對
Fireworks HTML文件進(jìn)行編輯    216
10.1.3  在Dreamweaver中直接啟動、
修改Fireworks文件    218
10.1.4  Fireworks與Dreamweaver結(jié)合
編輯網(wǎng)頁    219
10.2  Dreamweaver與Photoshop
結(jié)合    220
10.2.1  將Photoshop選區(qū)復(fù)制到
頁面中    220
10.2.2  使用Photoshop編輯
Dreamweaver頁面中的圖像    222
10.3  Dreamweaver擴(kuò)展插件的應(yīng)用    223
10.3.1  模擬打字效果    223
10.3.2  創(chuàng)建指定月份的日歷    226
10.3.3  給網(wǎng)頁添加背景音樂并設(shè)置
循環(huán)次數(shù)    229
10.4  本章小結(jié)    230
10.5  本章習(xí)題    230
10.6  上機(jī)練習(xí)    230
第11章  CSS網(wǎng)頁布局和Web 2.0設(shè)計(jì)
基礎(chǔ)    231
11.1  表格＋CSS布局    231
11.1.1  認(rèn)識表格＋CSS布局    231
11.1.2  課堂實(shí)戰(zhàn)—表格＋CSS布局
實(shí)例    232
11.2  Div＋CSS布局    236
11.2.1  認(rèn)識Div＋CSS布局    236
11.2.2  課堂實(shí)戰(zhàn)—Div＋CSS布局
實(shí)例    239
11.3  XML    243
11.3.1  認(rèn)識XML    243
11.3.2  課堂實(shí)戰(zhàn)—在Dreamweaver中
設(shè)計(jì)XML網(wǎng)頁    245
11.4  本章小結(jié)    249
11.5  本章習(xí)題    249
11.6  上機(jī)練習(xí)    250
第12章  Spry框架    251
12.1  Spry效果    251
12.1.1  Spry效果概述    251
12.1.2  Spry效果詳解    252
12.2  Spry控件    256
12.2.1  Spry控件概述    256
12.2.2  Spry控件應(yīng)用實(shí)例—菜單欄    257
12.2.3  Spry控件應(yīng)用實(shí)例—選項(xiàng)卡
式面板    260
12.2.4  “Spry折疊式”控件    262
12.2.5  “Spry可折疊面板”控件    264
12.3  用Spry將XML數(shù)據(jù)顯示到
HTML頁面    265
12.3.1  創(chuàng)建XML文件    265
12.3.2  添加Spry XML數(shù)據(jù)集    266
12.3.3  顯示XML數(shù)據(jù)    267
12.4  本章小結(jié)    269
12.5  本章習(xí)題    270
12.6  上機(jī)練習(xí)    270
第13章  表單和開發(fā)動態(tài)網(wǎng)站    271
13.1  動態(tài)網(wǎng)站簡介    271
13.1.1  靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁    271
13.1.2  動態(tài)網(wǎng)頁設(shè)計(jì)語言    272
13.1.3  ASP編程語言    272
13.2  安裝和配置Web服務(wù)器    274
13.2.1  安裝IIS    274
13.2.2  配置Web服務(wù)器    276
13.3  制作表單    279
13.3.1  表單簡介    279
13.3.2  常用的表單控件    280
13.3.3  Spry驗(yàn)證表單控件    287
13.4  網(wǎng)站數(shù)據(jù)庫    291
13.4.1  數(shù)據(jù)庫技術(shù)概述    291
13.4.2  用Access創(chuàng)建網(wǎng)站數(shù)據(jù)庫    292
13.5  用Dreamweaver制作
ASP動態(tài)網(wǎng)頁    296
13.5.1  采集并顯示表單信息    296
13.5.2  建立數(shù)據(jù)庫連接    300
13.5.3  建立記錄集并顯示
數(shù)據(jù)庫記錄    305
13.6  本章習(xí)題    307
13.7  上機(jī)練習(xí)    308
第14章  模板、庫和站點(diǎn)管理    309
14.1  模板和庫    309
14.1.1  模板的使用    309
14.1.2  庫的使用    317
14.2  站點(diǎn)測試    320
14.2.1  自動檢測無效鏈接    320
14.2.2  站點(diǎn)報(bào)告測試    321
14.2.3  檢查瀏覽器的兼容性    321
14.3  站點(diǎn)發(fā)布    322
14.3.1  Dreamweaver內(nèi)置上傳功能    322
14.3.2  使用Cuteftp上傳工具    325
14.4  管理站點(diǎn)    327
14.4.1  站點(diǎn)管理    327
14.4.2  文件和文件夾的管理    330
14.4.3  站點(diǎn)地圖    331
14.4.4  同步本地和遠(yuǎn)程站點(diǎn)上的文件    335
14.4.5  站點(diǎn)資源管理    336
14.5  本章總結(jié)    337
14.6  本章習(xí)題    337
14.7  上機(jī)練習(xí)    338
附錄A  參考答案    339