Dreamweaver CS5中文版基礎(chǔ)教程

第1章　Dreamweaver CS5網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)　1
1.1　網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)　1
1.1.1　網(wǎng)頁(yè)設(shè)計(jì)的發(fā)展歷史　1
1.1.2　網(wǎng)頁(yè)的基本概念　3
1.1.3　網(wǎng)頁(yè)設(shè)計(jì)的基本流程　5
1.2　認(rèn)識(shí)HTML語(yǔ)言　6
1.2.1　HTML的基本概念　7
1.2.2　常用HTML的標(biāo)簽　8
1.2.3　典型實(shí)例——設(shè)計(jì)“滾動(dòng)圖片展示”網(wǎng)頁(yè)　10
1.3　Dreamweaver CS5網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)　13
1.3.1　Dreamweaver CS5的操作基礎(chǔ)　13
1.3.2　典型實(shí)例——設(shè)計(jì)“公司宣傳”主頁(yè)　15
1.4　使用技巧——應(yīng)用HTML模板快速創(chuàng)建網(wǎng)頁(yè)　23
1.5　課后習(xí)題　25第2章　添加基礎(chǔ)頁(yè)面元素　26
2.1　添加網(wǎng)頁(yè)文本　26
2.1.1　文本的添加和編排方法　26
2.1.2　典型實(shí)例——設(shè)計(jì)“公司簡(jiǎn)介”網(wǎng)頁(yè)　35
2.2　添加圖像　39
2.2.1　圖像的添加和編輯方法　40
2.2.2　典型實(shí)例——設(shè)計(jì)“寵物樂(lè)園”網(wǎng)頁(yè)　49
2.3　綜合實(shí)例——設(shè)計(jì)“花花世界”首頁(yè)　51
2.4　使用技巧——通過(guò)復(fù)制粘貼創(chuàng)建網(wǎng)頁(yè)　54
2.5　習(xí)題　54第3章　添加高級(jí)頁(yè)面元素　55
3.1　添加多媒體　55
3.1.1　多媒體添加和編輯方法　55
3.1.2　典型實(shí)例——設(shè)計(jì)“在線影院”網(wǎng)頁(yè)　61
3.2　添加超鏈接　63
3.2.1　超鏈接添加和編輯方法　63
3.2.2　典型實(shí)例——設(shè)計(jì)“兒童樂(lè)園”網(wǎng)站　74
3.3　綜合案例——設(shè)計(jì)“523音樂(lè)網(wǎng)”　77
3.4　使用技巧——檢查與修復(fù)鏈接　79
3.5　習(xí)題　80第4章　應(yīng)用表格　81
4.1　應(yīng)用表格排版網(wǎng)頁(yè)　81
4.1.1　表格的基本操作方法　81
4.1.2　典型實(shí)例——設(shè)計(jì)“綠色行動(dòng)”網(wǎng)頁(yè)　88
4.2　應(yīng)用表格布局網(wǎng)頁(yè)　92
4.2.1　表格布局的操作方法　92
4.2.2　典型實(shí)例——設(shè)計(jì)“房產(chǎn)中介”網(wǎng)頁(yè)　96
4.3　綜合實(shí)例——設(shè)計(jì)“產(chǎn)品銷售”網(wǎng)頁(yè)　105
4.4　使用技巧——使用CSS制作個(gè)性化表格　111
4.5　習(xí)題　112第5章　應(yīng)用框架　113
5.1　應(yīng)用框架布局網(wǎng)頁(yè)　113
5.1.1　框架的基本概念和操作　113
5.1.2　典型實(shí)例——設(shè)計(jì)“廣告公司”網(wǎng)站　121
5.2　綜合實(shí)例——設(shè)計(jì)“游戲論壇”網(wǎng)站　124
5.3　使用技巧——嵌入式框架的應(yīng)用方法　129
5.4　習(xí)題　131第6章　應(yīng)用Div和CSS　132
6.1　應(yīng)用Div　132
6.1.1　Div的基本概念和操作　132
6.1.2　典型實(shí)例——設(shè)計(jì)“搜索網(wǎng)”　142
6.2　應(yīng)用CSS　146
6.2.1　CSS基礎(chǔ)知識(shí)　146
6.2.2　應(yīng)用CSS表美化網(wǎng)頁(yè)　149
6.2.3　典型實(shí)例——設(shè)計(jì)“裝飾公司”網(wǎng)頁(yè)　156
6.3　綜合案例——設(shè)計(jì)“汽車公司”網(wǎng)頁(yè)　160
6.4　使用技巧——設(shè)置AP層的透明度　165
6.5　習(xí)題　166第7章　應(yīng)用表單　167
7.1　創(chuàng)建表單　167
7.1.1　創(chuàng)建表單的操作方法　167
7.1.2　典型實(shí)例——設(shè)計(jì)“平民社區(qū)”網(wǎng)頁(yè)　175
7.2　驗(yàn)證表單　179
7.2.1　驗(yàn)證表單的操作方法　179
7.2.2　典型實(shí)例——設(shè)計(jì)“平民社區(qū)02”網(wǎng)頁(yè)　181
7.3　綜合案例——設(shè)計(jì)“信息反饋”網(wǎng)頁(yè)　183
7.4　使用技巧——使用CSS代碼美化表單　185
7.5　習(xí)題　185第8章　應(yīng)用行為　186
8.1　應(yīng)用Dreamweaver CS5內(nèi)置行為　186
8.1.1　認(rèn)識(shí)行為的基本概念　186
8.1.2　典型案例——設(shè)計(jì)“信息發(fā)布網(wǎng)”　188
8.2　第三方JavaScript庫(kù)的支持　198
8.2.1　安裝與應(yīng)用插件　198
8.2.2　典型案例——設(shè)計(jì)“汽車銷售網(wǎng)”　202
8.3　綜合案例——設(shè)計(jì)“兒童攝影展”首頁(yè)　204
8.4　使用技巧——使用“交換圖像”行為制作相冊(cè)效果　207
8.5　課后習(xí)題　208第9章　應(yīng)用Spry　209
9.1　應(yīng)用Spry組件　209
9.1.1　初識(shí)Ajax和Spry　209
9.1.2　創(chuàng)建Spry組件的方法　209
9.1.3　定義XML數(shù)據(jù)集　213
9.1.4　使用XML數(shù)據(jù)集　215
9.1.5　典型實(shí)例——設(shè)計(jì)“用戶信息注冊(cè)”網(wǎng)頁(yè)　216
9.2　使用技巧——使用Spry重復(fù)項(xiàng)功能　221
9.3　習(xí)題　222第10章　制作動(dòng)態(tài)網(wǎng)頁(yè)　223
10.1　ASP基礎(chǔ)　223
10.1.1　搭建IIS服務(wù)器　223
10.1.2　ASP的基礎(chǔ)語(yǔ)法　225
10.2　操作數(shù)據(jù)庫(kù)　226
10.2.1　訪問(wèn)數(shù)據(jù)庫(kù)　226
10.2.2　案例剖析——設(shè)計(jì)“動(dòng)態(tài)留言板”　227
10.3　綜合實(shí)例——設(shè)計(jì)“新聞發(fā)布系統(tǒng)”　237
10.3.1　定義站點(diǎn)并創(chuàng)建數(shù)據(jù)庫(kù)連接　237
10.3.2　制作前臺(tái)頁(yè)面　240
10.3.3　制作后臺(tái)管理頁(yè)面　251
10.4　使用技巧——快速創(chuàng)建虛擬目錄　259
10.5　習(xí)題　260第11章　Dreamweaver CS5實(shí)戰(zhàn)演練　261
11.1　表格布局案例設(shè)計(jì)　261
11.1.1　設(shè)計(jì)圖分析　261
11.1.2　在Photoshop中切片　263
11.1.3　在Dreamweaver中制作網(wǎng)頁(yè)　265
11.1.4　網(wǎng)站測(cè)試　276
11.2　Div+CSS布局案例設(shè)計(jì)　278
11.2.1　設(shè)計(jì)圖分析　278
11.2.2　使用Photoshop切片　279
11.2.3　使用Dreamweaver制作網(wǎng)頁(yè)　282
11.2.4　網(wǎng)站的測(cè)試　300