ADOBE DREAMWEAVER CS3標準培訓教材

第1章　Dreamweaver CS3基礎知識　1
1.1　Dreamweaver CS3簡介　1
1.2　Dreamweaver CS3的工作界面　2
1.2.1　界面布局　2
1.2.2　窗口和面板　5
1.2.3　屬性檢查器　13
1.2.4　使用管理面板和面板組　14
1.2.5　自定義快捷鍵　16
1.3　Dreamweaver CS3的新增功能　18
第2章　文本的處理與控制　21
2.1　設置網(wǎng)頁標題　21
2.2　HTML文件的基本結構　23
2.2.1　head標簽　25
2.2.2　body標簽　25
2.3　文本的基本設置　26
2.3.1　設置文本標題　26
2.3.2　添加空格　27
2.3.3　強制換行　29
2.3.4　文字的基本設置　29
2.3.5　文本插入欄的使用　30
2.4　項目列表　33
2.4.1　設置無序列表　33
2.4.2　設置有序列表　35
2.4.3　在標簽檢查器中設置項目列表　37
2.4.4　定義項目列表　37
2.5　使用外部文本　38
2.5.1　粘貼文本　38
2.5.2　粘貼表格　40
2.5.3　導入Word文檔和Excel表格　41
第3章　建立超級鏈接　45
3.1　超級鏈接的概念　45
3.1.1　URL概述　45
3.1.2　超級鏈接中的路徑　46
3.2　為文本添加鏈接　47
3.2.1　添加鏈接　48
3.2.2　設置鏈接　49
3.2.3　使用超級鏈接標簽a　51
3.3　檢查鏈接　52
3.4　制作電子郵件鏈接　54
3.5　下載鏈接　57
3.6　添加錨鏈接　59
3.6.1　在同一頁面中添加錨鏈接　59
3.6.2　在不同的頁面上使用錨鏈接　64
第4章　在網(wǎng)頁中使用圖像　67
4.1　網(wǎng)絡圖形格式　67
4.1.1　GIF圖像　67
4.1.2　JPEG圖像　68
4.1.3　PNG圖像　69
4.2　在Dreamweaver中插入圖片　69
4.2.1　在設計視圖中插入圖片　69
4.2.2　從資源面板中插入圖片　71
4.2.3　在代碼視圖中插入圖片　71
4.3　在Dreamweaver中處理圖片　74
4.3.1　圖片的基本設置　74
4.3.2　編輯圖片　74
4.4　使用熱區(qū)　80
4.4.1　繪制熱區(qū)　80
4.4.2　在標簽檢查器中設置熱區(qū)　82
4.5　制作光標經(jīng)過圖像　83
4.6　制作導航條　85
4.7　插入圖像占位符　87
4.8　添加背景圖像　88
4.9　使用Photoshop文件　90
4.9.1　插入PSD文件　90
4.9.2　從Photoshop復制和粘貼　92
4.9.3　在Bridge中使用素材　93
第5章　在網(wǎng)頁中使用多媒體　97
5.1　在網(wǎng)頁中使用Flash　97
5.1.1　關于Flash　97
5.1.2　插入Flash　98
5.1.3　對插入的Flash進行編輯　100
5.1.4　使用其他的Flash元素　102
5.2　在網(wǎng)頁中添加其他插件　109
5.2.1　插入其他視頻文件　109
5.2.2　為網(wǎng)頁添加聲音文件　110
5.2.3　使用Flash元素　111
第6章　使用表格布局頁面　115
6.1　頁面的布局　115
6.2　認識表格　116
6.2.1　table和/table標記　116
6.2.2　tr和/tr標記　117
6.2.3　在代碼視圖中設置表格　117
6.3　使用表格　119
6.3.1　在文檔中插入表格　119
6.3.2　選擇表格　120
6.3.3　設置表格屬性　122
6.3.4　編輯表格　124
6.4　格式化表格　126
6.4.1　表格格式的設置　126
6.4.2　表格的排序　128
6.5　導入表格式數(shù)據(jù)　129
6.6　導出表格式數(shù)據(jù)　131
6.7　擴展和布局模式　132
6.7.1　關于布局模式　132
6.7.2　繪制單元格和表格　133
6.7.3　修改布局　135
6.7.4　在布局單元格中添加內(nèi)容　137
第7章　使用AP Div布局頁面　139
7.1　創(chuàng)建AP Div　139
7.1.1　創(chuàng)建基本的AP Div　140
7.1.2　創(chuàng)建嵌套AP Div　140
7.2　AP Div的操作　141
7.2.1　選擇AP Div　142
7.2.2　調(diào)整AP Div的大小　143
7.2.3　移動AP Div　145
7.2.4　排列AP Div　145
7.3　設置AP Div的屬性　146
7.4　使用“AP元素”面板　149
7.4.1　AP元素面板的主體部分　150
7.4.2　防止重疊　150
7.5　AP Div的使用技巧　150
7.5.1　將AP Div轉(zhuǎn)換成表格　151
7.5.2　將表格轉(zhuǎn)化為AP Div　152
7.5.3　可視化剪輯AP Div　152
7.5.4　構建相對定位的AP Div　154
7.5.5　AP Div與時間軸的結合　155
第8章　使用層疊式樣式表　157
8.1　層疊樣式表基礎　157
8.1.1　CSS樣式簡介　157
8.1.2　CSS樣式的分類　158
8.2　在Dreamweaver中創(chuàng)建層疊樣式表　158
8.2.1　新建CSS樣式　158
8.2.2　創(chuàng)建CSS文檔　160
8.3　使用CSS樣式　162
8.3.1　定義CSS規(guī)則　162
8.3.2　套用CSS樣式　172
8.3.3　附加樣式表　173
8.3.4　刪除已應用的樣式　174
8.3.5　使用范例Dreamweaver樣式表　174
8.4　標簽　175
8.5　高級　177
第9章　使用框架布局頁面　181
9.1　框架簡介　181
9.2　創(chuàng)建框架和框架集　182
9.2.1　使用預設的框架集　182
9.2.2　創(chuàng)建和編輯框架集　183
9.2.3　創(chuàng)建嵌套框架集　185
9.3　框架的基本操作　185
9.3.1　選擇框架和框架集　185
9.3.2　保存框架和框架集文件　186
9.4　在框架中打開文檔　187
9.5　查看和設置框架屬性　187
9.6　在框架內(nèi)控制鏈接　189
9.7　為不支持框架的瀏覽器定義內(nèi)容　190
9.8　創(chuàng)建嵌入式框架　191
第10章　使用模板和庫　195
10.1　使用軟件自身提供的模板　195
10.2　創(chuàng)建自定義模板　197
10.2.1　將文檔另存為模板　197
10.2.2　使用資源面板創(chuàng)建新模板　198
10.3　創(chuàng)建模板的可編輯區(qū)域　199
10.4　使用可選區(qū)域　201
10.5　使用重復區(qū)域　203
10.5.1　模板中創(chuàng)建重復區(qū)域　203
10.5.2　插入重復表格　203
10.6　應用模板　204
10.6.1　使用模板創(chuàng)建文檔　204
10.6.2　在現(xiàn)有文檔中應用或刪除模板　205
10.7　編輯和更新模板　207
10.8　在基于模板的文檔中編輯內(nèi)容　208
10.9　管理模板　209
10.10　庫項目　209
10.10.1　了解庫項目　210
10.10.2　在資源面板中添加庫項目　210
10.10.3　庫項目的屬性　211
10.10.4　使庫項目可編輯　212
10.10.5　應用庫項目　213
10.10.6　修改庫項目　214
第11章　使用行為　217
11.1　什么是行為　217
11.2　應用行為　218
11.3　修改行為　219
11.4　設置行為　220
11.4.1　彈出消息　220
11.4.2　打開瀏覽器窗口　221
11.4.3　播放聲音　222
11.4.4　改變屬性　223
11.4.5　檢查表單　224
11.4.6　檢查插件　225
11.4.7　檢查瀏覽器　226
11.4.8　預先載入圖像　227
11.4.9　交換圖像　227
11.4.10　轉(zhuǎn)到URL　229
11.4.11　拖動AP元素　230
第12章　使用表單　233
12.1　表單的工作模式　233
12.2　在頁面中插入表單　234
12.3　插入表單對象并設置其屬性　237
12.3.1　使用表單　237
12.3.2　使用文本域　237
12.3.3　使用隱藏域　239
12.3.4　使用復選框　240
12.3.5　用單選按鈕　241
12.3.6　使用單選按鈕組　243
12.3.7　使用列表/菜單　244
12.3.8　使用跳轉(zhuǎn)菜單　245
12.3.9 　使用圖像域　246
12.3.10　使用文件域　247
12.3.11　使用標準按鈕　247
12.4　Spry構件　248
12.4.1　制作Spry菜單欄　248
12.4.2　制作Spry選項卡式面板　251
12.4.3　制作Spry折疊式　252
12.4.4　Spry的可折疊面板　253
第13章　網(wǎng)站的創(chuàng)建與管理　255
13.1　規(guī)劃網(wǎng)站　255
13.1.1　網(wǎng)站與訪客　255
13.1.2　創(chuàng)建具有瀏覽器兼容性的站點　256
13.1.3　組織站點結構　256
13.1.4　創(chuàng)建設計外觀　257
13.1.5　設計導航方案　257
13.1.6　規(guī)劃和收集資源　258
13.2　使用資源面板　259
13.2.1　查看資源　259
13.2.2　選取資源類別　260
13.2.3　添加資源　261
13.2.4　選擇和編輯資源　262
13.2.5　在站點間使用資源　262
13.2.6　刷新資源面板　263
13.2.7　管理資源面板　264
13.3　創(chuàng)建Dreamweaver本地站點　265
13.3.1　使用建站向?qū)?chuàng)建站點　265
13.3.2　使用“高級”選項卡創(chuàng)建站點　269
13.4　管理站點信息　272
13.5　站點地圖　272
13.5.1　站點主頁　273
13.5.2　顯示站點地圖　274
13.5.3　在站點地圖中進行文件的操作　276