中文版Dreamweaver CS3網(wǎng)頁設(shè)計(jì)入門與提高

第1部分　基礎(chǔ)篇
第1章　網(wǎng)頁制作入門2
1．1認(rèn)識網(wǎng)站和網(wǎng)頁2
1．1．1什么是網(wǎng)頁2
1．1．2網(wǎng)頁的類型3
1．1．3什么是網(wǎng)站4
1．1．4網(wǎng)站的分類4
1．2網(wǎng)頁中的專用術(shù)語5
l．3網(wǎng)頁元素的使用標(biāo)準(zhǔn)和技巧8
l．3．1 Logo8
1．3．2廣告條9
l．3．3 網(wǎng)站導(dǎo)航9
1．3．4按鈕10
1．3．5圖片10
1．3．6文本11
1．3．7動畫ll
1．4網(wǎng)站建設(shè)常用工具軟件11
1．5思考與練習(xí)12

第2章　初識Dreamweaver CS314
2．1 Dreamweaver CS3簡介14
2．2 Dreamweaver CS3的新增功能14
2．3 Dreamweaver CS3的安裝和啟動17
2．3．1 Dreamweaver CS3系統(tǒng)要求17
2．3．2安裝Dreamweaver CS317
2．3．3啟動Dreamweaver CS320
2．4 Dreamweaver?CS3的操作界面20
2．4．1 Dreamweaver?CS3的開始頁20
2．4．2 Dreamweavel?CS3的操作界面2l
2．4．3 Dreamweaver CS3的菜單欄22
2．4．4 Dreamweaver CS3的工具欄23
2．4．5 Dreamweaver CS3的狀態(tài)欄27
2．4．6 Dreamweaver CS3的面板．28
2．5網(wǎng)頁文檔的基本操作30
2．5．1 新建網(wǎng)頁30
2．5．2保存網(wǎng)頁3l
2．5．3設(shè)置頁面屬性32
2．5．4打開網(wǎng)頁35
2．5．5預(yù)覽網(wǎng)頁35
2．6思考與練習(xí)36

第3章　站點(diǎn)的創(chuàng)建與管理37
3．1 了解站點(diǎn)37
3．1．1本地站點(diǎn)和遠(yuǎn)程站點(diǎn)37
3．1．2站點(diǎn)規(guī)劃原則37
3．2創(chuàng)建站點(diǎn)38
3．2．1創(chuàng)建本地站點(diǎn)38
3．2．2創(chuàng)建遠(yuǎn)程站點(diǎn)40
3．3管理本地站點(diǎn)4l
3．3．1文件管理41
3．3．2站點(diǎn)管理43
3．4管理遠(yuǎn)程站點(diǎn)44
3．5輔助工具的使用45
3．5．1使用標(biāo)尺46
3．5．2使用輔助線46
3．5．3使用網(wǎng)格47
3．6思考與練習(xí)48

第4章　網(wǎng)站建設(shè)流程49
4．1 網(wǎng)站策劃49
4．1．1確定網(wǎng)站的主題和名稱49
4．1．2確定網(wǎng)站的用戶群50
4．1．3確定網(wǎng)站的配色方案50
4．1．4收集網(wǎng)站的素材和內(nèi)容52
4．1．5確定網(wǎng)站欄目53
4．1．6確定網(wǎng)站結(jié)構(gòu)53
4．1．7確定網(wǎng)頁的布局54
4．2網(wǎng)站設(shè)計(jì)58
4．2．1 繪制草圖58
4．2．2完成網(wǎng)頁設(shè)計(jì)稿59
4．2．3分割設(shè)計(jì)稿60
4．3網(wǎng)站制作61
4．4網(wǎng)站測試62
4．5發(fā)布網(wǎng)站62
4．5．1注冊域名與空間租用62
4．5．2上傳站點(diǎn)63
4．6網(wǎng)站的更新與維護(hù)63
4．7網(wǎng)站的宣傳與推廣63
4．8思考與練習(xí)65

第5章　使用文本和圖像66
5．1 添加文本66
5．1．1插入方法66
5．1．2插入特殊文本66
5．2格式化文本69
5．2．1設(shè)置文本格式69
5．2．2設(shè)置段落格式72
5．3 實(shí)例演練——制作心血管疾病中心首頁73
5．4添加網(wǎng)頁圖像78
5．4．1關(guān)于圖像格式78
5．4．2插入圖像79
5．4．3插入圖像占位符8l
5．4．4插入鼠標(biāo)經(jīng)過圖像81
5．4．5插入導(dǎo)航條83
5．4．6設(shè)置圖像屬性84
5．4．7在Dreamweavet’中編輯圖像85
5．5實(shí)例演練——制作伊人時(shí)尚網(wǎng)86
5．6思考與練習(xí)89

