Dreamweaver 8網(wǎng)站建設(shè)技巧與實(shí)例

第1章  Dreamweaver 8基礎(chǔ)知識展現(xiàn)    1
1.1  Dreamweaver 8簡介    2
1.1.1  特點(diǎn)介紹    2
1.1.2  新增功能介紹    4
1.2  Dreamweaver 8的安裝環(huán)境    6
1.3  Dreamweaver 8功能介紹    7
1.3.1  界面結(jié)構(gòu)    7
1.3.2  主菜單    8
1.3.3  工具欄    10
1.3.4  常用面板    12
1.4  網(wǎng)頁制作快速入門    16
1.4.1  創(chuàng)建網(wǎng)頁和保存網(wǎng)頁    16
1.4.2  設(shè)置頁面屬性    17
1.4.3  使用表格布局網(wǎng)頁    18
1.4.4  插入網(wǎng)頁元素    19
1.5  技巧總結(jié)    21
第2章  建立和管理站點(diǎn)    22
2.1  了解站點(diǎn)    23
2.1.1  站點(diǎn)的重要作用    23
2.1.2  本地站點(diǎn)和遠(yuǎn)程站點(diǎn)的區(qū)別    24
2.1.3  站點(diǎn)服務(wù)器    25
2.1.4  站點(diǎn)的遠(yuǎn)程管理    25
2.2  創(chuàng)建站點(diǎn)    26
2.2.1  創(chuàng)建本地站點(diǎn)    26
2.2.2  創(chuàng)建遠(yuǎn)程站點(diǎn)    28
2.3  站點(diǎn)管理    32
2.4  在站點(diǎn)中創(chuàng)建網(wǎng)頁    34
2.4.1  插入標(biāo)題圖像    34
2.4.2  文本編輯技巧    36
2.4.3  上傳站點(diǎn)文件    41
2.5  技巧總結(jié)    42
第3章  網(wǎng)站整體策劃    43
3.1  確定網(wǎng)站主題    44
3.2  確定網(wǎng)頁配色方案    44
3.2.1  網(wǎng)頁色彩搭配的原理    45
3.2.2  網(wǎng)頁色彩搭配的技巧    45
3.2.3  網(wǎng)頁色彩如何分配    46
3.3  收集網(wǎng)站素材和內(nèi)容    47
3.4  策劃網(wǎng)站欄目和布局    48
3.4.1  根據(jù)網(wǎng)站要求確定網(wǎng)站欄目    49
3.4.2  常用的幾種網(wǎng)頁布局形式    49
3.4.3  根據(jù)網(wǎng)站內(nèi)容確定布局方案    51
3.5  策劃網(wǎng)站并制作網(wǎng)頁    53
3.5.1  確定主題決定網(wǎng)頁風(fēng)格    53
3.5.2  網(wǎng)頁布局制作技巧    53
3.5.3  向布局完成的表格中添加內(nèi)容    56
3.6  技巧總結(jié)    57
第4章  在網(wǎng)頁中巧用表格    58
4.1  表格的使用概述    59
4.2  精彩表格案例展示    59
4.3  在網(wǎng)頁中插入并設(shè)置表格    61
4.3.1  插入表格    62
4.3.2  設(shè)置表格的基本樣式    62
4.3.3  在單元格中添加內(nèi)容    64
4.3.4  制作嵌套表格和設(shè)置背景顏色    65
4.4  設(shè)置表格和單元格的背景圖像    68
4.5  制作實(shí)用表格邊框的技巧    70
4.5.1  技巧1：使用表格制作1像素的直線    70
4.5.2  技巧2：制作表格細(xì)線框    72
4.5.3  技巧3：制作表格雙線框    72
4.5.4  技巧4：制作立體表格    73
4.6  格式化表格    74
4.7  技巧總結(jié)    76
第5章  圖像的使用和浮動廣告的制作    77
5.1  圖像在網(wǎng)頁中的作用    78
5.2  精彩圖像案例展示    79
5.3  在表格中插入圖像    81
5.3.1  插入普通圖像    81
5.3.2  插入圖像占位符    82
5.3.3  制作鼠標(biāo)經(jīng)過圖像    83
5.4  背景圖像在不同環(huán)境中的使用    84
5.4.1  網(wǎng)頁背景圖像    84
5.4.2  表格背景圖像    85
5.5  在Dreamweaver中編輯圖像    87
5.5.1  調(diào)整圖像大小    88
5.5.2  裁剪圖像    88
5.5.3  重新取樣    89
5.5.4  使用Fireworks優(yōu)化圖像    90
5.5.5  使用圖像外部編輯器    91
5.5.6  調(diào)整圖像的亮度和對比度    92
5.5.7  銳化圖像    93
5.6  導(dǎo)航圖像的使用技巧    94
5.6.1  插入導(dǎo)航條    94
5.6.2  制作橫向?qū)Ш綏l    96
5.7  廣告圖像在網(wǎng)頁中的使用方式    99
5.7.1  網(wǎng)絡(luò)廣告的常用尺寸和位置要求    100
5.7.2  制作網(wǎng)頁中的浮動廣告    100
5.7.3  跟隨滾動條滾動的廣告圖像    105
5.7.4  與網(wǎng)頁同時(shí)彈出的廣告圖像窗口    106
5.8  技巧總結(jié)    107
第6章  在網(wǎng)頁中層的多種使用方法    108
6.1  層的概述    109
6.2  精彩圖層案例展示    109
6.3  層與表格在布局網(wǎng)頁時(shí)的配合    112
6.3.1  插入層    112
6.3.2  設(shè)置層的屬性    113
6.3.3  在層中插入Flash    114
6.4  結(jié)合時(shí)間軸控制圖像浮動軌跡    116
6.5  設(shè)置層中內(nèi)容可以滾動顯示    119
6.6  熟悉層面板和多個(gè)層的相關(guān)設(shè)置    121
6.7  層和表格的相互轉(zhuǎn)換    122
6.7.1  將層轉(zhuǎn)換為表格    123
6.7.2  將表格轉(zhuǎn)換為層    125
6.8  技巧總結(jié)    125
第7章  使用樣式表控制網(wǎng)頁外觀    126
7.1  CSS的介紹    127
7.2  精彩網(wǎng)頁外觀案例展示    128
7.3  CSS樣式的基本設(shè)置過程    130
7.3.1  新建CSS樣式    130
7.3.2  編輯CSS樣式    132
7.3.3  刪除CSS樣式    133
7.4  使用CSS樣式設(shè)置統(tǒng)一的網(wǎng)站風(fēng)格    134
7.4.1  附加CSS樣式文件    134
7.4.2  將定義的CSS樣式應(yīng)用到網(wǎng)頁元素中    137
7.5  設(shè)置位置固定的網(wǎng)頁背景    138
7.6  設(shè)置表格邊框樣式    140
7.7  使用CSS設(shè)置鼠標(biāo)指針樣式    143
7.8  應(yīng)用CSS使網(wǎng)頁圖像半透明    145
7.9  技巧總結(jié)    147
第8章  網(wǎng)頁特效制作——行為
和腳本的應(yīng)用    148
8.1  行為和腳本語言的介紹    149
8.1.1  行為及行為面板    149
8.1.2  腳本語言的概念    150
8.2  精彩網(wǎng)頁行為案例展示    150
8.3  行為在網(wǎng)站中的使用    153
8.3.1  交換圖像和恢復(fù)交換圖像    153
8.3.2  制作彈出提示信息    156
8.3.3  打開瀏覽器窗口    157
8.3.4  控制Flash影片    159
8.3.5  在網(wǎng)頁中播放聲音    161
8.3.6  顯示彈出式菜單    162
8.3.7  在HTML中調(diào)用JavaScript語句    165
8.4  使用腳本語言制作跑馬燈效果    167
8.5  制作螢火蟲式的鼠標(biāo)特效    170
8.6  設(shè)置禁止使用鼠標(biāo)右鍵功能    172
8.7  技巧總結(jié)    174
第9章  制作框架類網(wǎng)頁    175
9.1  框架的概述    176
9.1.1  認(rèn)識框架樣式和框架面板    176
9.1.2  關(guān)于框架和框架集    177
9.1.3  決定是否使用框架    177
9.2  精彩框架網(wǎng)頁案例展示    178
9.3  創(chuàng)建框架網(wǎng)頁    181
9.3.1  創(chuàng)建和保存框架網(wǎng)頁    181
9.3.2  設(shè)置框架集屬性    181
9.3.3  制作框架頁內(nèi)容    183
9.4  創(chuàng)建嵌套框架    184
9.4.1  了解嵌套框架集    184
9.4.2  創(chuàng)建嵌套框架網(wǎng)頁    185
9.5  創(chuàng)建任意框架結(jié)構(gòu)    188
9.5.1  在普通HTML網(wǎng)頁中創(chuàng)建框架    188
9.5.2  在框架中再創(chuàng)建嵌套框架    188
9.6  使用鏈接控制框架顯示內(nèi)容    190
9.7  制作嵌入式框架    192
9.8  技巧總結(jié)    195
第10章  使用模板和庫提高
網(wǎng)頁制作效率    196
10.1  認(rèn)識Dreamweaver模板和庫    197
10.1.1  認(rèn)識模板    197
10.1.2  認(rèn)識庫    197
10.2  精彩模板和庫網(wǎng)站案例展示    198
10.3  創(chuàng)建模板網(wǎng)頁    200
10.3.1  創(chuàng)建本地站點(diǎn)    201
10.3.2  創(chuàng)建新的模板網(wǎng)頁    201
10.3.3  創(chuàng)建可編輯區(qū)域    202
10.4  應(yīng)用模板創(chuàng)建網(wǎng)頁    203
10.5  將已有網(wǎng)頁創(chuàng)建為模板以及管理模板    204
10.5.1  將已有網(wǎng)頁創(chuàng)建為模板    204
10.5.2  刪除模板    205
10.6  更新模板及其他網(wǎng)頁    206
10.7  將已有內(nèi)容創(chuàng)建為庫    207
10.8  應(yīng)用和管理庫    209
10.8.1  在網(wǎng)頁中應(yīng)用庫    209
10.8.2  編輯并更新網(wǎng)頁    209
10.8.3  將庫項(xiàng)目從源文件中分離    210
10.9  技巧總結(jié)    211
第11章  少年兒童教育類網(wǎng)站    212
11.1  網(wǎng)站特點(diǎn)概述    213
11.1.1  教育網(wǎng)站的概念    213
11.1.2  教育網(wǎng)站的制作特點(diǎn)    214
11.1.3  教育網(wǎng)站的設(shè)計(jì)風(fēng)格    215
11.2  精彩教育類案例展示    215
11.3  實(shí)例制作    218
11.3.1  設(shè)計(jì)網(wǎng)頁樣式    218
11.3.2  創(chuàng)建網(wǎng)頁文檔并設(shè)置頁面屬性    219
11.3.3  調(diào)用CSS樣式表    220
11.3.4  制作文本導(dǎo)航欄目和廣告區(qū)    221
11.3.5  制作時(shí)間顯示技巧    221
11.3.6  制作網(wǎng)頁內(nèi)容    223
11.3.7  制作滾動列表技巧    226
11.3.8  制作文本和下載文件的超級鏈接    228
11.3.9  錨記鏈接設(shè)置技巧    230
11.4  技巧總結(jié)    232
第12章  文化藝術(shù)類網(wǎng)站    233
12.1  網(wǎng)站特點(diǎn)概述    234
12.2  精彩文化藝術(shù)類案例展示    234
12.3  實(shí)例制作    237
12.3.1  網(wǎng)頁制作準(zhǔn)備工作    237
12.3.2  使用圖片制作導(dǎo)航欄目    238
12.3.3  制作首頁主要內(nèi)容版塊    239
12.3.4  制作其他內(nèi)容并插入鼠標(biāo)經(jīng)過圖像    240
12.3.5  制作跟隨滾動條移動的圖像    243
12.3.6  制作二級網(wǎng)頁    246
12.3.7  制作圖像鏈接和E-mail鏈接    249
12.4  技巧總結(jié)    250
第13章  游戲娛樂類網(wǎng)站    251
13.1  網(wǎng)站特點(diǎn)概述    252
13.1.1  游戲娛樂類網(wǎng)站概念    252
13.1.2  游戲娛樂類網(wǎng)站特點(diǎn)    252
13.2  精彩游戲娛樂類案例展示    254
13.3  實(shí)例制作一    257
13.3.1  Flash按鈕制作技巧    257
13.3.2  Applet的使用技巧    259
13.3.3  制作首頁內(nèi)容    262
13.3.4  制作Flash文本    265
13.4  實(shí)例制作二    267
13.4.1  娛樂網(wǎng)頁制作和Flash插入    267
13.4.2  制作Flash動畫網(wǎng)頁    270
13.4.3  FlashPaper網(wǎng)頁制作技巧    271
13.4.4  Flash Video網(wǎng)頁制作技巧    273
13.4.5  網(wǎng)頁游戲制作技巧    274
13.5  技巧總結(jié)    275
第14章  房產(chǎn)家居類網(wǎng)站    276
14.1  網(wǎng)站特點(diǎn)概述    277
14.1.1  房產(chǎn)家居類網(wǎng)站概念    277
14.1.2  房產(chǎn)家居類網(wǎng)站特點(diǎn)    278
14.2  精彩房產(chǎn)家居類案例展示    279
14.3  實(shí)例制作    282
14.3.1  創(chuàng)建引導(dǎo)網(wǎng)頁    282
14.3.2  顯示/隱藏導(dǎo)航菜單制作技巧    283
14.3.3  跳轉(zhuǎn)菜單制作技巧    287
14.3.4  制作網(wǎng)頁主體內(nèi)容    288
14.3.5  在主體內(nèi)容中顯示不同欄目內(nèi)容    290
14.3.6  制作網(wǎng)頁鏈接    293
14.4  技巧總結(jié)    295
第15章  旅游休閑類網(wǎng)站    296
15.1  網(wǎng)站特點(diǎn)概述    297
15.2  精彩旅游休閑類案例展示    298
15.3  實(shí)例制作    301
15.3.1  創(chuàng)建網(wǎng)頁框架并保存框架集    301
15.3.2  設(shè)置框架屬性    302
15.3.3  制作頂部框架導(dǎo)航欄    304
15.3.4  制作框架中的詳細(xì)內(nèi)容    304
15.3.5  制作底部版權(quán)信息框架    307
15.3.6  制作其他欄目頁并創(chuàng)建框架鏈接    308
15.3.7  在網(wǎng)頁中制作嵌套幀    310
15.3.8  制作反饋表單    312
15.4  技巧總結(jié)    315
第16章  博客類網(wǎng)站    316
16.1  網(wǎng)站特點(diǎn)概述    317
16.2  精彩博客類案例展示    317
16.3  實(shí)例制作    320
16.3.1  申請一個(gè)博客空間    320
16.3.2  創(chuàng)建博客首頁和設(shè)置CSS樣式    321
16.3.3  制作頂部標(biāo)題欄    324
16.3.4  制作最新文章列表    325
16.3.5  制作日歷和文章列表    327
16.3.6  制作站點(diǎn)統(tǒng)計(jì)和友情鏈接    329
16.3.7  制作日志搜索    330
16.3.8  制作博客內(nèi)容頁    331
16.4  技巧總結(jié)    334
第17章  流行時(shí)尚類網(wǎng)站    335
17.1  網(wǎng)站特點(diǎn)概述    336
17.1.1  流行時(shí)尚類網(wǎng)站概述    336
17.1.2  流行時(shí)尚類網(wǎng)站特點(diǎn)    336
17.2  精彩流行時(shí)尚類案例展示    337
17.3  實(shí)例制作    339
17.3.1  熟悉Dreamweaver 8的編碼環(huán)境    339
17.3.2  了解編寫和編輯代碼    342
17.3.3  在HTML中插入表格代碼    347
17.3.4  在HTML中添加網(wǎng)頁元素    351
17.3.5  在代碼中制作表單    352
17.3.6  在網(wǎng)頁中輸入文本內(nèi)容    354
17.3.7  在代碼視圖中進(jìn)行查找和替換    356
17.3.8  網(wǎng)頁自動刷新設(shè)置技巧    356
17.4  技巧總結(jié)    357
第18章  電子商務(wù)類網(wǎng)站    358
18.1  網(wǎng)站特點(diǎn)概述    359
18.1.1  電子商務(wù)類網(wǎng)站概述    359
18.1.2  電子商務(wù)類網(wǎng)站特點(diǎn)    359
18.2  精彩電子商務(wù)類案例展示    360
18.3  實(shí)例制作    363
18.3.1  設(shè)置服務(wù)器    363
18.3.2  建立站點(diǎn)    364
18.3.3  準(zhǔn)備文件和建立數(shù)據(jù)庫    366
18.3.4  DSN的數(shù)據(jù)源設(shè)置技巧    369
18.3.5  創(chuàng)建數(shù)據(jù)庫連接的技巧    370
18.3.6  使用網(wǎng)頁添加數(shù)據(jù)庫內(nèi)容的
制作技巧    371
18.3.7  制作顯示內(nèi)容網(wǎng)頁    375
18.3.8  制作瀏覽詳細(xì)信息的網(wǎng)頁    380
18.4  技巧總結(jié)    383
第19章  在線購物類網(wǎng)站    384
19.1  網(wǎng)站特點(diǎn)概述    385
19.1.1  在線購物類網(wǎng)站概念    385
19.1.2  在線購物類網(wǎng)站特點(diǎn)    385
19.2  精彩在線購物類案例展示    387
19.3  實(shí)例制作    390
19.3.1  建立數(shù)據(jù)庫    390
19.3.2  自定義連接字符串    391
19.3.3  制作新增商品數(shù)據(jù)的網(wǎng)頁    392
19.3.4  在首頁中制作顯示分類目錄    395
19.3.5  制作商品列表顯示網(wǎng)頁    397
19.3.6  分頁顯示制作技巧    399
19.3.7  制作顯示詳細(xì)頁面    400
19.3.8  制作商品訂單網(wǎng)頁    402
19.3.9  編輯和刪除網(wǎng)頁數(shù)據(jù)的制作技巧    404
19.4  技巧總結(jié)    408
第20章  網(wǎng)站留言板    409
20.1  網(wǎng)站特點(diǎn)概述    410
20.1.1  留言板網(wǎng)站概述    410
20.1.2  留言板網(wǎng)站特點(diǎn)    410
20.2  精彩網(wǎng)站留言板案例展示    411
20.3  實(shí)例制作    413
20.3.1  建立數(shù)據(jù)庫    414
20.3.2  創(chuàng)建DSN數(shù)據(jù)源    416
20.3.3  制作會員注冊頁面    417
20.3.4  檢查表單信息    419
20.3.5  檢查新用戶名的制作技巧    422
20.3.6  會員登錄網(wǎng)頁    424
20.3.7  制作留言板網(wǎng)頁    425
20.3.8  顯示留言網(wǎng)頁制作技巧    428
20.3.9  重復(fù)區(qū)域設(shè)置技巧    432
20.3.10  分頁顯示制作技巧    432
20.3.11  制作管理頁面    434
20.3.12  制作編輯數(shù)據(jù)行為    436
20.3.13  限制對非注冊會員的留言    438
20.4  技巧總結(jié)    439
第21章  門戶類網(wǎng)站    440
21.1  網(wǎng)站特點(diǎn)概述    441
21.2  精彩門戶類案例展示    441
21.3  實(shí)例制作    444
21.3.1  準(zhǔn)備網(wǎng)頁素材    444
21.3.2  建立本地站點(diǎn)    444
21.3.3  附加CSS樣式表文件    446
21.3.4  制作網(wǎng)站首頁內(nèi)容    447
21.3.5  制作二級欄目模板    449
21.3.6  應(yīng)用模板制作網(wǎng)頁    450
21.3.7  使用模板更新網(wǎng)頁    452
21.3.8  創(chuàng)建庫項(xiàng)目    452
21.3.9  應(yīng)用庫項(xiàng)目    454
21.3.10  使用外部圖像編輯器修改圖像    455
21.3.11  使用FTP軟件發(fā)布網(wǎng)站    456
21.4  技巧總結(jié)    458