巧學(xué)巧用Dreamweaver 8制作網(wǎng)頁(yè)

第0章　網(wǎng)頁(yè)設(shè)計(jì)綜述　1
　　本章對(duì)網(wǎng)站開(kāi)發(fā)的流程、頁(yè)面的幾種布局類型進(jìn)行介紹，讓讀者在開(kāi)始學(xué)習(xí)制作網(wǎng)頁(yè)之前，對(duì)網(wǎng)站有個(gè)整體的認(rèn)識(shí)和了解。
0.1　網(wǎng)站開(kāi)發(fā)的流程簡(jiǎn)介　1
　　介紹網(wǎng)站的設(shè)計(jì)、制作流程
0.1.1　明確網(wǎng)站定位　1
0.1.2　收集信息和素材　2
0.1.3　策劃?rùn)谀績(jī)?nèi)容　2
0.1.4　設(shè)計(jì)頁(yè)面方案　2
0.1.5　制作頁(yè)面　2
0.1.6　實(shí)現(xiàn)后臺(tái)功能　3
0.1.7　整合與測(cè)試網(wǎng)站　3
0.2　頁(yè)面設(shè)計(jì)布局介紹　3
　　介紹頁(yè)面設(shè)計(jì)的幾種常見(jiàn)布局類型
0.2.1　版面構(gòu)成的原理　3
0.2.2　網(wǎng)頁(yè)版面構(gòu)成中常見(jiàn)的布局形式　4
1．“Ｔ”型布局　4
2．“口”型布局　5
3．“三”型布局　5
4．對(duì)稱對(duì)比布局　6
5．宣傳單型布局　6
6．門(mén)戶型網(wǎng)頁(yè)布局　7
7．區(qū)塊型布局　7
0.2.3　網(wǎng)頁(yè)布局設(shè)計(jì)的步驟　8
1．草圖　8
2．粗略布局　8
3．定案　8
0.2.4　網(wǎng)頁(yè)版面構(gòu)成的布局技巧　9
0.3　本章小結(jié)　9
第1章　初識(shí)Dreamweaver 8　11
　　本章中對(duì)一些與Internet有關(guān)的術(shù)語(yǔ)進(jìn)行簡(jiǎn)單的解釋，然后闡述與HTML有關(guān)的知識(shí)，接著對(duì)Dreamweaver MX 2004的各項(xiàng)功能進(jìn)行介紹，最后講解如何使用Fireworks輔助網(wǎng)頁(yè)設(shè)計(jì)，為制作網(wǎng)頁(yè)提供更大的方便。
1.1　HTML基本知識(shí)　11
　　介紹Internet和HTML語(yǔ)言的基本知識(shí)
1.1.1　Internet基本術(shù)語(yǔ)　11
1.1.2　HTML文件基礎(chǔ)　12
1．HTML語(yǔ)言基本知識(shí)　12
2．HTML語(yǔ)言的標(biāo)記符　13
1.1.3　使用HTML語(yǔ)言編寫(xiě)簡(jiǎn)單頁(yè)面　17
1.2　Dreamweaver 8快速入門(mén)　18
　　介紹Dreamweaver的程序界面及最基本的操作
1.2.1　Dreamweaver 8用戶界面　18
1．起始頁(yè)　19
2．文檔窗口　19
3．插入工具欄　20
4．“屬性”面板　21
5．其他面板　21
6．打開(kāi)和關(guān)閉面板　22
7．面板重組　22
1.2.2　設(shè)置頁(yè)面屬性　22
1.2.3　插入頁(yè)面元素　24
1．插入文本　24
2．插入和編輯圖片　25
3．插入和編輯表格　26
4．行為　27
5．Dreamweaver 8的其他功能和特性　27
1.3　使用Fireworks輔助頁(yè)面設(shè)計(jì)　28
　　講解如何使用Fireworks輔助網(wǎng)頁(yè)設(shè)計(jì)
1.3.1　Fireworks 8用戶界面簡(jiǎn)介　28
1．打開(kāi)和創(chuàng)建圖像文件　28
2．常用工具欄　30
3．層與資源面板　31
1.3.2　使用Fireworks 8進(jìn)行網(wǎng)頁(yè)圖像設(shè)計(jì)　32
1．網(wǎng)頁(yè)設(shè)計(jì)思想　32
2．插入文本　33
3．切割圖片　33
4．優(yōu)化圖片　34
5．導(dǎo)出圖像和HTML文件方法一　35
6．導(dǎo)出HTML文件方法二　36
1.4　本章小結(jié)　38
第2章　創(chuàng)建網(wǎng)頁(yè)和網(wǎng)站　39
　　本章主要介紹創(chuàng)建基本的網(wǎng)頁(yè)文檔和Dreamweaver站點(diǎn)的方法，包括使用Dreamweaver的基本功能對(duì)頁(yè)面進(jìn)行簡(jiǎn)單的編輯，并講解網(wǎng)站的有關(guān)概念。
2.1　創(chuàng)建簡(jiǎn)單文檔　39
　　創(chuàng)建文檔并制作一個(gè)簡(jiǎn)單網(wǎng)頁(yè)
2.1.1　創(chuàng)建空白文檔　40
2.1.2　年輕真好——制作一個(gè)簡(jiǎn)單網(wǎng)頁(yè)　42
2.2　創(chuàng)建本地站點(diǎn)　44
　　創(chuàng)建本地站點(diǎn)并向站點(diǎn)中添加文件
1．本地文件夾　44
2．遠(yuǎn)程文件夾　44
3．測(cè)試服務(wù)器文件夾　44
2.2.1　使用Dreamweaver 8創(chuàng)建本地站點(diǎn)　44
2.2.2　為本地站點(diǎn)添加文件　47
1．向本地站點(diǎn)添加新文件　47
2．向站點(diǎn)添加已有文件　49
3．使用地圖視圖功能查看站點(diǎn)文件間的鏈接關(guān)系　50
2.3　創(chuàng)建以模板為基礎(chǔ)的文檔　51
　　使用文檔模板創(chuàng)建文檔
2.3.1　使用已有模板創(chuàng)建文檔　51
2.3.2　創(chuàng)建以范例為基礎(chǔ)的文檔　52
1．從“頁(yè)面設(shè)計(jì)(CSS)”創(chuàng)建新文檔　52
2．從“入門(mén)頁(yè)面”創(chuàng)建新文檔　53
3．從“頁(yè)面設(shè)計(jì)(有輔助功能的)”創(chuàng)建新文檔　54
2.3.3　打開(kāi)并編輯已有文檔　55
2.4　本章小結(jié)　55
第3章　編輯文檔　57
　　本章詳細(xì)說(shuō)明了編輯HTML文檔的各種具體操作，并以實(shí)例進(jìn)一步說(shuō)明了各種操作的具體方法，同時(shí)還講解了如何為頁(yè)面添加鏈接，包括文字鏈接、圖片鏈接和熱點(diǎn)鏈接等內(nèi)容。
3.1　編輯文本和圖片　57
　　介紹格式化文本及在頁(yè)面中使用圖片的操作
3.1.1　使用屬性面板格式化文本　57
1．用“大小”下拉列表設(shè)置文字大小　58
2．使用“格式”下拉列表設(shè)置文字大小　59
3．設(shè)置文字的字體列表　59
4．設(shè)置文字的加粗、傾斜和顏色屬性　60
5．設(shè)置段落的對(duì)齊方式　61
6．創(chuàng)建清單　61
3.1.2　使用層疊樣式表格式化文本　62
1．創(chuàng)建樣式表　62
2．應(yīng)用層疊樣式表　63
3．其他類型的層疊樣式表　65
3.1.3　使用和處理圖片　67
1．插入圖片　67
2．改變圖片的大小　67
3．對(duì)圖片重新取樣　68
4．裁剪圖片　68
5．調(diào)整圖片的亮度和對(duì)比度　69
6．使用Fireworks對(duì)圖片進(jìn)行處理　69
3.1.4　名車(chē)風(fēng)范——網(wǎng)頁(yè)實(shí)例制作　70
1．設(shè)置頁(yè)面屬性　70
2．添加文本　71
3．添加圖片　71
3.2　網(wǎng)頁(yè)超級(jí)鏈接　72
　　介紹為文字和圖片添加超級(jí)鏈接的操作
3.2.1　為文字添加超級(jí)鏈接　72
3.2.2　為圖片添加超級(jí)鏈接　74
3.3　如歌歲月——網(wǎng)頁(yè)實(shí)例制作　76
　　使用Fireworks和Dreamweaver的基本操作制作了一個(gè)簡(jiǎn)單網(wǎng)頁(yè)
3.3.1　使用Fireworks 8輔助頁(yè)面設(shè)計(jì)　76
3.3.2　使用Dreamweaver編輯網(wǎng)頁(yè)　77
3.4　本章小結(jié)　78
第4章　網(wǎng)站建設(shè)與管理　79
　　本章介紹了建設(shè)、管理網(wǎng)站的方法，還介紹了管理和維護(hù)網(wǎng)站、測(cè)試網(wǎng)站、向遠(yuǎn)程服務(wù)器上傳文件等操作。
4.1　網(wǎng)站建設(shè)　79
　　介紹網(wǎng)站建設(shè)之前的一些準(zhǔn)備工作
1．網(wǎng)站的題材　79
2．網(wǎng)站形象設(shè)計(jì)　80
3．網(wǎng)站主頁(yè)的制作　80
4．網(wǎng)站結(jié)構(gòu)設(shè)計(jì)　80
4.2　網(wǎng)站管理與維護(hù)　81
　　介紹設(shè)置文件結(jié)構(gòu)和管理站點(diǎn)內(nèi)超鏈接等操作
4.2.1　設(shè)置網(wǎng)站文件結(jié)構(gòu)　81
4.2.2　管理站點(diǎn)內(nèi)的超級(jí)鏈接　82
1．檢查鏈接　83
2．更新鏈接　83
4.2.3　利用查找和替換功能管理站點(diǎn)　84
1．查找含有特定文本的標(biāo)記　84
2．修改站點(diǎn)中的鏈接URL　85
4.3　網(wǎng)站的測(cè)試和優(yōu)化　86
　　介紹測(cè)試網(wǎng)站的瀏覽器兼容性和HTML優(yōu)化的操作
4.3.1　測(cè)試網(wǎng)站的瀏覽器兼容性　86
4.3.2　HTML優(yōu)化　89
1．清理Word生成的HTML代碼　89
2．清理HTML　90
3．添加/刪除Netscape調(diào)整修復(fù)　91
4.4　在Internet上建立網(wǎng)站　91
　　介紹域名申請(qǐng)與信息發(fā)布和向服務(wù)器上傳網(wǎng)站的操作
4.4.1　域名申請(qǐng)與信息發(fā)布　91
1．域名申請(qǐng)　91
2．信息發(fā)布　92
4.4.2　向服務(wù)器上傳網(wǎng)站　92
4.5　網(wǎng)站宣傳　94
　　介紹對(duì)網(wǎng)站進(jìn)行宣傳的一些技巧和注意事項(xiàng)
1．登錄搜索引擎　94
2．友情鏈接　95
3．提供聯(lián)系電子郵箱　95
4.6　本章小結(jié)　96
第5章　添加頁(yè)面元素　97
　　本章通過(guò)4個(gè)實(shí)例深入講解向頁(yè)面中添加頁(yè)面元素的方法，包括使用表格顯示數(shù)據(jù)和內(nèi)容，添加音樂(lè)、視頻等多媒體，添加各種Flash元素，同時(shí)講解在頁(yè)面中添加和使用表單的方法。
5.1　使用表格　97
　　介紹如何向頁(yè)面中添加表格并對(duì)表格進(jìn)行相關(guān)的設(shè)置
5.1.1　表格的基本操作　98
1．創(chuàng)建表格　98
2．設(shè)置表格屬性　100
3．拆分合并單元格　101
5.1.2　新聞網(wǎng)——網(wǎng)頁(yè)實(shí)例制作　102
1．使用Fireworks對(duì)標(biāo)題欄圖片進(jìn)行切片　103
2．制作主頁(yè)　103
5.2　添加多媒體及控件——媒體天地　107
　　介紹添加多媒體及控件的基本操作
5.2.1　添加多媒體及控件的基礎(chǔ)操作　107
1．添加背景音樂(lè)　108
2．添加音頻視頻文件　108
5.2.2　媒體天地——網(wǎng)頁(yè)制作實(shí)例　110
1．首頁(yè)的制作　111
2．為首頁(yè)做超鏈接　113
5.3　添加Flash元素　113
　　介紹添加Flash文本、Flash按鈕和Flash動(dòng)畫(huà)等Flash元素的操作
5.3.1　添加Flash元素的基本操作　114
1．添加Flash文本　114
2．添加Flash按鈕　116
3．添加Flash電影　118
5.3.2　Flash精品驛站——網(wǎng)頁(yè)制作實(shí)例　119
1．制作基本頁(yè)面　119
2．添加圖片和Flash元素　120
5.4　表單的使用　123
　　介紹在網(wǎng)頁(yè)中使用表單的基本操作
5.4.1　表單的基本操作　124
1．添加文本字段　124
2．添加文本區(qū)域　126
3．添加按鈕　127
4．添加復(fù)選框　128
5．添加單選按鈕　128
6．添加列表/菜單　129
7．添加文件域　130
8．添加圖像域　130
9．添加隱藏域　131
10．添加單選按鈕組　131
11．添加跳轉(zhuǎn)菜單　132
5.4.2　極限運(yùn)動(dòng)注冊(cè)專區(qū)——網(wǎng)頁(yè)制作實(shí)例　133
1．制作基本頁(yè)面　133
2．添加注冊(cè)表單　134
5.5　本章小結(jié)　136
第6章　層疊樣式表　137
　　本章介紹使用層疊樣式表對(duì)各種頁(yè)面元素設(shè)定樣式的基本操作，同時(shí)介紹一下對(duì)圖片做各種效果處理的操作。
6.1　層疊樣式表的基本應(yīng)用　137
　　創(chuàng)建和對(duì)頁(yè)面元素應(yīng)用層疊樣式表
6.1.1　創(chuàng)建和編輯層疊樣式表　138
6.1.2　應(yīng)用層疊樣式表　144
1．對(duì)頁(yè)面元素應(yīng)用層疊樣式表　144
2．導(dǎo)出層疊樣式表文件　146
3．鏈接外部樣式表　146
6.1.3　CSS濾鏡效果　148
6.2　精品軟件公司——網(wǎng)頁(yè)制作實(shí)例　153
　　通過(guò)實(shí)例介紹制作基本頁(yè)面、定義和應(yīng)用層疊樣式表的方法
6.2.1　制作基本頁(yè)面　153
6.2.2　定義層疊樣式表　154
6.2.3　應(yīng)用層疊樣式表　155
6.3　本章小結(jié)　156
第7章　定位頁(yè)面　157
　　本章在前面已經(jīng)學(xué)過(guò)的表格操作的基礎(chǔ)上介紹有關(guān)表格的高級(jí)操作，還有如何使用布局表格和布局單元格進(jìn)行定位網(wǎng)頁(yè)的知識(shí)，同時(shí)還詳細(xì)介紹使用層和框架進(jìn)行頁(yè)面定位的技術(shù)。
7.1　表格定位頁(yè)面　157
　　介紹使用布局表格和布局單元格來(lái)制作頁(yè)面的方法
7.1.1　表格高級(jí)操作　158
1．設(shè)置表格分隔線和邊框效果　158
2．調(diào)整表格大小　160
7.1.2　使用布局表格和布局單元格　161
1．布局視圖模式　161
2．創(chuàng)建布局表格　163
3．創(chuàng)建布局單元格　164
4．設(shè)置布局表格和布局單元格的屬性　164
5．設(shè)置布局寬度　165
6．使用空白圖片　166
7.1.3　大家一起學(xué)英文——網(wǎng)頁(yè)制作實(shí)例　168
1．使用布局表格和布局單元格規(guī)劃頁(yè)面結(jié)構(gòu)　168
2．制作基本頁(yè)面　169
7.2　層定位頁(yè)面　171
　　介紹層的基本知識(shí)和使用層制作頁(yè)面的方法
7.2.1　層的基本知識(shí)　172
1．創(chuàng)建和移動(dòng)層　172
2．設(shè)置層屬性　173
3．嵌套層的使用　174
4．將層轉(zhuǎn)換成表格　176
7.2.2　網(wǎng)絡(luò)咖啡館——網(wǎng)頁(yè)制作實(shí)例　180
1．制作基本頁(yè)面　180
2．添加頁(yè)面內(nèi)容　181
7.3　嵌入式框架定位頁(yè)面　182
　　介紹使用嵌入式框架來(lái)定位頁(yè)面的方法
7.3.1　嵌入式框架基本知識(shí)　183
1．創(chuàng)建嵌入式框架　183
2．為嵌入式框架設(shè)置鏈接　186
7.3.2　文學(xué)咖啡館——網(wǎng)頁(yè)制作實(shí)例　186
1．制作首頁(yè)頁(yè)面　187
2．制作鏈接頁(yè)面　188
3．使用嵌入式框架　188
7.4　框架定位頁(yè)面　189
　　介紹使用框架和框架集來(lái)定位頁(yè)面的方法
7.4.1　框架和框架集基本知識(shí)　189
1．創(chuàng)建框架和框架集　190
2．刪除框架　192
3．編輯框架　192
4．編輯框架內(nèi)容　193
7.4.2　音樂(lè)天堂——網(wǎng)頁(yè)制作實(shí)例　194
1．制作框架集頁(yè)面　194
2．制作顯示在框架中的頁(yè)面　195
3．將HTML文件鏈接到框架　197
7.5　本章小結(jié)　200
第8章　網(wǎng)頁(yè)動(dòng)態(tài)效果　201
　　本章主要講解使用Dreamweaver的行為功能和JavaScript腳本代碼及其他腳本代碼為網(wǎng)頁(yè)添加各種網(wǎng)頁(yè)動(dòng)態(tài)效果的操作。
8.1　行為　201
　　介紹向頁(yè)面添加各種行為的基本方法
8.1.1　行為的基本操作　202
1．行為基本知識(shí)　202
2．交換圖像與交換圖像恢復(fù)　202
3．彈出信息　205
4．打開(kāi)瀏覽器窗口　206
5．播放聲音　207
6．改變屬性　208
7．顯示彈出式菜單　209
8．檢查插件　210
9．檢查瀏覽器　211
10．設(shè)置導(dǎo)航欄圖像　211
11．設(shè)置狀態(tài)欄文本　213
12．轉(zhuǎn)到URL　213
13．預(yù)先載入圖像　214
14．拖動(dòng)層　214
15．顯示-隱藏層　216
8.1.2　公司網(wǎng)站——網(wǎng)頁(yè)制作實(shí)例　217
1．制作基本頁(yè)面　217
2．向頁(yè)面中添加行為　218
8.2　JavaScript腳本代碼　219
　　介紹使用JavaScript代碼添加動(dòng)態(tài)效果的方法
8.2.1　使用JavaScript代碼的基本操作　220
1．在網(wǎng)頁(yè)中顯示時(shí)間　220
2．垂直滾動(dòng)的文字　221
3．隨時(shí)間顯示不同的問(wèn)候　222
4．彩色鏈接文字　223
8.2.2　文化長(zhǎng)廊——網(wǎng)頁(yè)制作實(shí)例　225
1．制作基本網(wǎng)頁(yè)　225
2．為首頁(yè)添加JavaScript腳本代碼　225
3．為圖片欣賞頁(yè)面添加JavaScript腳本代碼　231
8.3　拼圖游戲　232
　　介紹制作更為復(fù)雜的完全不借助任何插件的網(wǎng)頁(yè)游戲，需要綜合運(yùn)用“時(shí)間軸”和“拖拽圖層”的行為
8.3.1　準(zhǔn)備圖層　233
8.3.2　使圖片動(dòng)態(tài)分離　234
8.3.3　加入開(kāi)始按鈕　235
8.3.4　設(shè)置可拖拽圖層　237
8.3.5　調(diào)用JavaScript技巧　239
8.3.6　進(jìn)一步地完善和改進(jìn)　242
8.4　本章小結(jié)　243
第9章　庫(kù)和模板的應(yīng)用　245
　　本章詳細(xì)介紹利用模板和庫(kù)功能來(lái)提高工作效率，減少在制作網(wǎng)頁(yè)和建設(shè)網(wǎng)站過(guò)程中的許多勞動(dòng)，同時(shí)使網(wǎng)站和網(wǎng)頁(yè)的更新和維護(hù)更加方便的方法。
9.1　庫(kù)　245
　　介紹使用庫(kù)功能的基本方法
9.1.1　庫(kù)的基本操作　246
1．定義本地站點(diǎn)　246
2．創(chuàng)建庫(kù)項(xiàng)目　247
3．使用庫(kù)項(xiàng)目　247
4．更新庫(kù)項(xiàng)目　248
9.1.2　電視在線——使用庫(kù)功能來(lái)制作網(wǎng)站　248
1．定義本地站點(diǎn)　249
2．制作標(biāo)題欄庫(kù)項(xiàng)目　249
3．制作版權(quán)信息庫(kù)項(xiàng)目　251
4．制作首頁(yè)基本頁(yè)面　251
5．制作二級(jí)頁(yè)面　253
6．更改庫(kù)項(xiàng)目和更新網(wǎng)頁(yè)　254
7．從源文件中分離庫(kù)項(xiàng)目　255
9.2　模板　256
　　介紹使用模板功能的基本方法
9.2.1　模板的基礎(chǔ)知識(shí)　257
9.2.2　網(wǎng)絡(luò)商務(wù)驛站——使用模板制作網(wǎng)頁(yè)　257
1．創(chuàng)建空白網(wǎng)頁(yè)模板　257
2．編輯模板頁(yè)　258
3．應(yīng)用模板制作網(wǎng)頁(yè)　261
4．修改模板并更新網(wǎng)頁(yè)　263
5．分離模板　264
9.3　本章小結(jié)　264
第10章　服務(wù)器端程序開(kāi)發(fā)入門(mén)　265
　　這一章是本書(shū)惟一介紹服務(wù)器端技術(shù)的一章，目的是使讀者對(duì)如何使用Dreamweaver來(lái)開(kāi)發(fā)服務(wù)器端的程序有一個(gè)初步的了解。
10.1　動(dòng)態(tài)網(wǎng)頁(yè)與ASP　265
　　介紹動(dòng)態(tài)網(wǎng)頁(yè)的概念和作用
10.2　ASP的開(kāi)發(fā)　267
　　介紹ASP運(yùn)行環(huán)境的配置方法和幾種基本的ASP程序
10.2.1　ASP運(yùn)行環(huán)境及配置　267
10.2.2　熟悉ASP程序　269
10.3　制作留言簿　272
　　通過(guò)完整的網(wǎng)上留言簿實(shí)例掌握ASP的應(yīng)用方法
10.3.1　準(zhǔn)備工作　273
10.3.2　建立站點(diǎn)　274
10.3.3　建立數(shù)據(jù)庫(kù)　274
10.3.4　制作演示留言頁(yè)面(index.asp)　275
10.3.5　制作添加留言頁(yè)面(insert.asp)　280
第11章　綜合實(shí)例(一)——網(wǎng)絡(luò)公司網(wǎng)站　283
　　本章通過(guò)制作完整的網(wǎng)站的綜合實(shí)例，引導(dǎo)讀者掌握開(kāi)發(fā)網(wǎng)站的基本技術(shù)和整個(gè)網(wǎng)站制作的工作流程。
11.1　實(shí)例概述　283
11.2　網(wǎng)站策劃　284
11.3　使用Fireworks制作網(wǎng)頁(yè)效果　285
11.3.1　繪制網(wǎng)頁(yè)基本效果　285
11.3.2　繪制導(dǎo)航欄　287
11.3.3　繪制網(wǎng)頁(yè)正文效果　288
11.3.4　添加裝飾圖標(biāo)　289
11.3.5　繪制子頁(yè)面效果　291
11.4　使用Dreamweaver 8創(chuàng)建站點(diǎn)　291
11.5　使用Fireworks切片并輸出首頁(yè)　292
1．繪制首頁(yè)的切片　292
2．切片輸出　293
11.6　在Dreamweaver 8中編輯首頁(yè)　294
1．背景化處理相應(yīng)位置圖像　294
2．插入文本內(nèi)容　294
3．設(shè)置熱區(qū)并定義熱區(qū)鏈接　295
11.7　使用Fireworks切片并導(dǎo)出二級(jí)頁(yè)面　295
1．將二級(jí)頁(yè)面作為JPEG格式圖片插入到首頁(yè)P(yáng)NG文件的新圖層中　295
2．修改二級(jí)頁(yè)面切片并導(dǎo)出　296
11.8　在Dreamweaver中編輯導(dǎo)出的二級(jí)頁(yè)面　296
11.9　使用Fireworks切片并輸出模板　297
1．繪制切片參考線　297
2．輸出切片　297
11.10　使用Dreamweaver編輯模板頁(yè)　298
1．設(shè)置熱區(qū)并定義熱區(qū)鏈接　299
2．背景化處理相應(yīng)位置的圖像　299
3．設(shè)置可編輯區(qū)域完成模板的制作　299
11.11　應(yīng)用模板創(chuàng)建其他二級(jí)頁(yè)面　300
11.12　重新檢查所有頁(yè)面鏈接并瀏覽最終效果　300
第12章　綜合實(shí)例(二)——汽車(chē)時(shí)代網(wǎng)站　303
　　本章通過(guò)制作完整的網(wǎng)站的綜合實(shí)例，引導(dǎo)讀者掌握開(kāi)發(fā)網(wǎng)站的基本技術(shù)和整個(gè)網(wǎng)站制作的工作流程。
12.1　實(shí)例概述　303
12.2　網(wǎng)站策劃　304
12.3　使用Fireworks制作網(wǎng)頁(yè)效果　305
12.3.1　繪制網(wǎng)頁(yè)基本效果　305
12.3.2　繪制導(dǎo)航欄　306
12.3.3　繪制正文欄效果　308
12.3.4　添加素材圖片　310
12.3.5　繪制網(wǎng)頁(yè)鏈接頁(yè)效果　311
12.4　使用Dreamweaver 8創(chuàng)建站點(diǎn)　311
12.5　使用Fireworks切片并輸出模板　312
1．繪制切片參考線　312
2．輸出切片　312
12.6　使用Dreamweaver編輯模板頁(yè)　313
1．設(shè)置熱區(qū)并定義熱區(qū)鏈接　313
2．背景化處理相應(yīng)位置圖像　314
3．制作表單區(qū)域　314
4．設(shè)置可編輯區(qū)域完成模板的制作　315
12.7　在Fireworks中制作首頁(yè)并切片輸出HTML　315
12.8　在Dreamweaver中制作首頁(yè)　317
　　將Fireworks導(dǎo)出的首頁(yè)初始文檔插入到可編輯區(qū)域中　317
12.9　用Flash制作Banner　318
12.9.1　制作動(dòng)態(tài)文字效果　318
12.9.2　制作遮罩效果　320
12.10　使用Fireworks切片并導(dǎo)出二級(jí)頁(yè)面　322
　　制作僅包含可編輯區(qū)域的二級(jí)頁(yè)面文檔　322
12.11　使用Dreamweaver編輯二級(jí)頁(yè)面　323
12.12　應(yīng)用模板創(chuàng)建其他二級(jí)頁(yè)面　324
12.13　為所有頁(yè)面輸入文本內(nèi)容　324
12.14　重新檢查所有頁(yè)面鏈接　324
12.15　插入Flash Banner并瀏覽最終效果　325