Dreamweaver8完美網(wǎng)頁設(shè)計(jì)與制作

第1章　初識(shí)Dreamweaver 8　1
1.1　Dreamweaver 8的新增功能　1
1.2　安裝Dreamweaver 8　4
1.2.1　Dreamweaver 8系統(tǒng)要求　4
1.2.2　安裝Dreamweaver 8的步驟　4
1.3　選擇工作區(qū)　7
1.4　Dreamweaver 8的工作窗口　9
第2章　創(chuàng)建網(wǎng)站和網(wǎng)頁　13
2.1　網(wǎng)頁的布局　13
2.1.1　左右型　13
2.1.2　上下型　14
2.1.3　混合型　14
2.2　網(wǎng)頁排版設(shè)計(jì)過程　14
2.2.1　在紙上畫出草圖　15
2.2.2　主題色彩配置　15
2.3　創(chuàng)建和管理站點(diǎn)　15
2.3.1　創(chuàng)建本地站點(diǎn)的文件夾　15
2.3.2　創(chuàng)建本地站點(diǎn)　16
2.3.3　管理站點(diǎn)　17
2.4　管理網(wǎng)頁文檔　19
2.4.1　新建網(wǎng)頁　19
2.4.2　保存網(wǎng)頁　20
2.4.3　另存網(wǎng)頁　21
2.4.4　預(yù)覽網(wǎng)頁　23
2.5　網(wǎng)頁圖像　23
2.5.1　插入圖像　24
2.5.2　修改圖像的屬性　25
2.5.3　調(diào)整圖像的大小　27
2.5.4　插入鼠標(biāo)經(jīng)過圖像　27
2.5.5　創(chuàng)建圖像地圖　29
2.6　綜合實(shí)例　31
2.7　將網(wǎng)頁上傳到因特網(wǎng)上　35
第3章　表格的使用　40
3.1　表格的用途　40
3.2　創(chuàng)建表格的方法　41
3.2.1　插入表格　42
3.2.2　使用【屬性】檢查器　43
3.2.3　選擇表格元素　45
3.3　編輯表格和單元格　47
3.3.1　以像素和百分比為單位指定表格大小　47
3.3.2　插入、刪除行和列　48
3.3.3　合并和拆分單元格　50
3.3.4　表格和單元格的背景設(shè)置　51
3.3.5　表格的對(duì)齊方式　53
3.4　嵌套表格　54
3.5　為表格添加邊線　57
3.5.1　利用單元格的高度屬性制作1像素的細(xì)線　58
3.5.2　利用表格的間距屬性制作1像素的邊框　59
3.6　排序及整理表格和單元格內(nèi)容　61
3.6.1　導(dǎo)入表格數(shù)據(jù)　61
3.6.2　排序表格　63
3.6.3　使用預(yù)設(shè)表格樣式對(duì)表格進(jìn)行格式設(shè)置　64
3.7　使用布局表格功能　67
3.7.1　繪制布局表格和布局單元格　67
3.7.2　在布局單元格內(nèi)插入內(nèi)容　69
3.7.3　移動(dòng)布局表格和布局單元格　70
3.7.4　重設(shè)布局表格和布局單元格的大小　71
3.7.5　清除自動(dòng)設(shè)置的單元格高度　72
3.7.6　繪制同級(jí)和嵌套布局表格　73
3.7.7　隱藏和顯示布局表格標(biāo)簽　74
3.8　制作顯示底圖的布局　75
3.8.1　在文檔中設(shè)置跟蹤圖像　75
3.8.2　使用跟蹤圖像繪制布局表格和布局單元格　76
3.8.3　在完成的布局中填充內(nèi)容　78
3.8.4　切換到標(biāo)準(zhǔn)表格模式　80
3.9　綜合實(shí)例　83
第4章　層的應(yīng)用　86
4.1　網(wǎng)頁層的特征　86
4.2　創(chuàng)建層并插入圖像　89
4.3　編輯層的屬性　90
4.4　靈活運(yùn)用層的高級(jí)屬性　95
4.4.1　設(shè)置層的顯示/隱藏屬性　95
4.4.2　設(shè)置層的對(duì)齊方式　98
4.4.3　改變層的堆疊順序　101
4.4.4　為層添加滾動(dòng)條　103
4.5　嵌套層　104
4.6　層與表格的轉(zhuǎn)換　106
4.6.1　利用層設(shè)計(jì)布局　106
4.6.2　將層轉(zhuǎn)換為表格　108
4.6.3　防止層重疊　111
4.6.4　將表格轉(zhuǎn)換為層　112
4.7　使用【拖動(dòng)層】行為制作拼圖　113
4.7.1　創(chuàng)建可拖動(dòng)的層　113
4.7.2　應(yīng)用【拖動(dòng)層】行為　115
4.8　使用【顯示-隱藏層】行為制作大圖片預(yù)覽效果　119
4.8.1　制作圖庫頁面　119
4.8.2　應(yīng)用【顯示-隱藏層】行為　123
第5章　模板的應(yīng)用　126
5.1　模板的概念　126
5.2　創(chuàng)建模板　127
5.2.1　將已有文檔轉(zhuǎn)換成模板　127
5.2.2　直接創(chuàng)建模板　130
5.3　應(yīng)用模板　133
5.4　修改模板　135
5.4.1　通過模板更新全部子頁　135
5.4.2　通過模板更新單個(gè)子頁　137
5.5　分離模板　139
5.6　重命名模板　140
5.6.1　直接重命名模板名稱　140
5.6.2　通過菜單命令重命名　141
5.7　刪除模板　142
5.7.1　通過【刪除】按鈕直接刪除　142
5.7.2　通過快捷菜單命令刪除　142
5.8　模板復(fù)制　143
5.9　綜合實(shí)例　144
第6章　層疊樣式表(CSS)　147
6.1　CSS樣式概述　147
6.1.1　認(rèn)識(shí)CSS　148
6.1.2　【CSS樣式】面板　148
6.1.3　CSS樣式的種類　149
6.2　使用樣式表改變文字屬性　151
6.2.1　利用【屬性】檢查器設(shè)置樣式　151
6.2.2　使用【CSS樣式】面板設(shè)置樣式　154
6.2.3　應(yīng)用【CSS樣式】面板中的樣式　155
6.2.4　使用CSS樣式修改字體樣式　156
6.3　應(yīng)用HTML標(biāo)記樣式改變文檔外觀　158
6.4　應(yīng)用已有樣式至其他文檔　161
6.4.1　導(dǎo)出外部CSS樣式表　161
6.4.2　鏈接外部CSS樣式表　163
6.4.3　在鏈接外部CSS樣式表中增加樣式　164
6.5　為圖像應(yīng)用樣式　166
6.5.1　利用【屬性】檢查器制作編號(hào)列表　166
6.5.2　利用選擇的圖像制作樣式列表　167
6.5.3　利用樣式表固定背景圖像的位置　169
6.6　制作個(gè)性滾動(dòng)條　172
6.7　制作翻轉(zhuǎn)文本菜單　173
6.7.1　設(shè)置鏈接樣式　173
6.7.2　使用樣式表修改鏈接樣式　176
6.7.3　使用樣式表創(chuàng)建兩種以上的鏈接樣式　177
6.7.4　用樣式表擴(kuò)展文本背景填充范圍　181
第7章　制作框架集頁面　184
7.1　框架集　184
7.1.1　創(chuàng)建框架集　184
7.1.2　修改框架集　187
7.1.3　刪除框架集　189
7.1.4　插入預(yù)定義框架集　191
7.1.5　創(chuàng)建嵌套框架集　192
7.2　選擇框架和框架集　194
7.2.1　在【文檔】窗口內(nèi)選擇單個(gè)框架或框架集　194
7.2.2　【框架】面板　195
7.2.3　通過【框架】面板選擇單個(gè)框架或框架集　195
7.3　設(shè)置框架和框架集文件　197
7.3.1　保存框架集的所有文件　197
7.3.2　保存框架集文件　200
7.3.3　保存框架文件　200
7.3.4　改變框架文件　201
7.4　框架和框架集的屬性　202
7.4.1　框架屬性及設(shè)置　203
7.4.2　框架集屬性及其設(shè)置　204
7.5　框架應(yīng)用實(shí)例　206
第8章　時(shí)間軸動(dòng)畫　214
8.1　了解時(shí)間軸　214
8.2　【時(shí)間軸】面板　216
8.3　創(chuàng)建時(shí)間軸動(dòng)畫　217
8.4　使用時(shí)間軸和層制作幻燈片效果　221
8.5　通過時(shí)間軸動(dòng)畫實(shí)現(xiàn)漂浮廣告　225
第9章　應(yīng)用多媒體　227
9.1　添加聲音　227
9.1.1　關(guān)于音頻文件格式　227
9.1.2　鏈接音頻文件　228
9.1.3　在頁面中插入背景音樂　229
9.1.4　單擊按鈕播放背景音樂　233
9.2　添加Flash影片　235
9.2.1　在Dreamweaver中插入Flash影片　235
9.2.2　Flash文件的【屬性】檢查器　237
9.2.3　透明處理Flash影片　238
9.2.4　使用瀏覽器瀏覽Flash的常見問　 題　239
9.2.5　用按鈕控制Flash影片　239
9.2.6　制作Flash文本　241
9.2.7　制作Flash按鈕　244
9.3　Flash圖像瀏覽器　247
9.4　【Flash元素】面板　250
9.5　插入視頻文件　251
9.6　插入其他媒體對(duì)象　254
9.6.1　插入Shockwave影片　254
9.6.2　插入Java小程序　255
9.6.3　插入ActiveX控件　255
第10章　行為的使用　257
10.1　什么是行為　257
10.1.1　【行為】面板　257
10.1.2　Dreamweaver提供的動(dòng)作　258
10.1.3　認(rèn)識(shí)事件　259
10.2　應(yīng)用行為　260
10.2.1　打開瀏覽器窗口　260
10.2.2　調(diào)用JavaScript　263
10.2.3　檢查瀏覽器　266
10.2.4　檢查表單　267
10.2.5　檢查插件　269
10.2.6　變換圖像　271
10.2.7　設(shè)置導(dǎo)航欄圖像　274
10.2.8　設(shè)置層文本　276
10.2.9　設(shè)置狀態(tài)欄文本　278
10.2.10　設(shè)置文本域文字　280
10.2.11　轉(zhuǎn)到URL　282
10.2.12　彈出信息　285
10.2.13　播放聲音　287
第11章　表單的使用　290
11.1　創(chuàng)建表單　290
11.1.1　插入表單　291
11.1.2　設(shè)置表單屬性　291
11.2　添加表單對(duì)象　292
11.2.1　文本字段　293
11.2.2　文本區(qū)域　294
11.2.3　復(fù)選框　295
11.2.4　單選按鈕　296
11.2.5　單選按鈕組　297
11.2.6　列表/菜單　299
11.2.7　跳轉(zhuǎn)菜單　300
11.2.8　圖像域　302
11.2.9　文件域　303
11.2.10　按鈕　304
11.2.11　標(biāo)簽　305
11.2.12　字段集　305
11.2.13　隱藏域　306
11.3　制作用戶注冊(cè)實(shí)例　307
第12章　網(wǎng)頁標(biāo)記　316
12.1　HTML標(biāo)記與組件　316
12.2　HTML的結(jié)構(gòu)　316
12.3　編寫HTML文件的方法　317
12.4　HTML標(biāo)記的使用方法　317
12.4.1　文件注釋標(biāo)記 !-- -- 　317
12.4.2　文件開始標(biāo)記 HTML 　318
12.4.3　文件信息標(biāo)記 HEAD 　318
12.4.4　文件標(biāo)題標(biāo)記 TITLE 　319
12.4.5　文件主體標(biāo)記 BODY 　319
12.5　表格的建立標(biāo)記　320
12.6　表格外框的控制　321
12.6.1　邊框?qū)挾葘傩詁order　321
12.6.2　內(nèi)框?qū)挾葘傩詂ellspacing　321
12.6.3　表格內(nèi)元素與邊框距離屬性cellpadding　322
12.7　表格的控制　322
12.7.1　表格的高度屬性height　322
12.7.2　表格寬度屬性width　323
12.7.3　表格邊框顏色屬性bordercolor　323
12.7.4　表格背景顏色屬性bgcolor　324
12.7.5　表格水平對(duì)齊方式屬性align　324
12.8　表格行的控制　325
12.8.1　行高屬性height　325
12.8.2　行的外邊框顏色屬性bordercolor　325
12.8.3　行的背景顏色屬性bgcolor　326
12.8.4　行內(nèi)元素的水平對(duì)齊屬性align　326
12.8.5　行內(nèi)元素的垂直對(duì)齊屬性valign　327
12.9　單元格的設(shè)置　327
12.9.1　單元格的邊框顏色屬性bordercolor　327
12.9.2　單元格的背景顏色屬性bgcolor　328
12.9.3　單元格元素的水平對(duì)齊屬性align　328
12.9.4　單元格內(nèi)元素的垂直對(duì)齊屬性valign　329
12.9.5　水平延伸單元格屬性colspan　329
12.9.6　垂直延伸單元格屬性rowspan　330
12.9.7　設(shè)置單元格寬度屬性width　330
12.10　編號(hào)列表標(biāo)記 OL  /OL 　331
12.10.1　設(shè)置編號(hào)的類型屬性type　331
12.10.2　設(shè)置編號(hào)的開始序號(hào)屬性start　332
12.11　項(xiàng)目符號(hào)列表標(biāo)記 UL  /UL 　332
12.12　取消文字換行標(biāo)記 NOBR 　333
12.13　換行標(biāo)記 BR 　333
12.14　段落標(biāo)記 P 　334
12.15　空格符號(hào)標(biāo)記 　335
12.16　水平分割線標(biāo)記 HR 　335
12.16.1　水平分割線樣式屬性size　335
12.16.2　水平分割線樣式屬性width　336
12.16.3　水平分割線對(duì)齊屬性align　336
12.16.4　水平分割線顏色屬性color　336
12.16.5　水平分割線不顯示3D陰影屬性noshade　337
12.17　文字格式標(biāo)記 font 　337
12.17.1　文字的字體屬性face　337
12.17.2　文字的大小屬性size　338
12.17.3　文字的顏色屬性color　338
12.18　圖片標(biāo)記 img 　339
12.18.1　圖片寬度屬性width　339
12.18.2　圖片高度屬性height　340
12.18.3　圖片邊框?qū)挾葘傩詁order　341
12.19　超鏈接標(biāo)記 A 　341
12.20　綜合實(shí)例　342
第13 章　個(gè)人網(wǎng)站　345
13.1　個(gè)人網(wǎng)站概述　345
13.2　制作個(gè)人網(wǎng)站實(shí)例　347
13.2.1　制作網(wǎng)站首頁　347
13.2.2　制作“關(guān)于”頁面　352
13.2.3　為頁面添加CSS樣式　356
13.2.4　為欄目按鈕制作鏈接　357
13.2.5　將“關(guān)于”頁面轉(zhuǎn)換成模板　357
13.2.6　利用模板制作其他內(nèi)頁　359
13.2.7　制作留言本頁面　365
第14章　企業(yè)網(wǎng)站　369
14.1　企業(yè)網(wǎng)站概述　369
14.2　制作企業(yè)網(wǎng)站實(shí)例　370
14.2.1　站點(diǎn)的建立與設(shè)置　371
14.2.2　首頁的制作　372
14.2.3　內(nèi)頁的制作　380
14.2.4　制作其他內(nèi)容頁　386
第15章　門戶網(wǎng)站　395
15.1　門戶網(wǎng)站概述　395
15.2　制作門戶網(wǎng)站實(shí)例　396
15.2.1　制作網(wǎng)站導(dǎo)航欄　397
15.2.2　制作網(wǎng)站主體部分　401
15.2.3　制作二級(jí)頁面　415