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

第1章  Dreamweaver 8基礎(chǔ)知識(shí)展現(xiàn)    1
1.1  Dreamweaver 8簡(jiǎn)介    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)頁(yè)制作快速入門(mén)    16
1.4.1  創(chuàng)建網(wǎng)頁(yè)和保存網(wǎng)頁(yè)    16
1.4.2  設(shè)置頁(yè)面屬性    17
1.4.3  使用表格布局網(wǎng)頁(yè)    18
1.4.4  插入網(wǎng)頁(yè)元素    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)頁(yè)    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)頁(yè)配色方案    44
3.2.1  網(wǎng)頁(yè)色彩搭配的原理    45
3.2.2  網(wǎng)頁(yè)色彩搭配的技巧    45
3.2.3  網(wǎng)頁(yè)色彩如何分配    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)頁(yè)布局形式    49
3.4.3  根據(jù)網(wǎng)站內(nèi)容確定布局方案    51
3.5  策劃網(wǎng)站并制作網(wǎng)頁(yè)    53
3.5.1  確定主題決定網(wǎng)頁(yè)風(fēng)格    53
3.5.2  網(wǎng)頁(yè)布局制作技巧    53
3.5.3  向布局完成的表格中添加內(nèi)容    56
3.6  技巧總結(jié)    57
第4章  在網(wǎng)頁(yè)中巧用表格    58
4.1  表格的使用概述    59
4.2  精彩表格案例展示    59
4.3  在網(wǎng)頁(yè)中插入并設(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章  圖像的使用和浮動(dòng)廣告的制作    77
5.1  圖像在網(wǎng)頁(yè)中的作用    78
5.2  精彩圖像案例展示    79
5.3  在表格中插入圖像    81
5.3.1  插入普通圖像    81
5.3.2  插入圖像占位符    82
5.3.3  制作鼠標(biāo)經(jīng)過(guò)圖像    83
5.4  背景圖像在不同環(huán)境中的使用    84
5.4.1  網(wǎng)頁(yè)背景圖像    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)整圖像的亮度和對(duì)比度    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)頁(yè)中的使用方式    99
5.7.1  網(wǎng)絡(luò)廣告的常用尺寸和位置要求    100
5.7.2  制作網(wǎng)頁(yè)中的浮動(dòng)廣告    100
5.7.3  跟隨滾動(dòng)條滾動(dòng)的廣告圖像    105
5.7.4  與網(wǎng)頁(yè)同時(shí)彈出的廣告圖像窗口    106
5.8  技巧總結(jié)    107
第6章  在網(wǎng)頁(yè)中層的多種使用方法    108
6.1  層的概述    109
6.2  精彩圖層案例展示    109
6.3  層與表格在布局網(wǎng)頁(yè)時(shí)的配合    112
6.3.1  插入層    112
6.3.2  設(shè)置層的屬性    113
6.3.3  在層中插入Flash    114
6.4  結(jié)合時(shí)間軸控制圖像浮動(dòng)軌跡    116
6.5  設(shè)置層中內(nèi)容可以滾動(dòng)顯示    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)頁(yè)外觀    126
7.1  CSS的介紹    127
7.2  精彩網(wǎng)頁(yè)外觀案例展示    128
7.3  CSS樣式的基本設(shè)置過(guò)程    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)頁(yè)元素中    137
7.5  設(shè)置位置固定的網(wǎng)頁(yè)背景    138
7.6  設(shè)置表格邊框樣式    140
7.7  使用CSS設(shè)置鼠標(biāo)指針樣式    143
7.8  應(yīng)用CSS使網(wǎng)頁(yè)圖像半透明    145
7.9  技巧總結(jié)    147
第8章  網(wǎng)頁(yè)特效制作——行為
和腳本的應(yīng)用    148
8.1  行為和腳本語(yǔ)言的介紹    149
8.1.1  行為及行為面板    149
8.1.2  腳本語(yǔ)言的概念    150
8.2  精彩網(wǎng)頁(yè)行為案例展示    150
8.3  行為在網(wǎng)站中的使用    153
8.3.1  交換圖像和恢復(fù)交換圖像    153
8.3.2  制作彈出提示信息    156
8.3.3  打開(kāi)瀏覽器窗口    157
8.3.4  控制Flash影片    159
8.3.5  在網(wǎng)頁(yè)中播放聲音    161
8.3.6  顯示彈出式菜單    162
8.3.7  在HTML中調(diào)用JavaScript語(yǔ)句    165
8.4  使用腳本語(yǔ)言制作跑馬燈效果    167
8.5  制作螢火蟲(chóng)式的鼠標(biāo)特效    170
8.6  設(shè)置禁止使用鼠標(biāo)右鍵功能    172
8.7  技巧總結(jié)    174
第9章  制作框架類網(wǎng)頁(yè)    175
9.1  框架的概述    176
9.1.1  認(rèn)識(shí)框架樣式和框架面板    176
9.1.2  關(guān)于框架和框架集    177
9.1.3  決定是否使用框架    177
9.2  精彩框架網(wǎng)頁(yè)案例展示    178
9.3  創(chuàng)建框架網(wǎng)頁(yè)    181
9.3.1  創(chuàng)建和保存框架網(wǎng)頁(yè)    181
9.3.2  設(shè)置框架集屬性    181
9.3.3  制作框架頁(yè)內(nèi)容    183
9.4  創(chuàng)建嵌套框架    184
9.4.1  了解嵌套框架集    184
9.4.2  創(chuàng)建嵌套框架網(wǎng)頁(yè)    185
9.5  創(chuàng)建任意框架結(jié)構(gòu)    188
9.5.1  在普通HTML網(wǎng)頁(yè)中創(chuàng)建框架    188
9.5.2  在框架中再創(chuàng)建嵌套框架    188
9.6  使用鏈接控制框架顯示內(nèi)容    190
9.7  制作嵌入式框架    192
9.8  技巧總結(jié)    195
第10章  使用模板和庫(kù)提高
網(wǎng)頁(yè)制作效率    196
10.1  認(rèn)識(shí)Dreamweaver模板和庫(kù)    197
10.1.1  認(rèn)識(shí)模板    197
10.1.2  認(rèn)識(shí)庫(kù)    197
10.2  精彩模板和庫(kù)網(wǎng)站案例展示    198
10.3  創(chuàng)建模板網(wǎng)頁(yè)    200
10.3.1  創(chuàng)建本地站點(diǎn)    201
10.3.2  創(chuàng)建新的模板網(wǎng)頁(yè)    201
10.3.3  創(chuàng)建可編輯區(qū)域    202
10.4  應(yīng)用模板創(chuàng)建網(wǎng)頁(yè)    203
10.5  將已有網(wǎng)頁(yè)創(chuàng)建為模板以及管理模板    204
10.5.1  將已有網(wǎng)頁(yè)創(chuàng)建為模板    204
10.5.2  刪除模板    205
10.6  更新模板及其他網(wǎng)頁(yè)    206
10.7  將已有內(nèi)容創(chuàng)建為庫(kù)    207
10.8  應(yīng)用和管理庫(kù)    209
10.8.1  在網(wǎng)頁(yè)中應(yīng)用庫(kù)    209
10.8.2  編輯并更新網(wǎng)頁(yè)    209
10.8.3  將庫(kù)項(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)頁(yè)樣式    218
11.3.2  創(chuàng)建網(wǎng)頁(yè)文檔并設(shè)置頁(yè)面屬性    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)頁(yè)內(nèi)容    223
11.3.7  制作滾動(dòng)列表技巧    226
11.3.8  制作文本和下載文件的超級(jí)鏈接    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)頁(yè)制作準(zhǔn)備工作    237
12.3.2  使用圖片制作導(dǎo)航欄目    238
12.3.3  制作首頁(yè)主要內(nèi)容版塊    239
12.3.4  制作其他內(nèi)容并插入鼠標(biāo)經(jīng)過(guò)圖像    240
12.3.5  制作跟隨滾動(dòng)條移動(dòng)的圖像    243
12.3.6  制作二級(jí)網(wǎng)頁(yè)    246
12.3.7  制作圖像鏈接和E-mail鏈接    249
12.4  技巧總結(jié)    250
第13章  游戲娛樂(lè)類網(wǎng)站    251
13.1  網(wǎng)站特點(diǎn)概述    252
13.1.1  游戲娛樂(lè)類網(wǎng)站概念    252
13.1.2  游戲娛樂(lè)類網(wǎng)站特點(diǎn)    252
13.2  精彩游戲娛樂(lè)類案例展示    254
13.3  實(shí)例制作一    257
13.3.1  Flash按鈕制作技巧    257
13.3.2  Applet的使用技巧    259
13.3.3  制作首頁(yè)內(nèi)容    262
13.3.4  制作Flash文本    265
13.4  實(shí)例制作二    267
13.4.1  娛樂(lè)網(wǎng)頁(yè)制作和Flash插入    267
13.4.2  制作Flash動(dòng)畫(huà)網(wǎng)頁(yè)    270
13.4.3  FlashPaper網(wǎng)頁(yè)制作技巧    271
13.4.4  Flash Video網(wǎng)頁(yè)制作技巧    273
13.4.5  網(wǎng)頁(yè)游戲制作技巧    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)頁(yè)    282
14.3.2  顯示/隱藏導(dǎo)航菜單制作技巧    283
14.3.3  跳轉(zhuǎn)菜單制作技巧    287
14.3.4  制作網(wǎng)頁(yè)主體內(nèi)容    288
14.3.5  在主體內(nèi)容中顯示不同欄目?jī)?nèi)容    290
14.3.6  制作網(wǎng)頁(yè)鏈接    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)頁(yè)框架并保存框架集    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  制作其他欄目頁(yè)并創(chuàng)建框架鏈接    308
15.3.7  在網(wǎng)頁(yè)中制作嵌套幀    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  申請(qǐng)一個(gè)博客空間    320
16.3.2  創(chuàng)建博客首頁(yè)和設(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)容頁(yè)    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  了解編寫(xiě)和編輯代碼    342
17.3.3  在HTML中插入表格代碼    347
17.3.4  在HTML中添加網(wǎng)頁(yè)元素    351
17.3.5  在代碼中制作表單    352
17.3.6  在網(wǎng)頁(yè)中輸入文本內(nèi)容    354
17.3.7  在代碼視圖中進(jìn)行查找和替換    356
17.3.8  網(wǎng)頁(yè)自動(dò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ù)庫(kù)    366
18.3.4  DSN的數(shù)據(jù)源設(shè)置技巧    369
18.3.5  創(chuàng)建數(shù)據(jù)庫(kù)連接的技巧    370
18.3.6  使用網(wǎng)頁(yè)添加數(shù)據(jù)庫(kù)內(nèi)容的
制作技巧    371
18.3.7  制作顯示內(nèi)容網(wǎng)頁(yè)    375
18.3.8  制作瀏覽詳細(xì)信息的網(wǎng)頁(yè)    380
18.4  技巧總結(jié)    383
第19章  在線購(gòu)物類網(wǎng)站    384
19.1  網(wǎng)站特點(diǎn)概述    385
19.1.1  在線購(gòu)物類網(wǎng)站概念    385
19.1.2  在線購(gòu)物類網(wǎng)站特點(diǎn)    385
19.2  精彩在線購(gòu)物類案例展示    387
19.3  實(shí)例制作    390
19.3.1  建立數(shù)據(jù)庫(kù)    390
19.3.2  自定義連接字符串    391
19.3.3  制作新增商品數(shù)據(jù)的網(wǎng)頁(yè)    392
19.3.4  在首頁(yè)中制作顯示分類目錄    395
19.3.5  制作商品列表顯示網(wǎng)頁(yè)    397
19.3.6  分頁(yè)顯示制作技巧    399
19.3.7  制作顯示詳細(xì)頁(yè)面    400
19.3.8  制作商品訂單網(wǎng)頁(yè)    402
19.3.9  編輯和刪除網(wǎng)頁(yè)數(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ù)庫(kù)    414
20.3.2  創(chuàng)建DSN數(shù)據(jù)源    416
20.3.3  制作會(huì)員注冊(cè)頁(yè)面    417
20.3.4  檢查表單信息    419
20.3.5  檢查新用戶名的制作技巧    422
20.3.6  會(huì)員登錄網(wǎng)頁(yè)    424
20.3.7  制作留言板網(wǎng)頁(yè)    425
20.3.8  顯示留言網(wǎng)頁(yè)制作技巧    428
20.3.9  重復(fù)區(qū)域設(shè)置技巧    432
20.3.10  分頁(yè)顯示制作技巧    432
20.3.11  制作管理頁(yè)面    434
20.3.12  制作編輯數(shù)據(jù)行為    436
20.3.13  限制對(duì)非注冊(cè)會(huì)員的留言    438
20.4  技巧總結(jié)    439
第21章  門(mén)戶類網(wǎng)站    440
21.1  網(wǎng)站特點(diǎn)概述    441
21.2  精彩門(mén)戶類案例展示    441
21.3  實(shí)例制作    444
21.3.1  準(zhǔn)備網(wǎng)頁(yè)素材    444
21.3.2  建立本地站點(diǎn)    444
21.3.3  附加CSS樣式表文件    446
21.3.4  制作網(wǎng)站首頁(yè)內(nèi)容    447
21.3.5  制作二級(jí)欄目模板    449
21.3.6  應(yīng)用模板制作網(wǎng)頁(yè)    450
21.3.7  使用模板更新網(wǎng)頁(yè)    452
21.3.8  創(chuàng)建庫(kù)項(xiàng)目    452
21.3.9  應(yīng)用庫(kù)項(xiàng)目    454
21.3.10  使用外部圖像編輯器修改圖像    455
21.3.11  使用FTP軟件發(fā)布網(wǎng)站    456
21.4  技巧總結(jié)    458