Dreamweaver8完美網頁設計與制作

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