第6章　多媒體與超鏈接9l
6．1插入媒體對象9l
6．1．1插入Flash對象9l
6．1．2插入其他媒體對象98
6．2實(shí)例演練——制作禮品商城頁面103
6．3超級鏈接105
6．3．1什么是超級鏈接105
6．3．2鏈接路徑105
6．4創(chuàng)建超級鏈接106
6．4．1創(chuàng)建文本鏈接106
6．4．2創(chuàng)建圖像鏈接109
6．4．3創(chuàng)建錨記鏈接110
6．4．4創(chuàng)建電子郵件鏈接113
6．4．5創(chuàng)建空鏈接和腳本鏈接114
6．5實(shí)例演練——制作軟件下載頁面114
6．6思考與練習(xí)117

第7章　XH'I’MI基礎(chǔ)119
7．1 XHTM[，語言基礎(chǔ)119
7．1．1什么是XHTML119
7．1．2XHTML文檔的基本結(jié)構(gòu)119
7．1．3標(biāo)簽的書寫格式122
7．1．4標(biāo)簽的屬性122
7．1．5 XI．IIML語法規(guī)范123
7．2 XHTMI。語言的核心標(biāo)簽124
7．2．1文本與段落124
7．2．2圖像127
7．2．3表格128
7．2．4超級鏈接128
7．2．5列表元素129
7．2．6認(rèn)識Div標(biāo)簽129
7．3在Dreamweaver中編寫和編輯代碼130
7．3．1使用代碼提示13 l
7．3．2使用編碼工具欄132
7．3．3使用快速標(biāo)簽編輯器134
7．4優(yōu)化代碼135
7．4．1清理HTML／XHTML代碼135
7．1．4．2清理Word生成的HTML代碼136
7．5思考與練習(xí)136

第2部分　布局篇
第8章　巧用表格布局網(wǎng)頁140
8．1創(chuàng)建表格140
8．2編輯表格14l
8．2．1選擇表格141
8．2．2設(shè)置表格屬性142
8．2．3設(shè)置單元格屬性143
8．2．4調(diào)整表格和單元格的大小143
8．2．5設(shè)置表格對齊方式145
8．2．6插入行或列145
8．2．7刪除行或列146
8．2．8拆分和合并單元格146
8．2．9表格的嵌套147
8．3實(shí)例演練——制作個(gè)人動漫網(wǎng)147
8．4思考與練習(xí)156

第9章　AP元素在網(wǎng)頁中的應(yīng)用157
9．1 AP元素的使用157
9．1．1創(chuàng)建AP元素157
9．1．2向AP元素中添加內(nèi)容158
9．1．3嵌套AP元素158
9．1．4管理AP元素159
9．2 AP元素的操作160
9．2．1選擇AP元素160
9．2．2設(shè)置AP元素屬性160
9．2．3調(diào)整AP元素大小16l
9．2．4移動和對齊AP元素162
9．3實(shí)例演練——制作動畫欣賞頁面162
9．4 AP元素與表格167
9．4．1將AP元素轉(zhuǎn)換為表格167
9．4．2將表格轉(zhuǎn)換為AP元素168
9．5 時(shí)間軸169
9．5．1【時(shí)間軸】面板169
9．5．2創(chuàng)建時(shí)間軸動畫170
9．6思考與練習(xí)172

第10章　應(yīng)用CSS布局網(wǎng)頁173
10．1 CSS樣式表173
10．1．1 CSS的概念173
10．1．2 CSS的基本語法174
10．1．3認(rèn)識【CSS樣式】面板175
10．2 CSS樣式的創(chuàng)建與應(yīng)用176
10．2．1創(chuàng)建與應(yīng)用內(nèi)部樣式表176
10．2．2創(chuàng)建外部樣式表179
10．2．3鏈接外部CSS樣式表180
1013 CSS樣式定義182
10．3．1定義CSS樣式的類型182
10．3．2定義CSS樣式的背景183
10．3．3 設(shè)置CSS樣式的區(qū)塊183
10．3．4設(shè)置CSS樣式的方框184
10．3．5設(shè)置CSS樣式的邊框184
10．3．6設(shè)置CSS樣式的列表185
10．3．7設(shè)置CSS樣式的定位185
10．3．8設(shè)置CSS樣式的擴(kuò)展185
10．4管理CSS樣式表186
10．4．1查看CSS樣式186
10．4．2編輯CSS樣式187
10．4．3刪除CSS樣式188
10．4．4復(fù)制CSS樣式188
10．5實(shí)例演練188
10．5．1使用CSS創(chuàng)建個(gè)性化鼠標(biāo)指針樣式188
10．5．2應(yīng)用CSS+Div布局網(wǎng)頁192
10．6思考與練習(xí)198

第11章　制作框架類網(wǎng)頁200
11．1框架的應(yīng)用200
11．2創(chuàng)建框架網(wǎng)頁201
11．2．1使用預(yù)設(shè)方式創(chuàng)建框架網(wǎng)頁201
11．2．2 自主創(chuàng)建框架網(wǎng)頁202
11．3保存框架網(wǎng)頁203
11．3．1選擇框架和框架集203
11．3．2保存框架和框架集203
11．4編輯框架204．
11．4．1設(shè)置框架和框架集的屬性204
11．4．2設(shè)置框架的大小205
11．4．3制作框架內(nèi)容206
11．4．4設(shè)置框架鏈接206
11．4．5刪除框架207
11．5 實(shí)例演練——制作蝴蝶攝影工作室網(wǎng)站207
11．6嵌入式框架的應(yīng)用212
11．6．1嵌入式框架的參數(shù)213
11．6．2制作嵌入式框架網(wǎng)頁213
11．7思考與練習(xí)216

第3部分　進(jìn)階篇
第12章　表單的應(yīng)用220
12．1表單和表單對象220
12．1．1什么是表單220
12．1．2表單對象221
12．1．3插入表單222
12．1．4設(shè)置表單屬性222
12．2插入表單對象223
12．2．1插入文本域223
12．2．2插入復(fù)選框225
12．2．3插入單選按鈕與單選按鈕組226
12．2．4插入列表，菜單227
12．2．5插入跳轉(zhuǎn)菜單228
12．2．6插入表單按鈕230
12．2．7插入圖像域230
12．2．8插入文件域231
12．2．9插入隱藏域232
12．3 實(shí)例演練——制作會員注冊頁面232
12．4思考與練習(xí)240

第13章　創(chuàng)建網(wǎng)頁動態(tài)效果24l
13．1 關(guān)于行為241
13．2動作和事件242
13．2．1關(guān)于動作242
13．2．2關(guān)于事件243
13．3添加行為244
13．4常用動作245
13．4．1 【交換圖像】動作246
13．4．2 【彈出信息】動作246
13．4．3 【打開瀏覽器窗口】動作246
13．4．4 【拖動AP元素】動作247
13．4．5 【改變屬性】動作249
13．4．6 【效果】動作249
13．4．7 【轉(zhuǎn)到時(shí)間軸幀】動作250
13．4．8 【顯示．隱藏元素】動作250
13．4．9 【檢查插件】動作251
13．4．10 【設(shè)置導(dǎo)航欄圖像】動作252
13．4．Il 【設(shè)置狀態(tài)欄文本】動作252
13．4．12 【調(diào)用JavaScript】動作252
13．4．13 【轉(zhuǎn)到URL】動作253
13．4．14 【預(yù)先載入圖像】動作253
13．5實(shí)例演練254
13．5．1 制作有彈出窗口的網(wǎng)頁254
13．5．2應(yīng)用行為制作彈出菜單256
13．6關(guān)于JavaScript261
13．6．1 JavaScript語言是什么261
13．6．2．1avaScript語言的寫入方式261
13．7實(shí)例演練——制作橫向滾動圖像效果262
13．8思考與練習(xí)267

第14章　Spry框架在網(wǎng)頁中應(yīng)用268
14．1關(guān)于Spry框架268
14．2添加Spry構(gòu)件268
14．2．1關(guān)于Spry構(gòu)件268
14．2．2插入Spry構(gòu)件269
14．2．3編輯Spry構(gòu)件270
14．3常用Spry構(gòu)件介紹273
14．3．1菜單欄構(gòu)件．．273
14．3．2選項(xiàng)卡式面板構(gòu)件274
14．3．3 折疊式構(gòu)件274
14．3．4可折疊面板構(gòu)件275
14．3．5驗(yàn)證文本域構(gòu)件276
14．4實(shí)例演練——折疊式構(gòu)件的應(yīng)用277
14．5關(guān)于Spry效果28l
14．5．1添加Spry效果281
14．5．2常用Spry效果介紹283
14．6思考與練習(xí)287

第15章　模板和庫288
15．1使用模板289
15．1．1模板的基本概念289
15．1．2關(guān)于【模板】和【資源】面板289 15．2創(chuàng)建模板290
15．2．1創(chuàng)建新模板290
15．2．2將普通網(wǎng)頁保存為模板292
15．3編輯模板293
15．3．1可編輯區(qū)域和不可編輯區(qū)域293
15．3．2創(chuàng)建可編輯區(qū)域293
15．3．3選擇可編輯區(qū)域295
15．3．4刪除可編輯區(qū)域295
15．4應(yīng)用模板制作網(wǎng)頁295
15．4．1從模板新建295
15．4．2使用【模板】面板創(chuàng)建網(wǎng)頁文檔296
15．4．3頁面與模板脫離297
15．4．4更新頁面297
15．5管理模板298
15．5．1重命名模板298
15．5．2刪除模板．299
15．6使用庫299
15．6．1庫的概念299
15．6．2創(chuàng)建和應(yīng)用庫項(xiàng)目300
15．6．3修改庫301
15．7 實(shí)例演練——制作QQ交友俱樂部網(wǎng)站30l
15．7．1創(chuàng)建模板302
15．7．2使用模板創(chuàng)建網(wǎng)頁308
1．5．8思考與練習(xí)309

第4部分　效果篇
第16章　常用網(wǎng)頁效果實(shí)例312
16．1有懸停效果的滾動公告欄312
16．2漂亮的IE滾動條315
16．3 圖片滾動下拉效果317
16．4狀態(tài)欄跑馬燈效果320
16．5飄浮圖像廣告效果323
16．6跟隨滾動條滾動的對聯(lián)廣告328
16．7圖片切換效果330
16．8在線MP3播放器334

第5部分　網(wǎng)站設(shè)計(jì)與制作實(shí)戰(zhàn)篇
第17章　企業(yè)網(wǎng)站的設(shè)計(jì)與制作338
17．1企業(yè)網(wǎng)站的策劃338
17．1．1了解需求338
17．1．2分析材料339
17．1．3出具網(wǎng)站策劃書339
17．2網(wǎng)站設(shè)計(jì)342
17．2．1設(shè)計(jì)策劃342
17．2．2行業(yè)網(wǎng)站分析343
17．2．3確定首頁布局方式345
17．2．4形象Banner設(shè)計(jì)345
17．2．5導(dǎo)航欄設(shè)計(jì)345
17．2．6主要內(nèi)容顯示區(qū)設(shè)計(jì)346
17．2．7 網(wǎng)站底部顯示區(qū)設(shè)計(jì)346
17．3網(wǎng)站制作347
17．3．1創(chuàng)建本地站點(diǎn)與遠(yuǎn)程站點(diǎn)347
17．3．2創(chuàng)建外部CSS樣式表348
17．3．3制作首頁．35l
17．3．4制作二級頁面與三級頁面356
17．4．測試與發(fā)布網(wǎng)站361

第6部分　動態(tài)網(wǎng)站制作篇
第18章　會員注冊365
18．1相關(guān)概念366
18．1．1什么是動態(tài)網(wǎng)頁366
18．1．2什么是網(wǎng)頁服務(wù)器366
18．1．3什么是ASP366
18．1．4什么是數(shù)據(jù)庫366
18．2動態(tài)網(wǎng)站的制作流程367
18．3搭建服務(wù)器平臺367
18．3．1 IIS的安裝367
18．3．2 IIS的設(shè)置369
18．3．3站點(diǎn)的設(shè)置370
18．3．4測試開發(fā)環(huán)境37l
18．4設(shè)計(jì)分析371
18．5建立數(shù)據(jù)庫和其他相關(guān)ASP文件372
18．5．1建立數(shù)據(jù)庫372
18．5．2建立鏈接文件373
18．5．3建立數(shù)據(jù)存儲文件374
18．6注冊新用戶375
18．7用戶登錄和退出登錄377
18．8后臺管理379
18．8．1后臺管理員登錄379
18．8．2后臺管理主頁面380
18．8．3注冊用戶審核38l
18．8．4會員信息管理386
18．8．5管理用戶的添加387
18．8．6管理用戶修改密碼389
18．8．7退出系統(tǒng)391