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

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