Dreamweaver網(wǎng)頁(yè)制作實(shí)用教程（第二版）目錄

時(shí)間：2023-02-17 11:18:02 | 來(lái)源：營(yíng)銷(xiāo)百科

時(shí)間：2023-02-17 11:18:02 來(lái)源：營(yíng)銷(xiāo)百科

Dreamweaver網(wǎng)頁(yè)制作實(shí)用教程（第二版）目錄：第1章網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ) 1

1.1HTML基礎(chǔ) 1

1.1.1HTML簡(jiǎn)介 1

1.1.2課堂實(shí)例——?jiǎng)?chuàng)建和測(cè)試第一個(gè)網(wǎng)頁(yè) 2

1.1.3HTML標(biāo)簽 3

1.1.4HTML文檔的基本結(jié)構(gòu) 5

1.1.5了解XHTML 6

1.2初識(shí)DreamweaverCS3 8

1.2.1Dreamweaver工作環(huán)境 8

1.2.2建立本地站點(diǎn) 13

1.2.3課堂實(shí)例——用Dreamweaver制作一個(gè)簡(jiǎn)單網(wǎng)頁(yè) 16

1.3在代碼視圖中創(chuàng)建HTML 20

1.3.1標(biāo)簽選擇器 20

1.3.2代碼提示工具 22

1.3.3編碼工具欄 23

本章習(xí)題 25

上機(jī)練習(xí) 25

練習(xí)1編寫(xiě)HTML代碼 25

練習(xí)2文件頭標(biāo)簽的應(yīng)用 26

練習(xí)3建立自己的站點(diǎn) 26

第2章網(wǎng)頁(yè)中的文字和圖像 27

2.1網(wǎng)頁(yè)中的文字 27

2.1.1應(yīng)用文字 27

2.1.2課堂實(shí)例——設(shè)置文本格式 30

2.1.3課堂實(shí)例——設(shè)置段落格式 33

2.1.4課堂實(shí)例——設(shè)置文字標(biāo)題 36

2.1.5使用段落列表 37

2.1.6設(shè)置段落樣式 39

2.2網(wǎng)頁(yè)中的圖像 39

2.2.1網(wǎng)頁(yè)中常見(jiàn)的圖像格式 39

2.2.2在網(wǎng)頁(yè)中使用圖像 40

2.2.3Dreamweaver和Photoshop結(jié)合處理圖像 42

2.3圖像的編排 45

2.3.1設(shè)置圖像的尺寸和邊框 45

2.3.2設(shè)置圖文混排和圖像邊距 46

2.3.3圖像的優(yōu)化和裁剪 47

2.4設(shè)置頁(yè)面屬性 49

本章習(xí)題 51

上機(jī)練習(xí) 52

練習(xí)1美化文字格式 52

練習(xí)2圖文并茂 52

第3章網(wǎng)頁(yè)中的表格 54

3.1表格標(biāo)簽 54

3.1.1認(rèn)識(shí)網(wǎng)頁(yè)中的表格 54

3.1.2表格標(biāo)簽詳解 55

3.1.3課堂實(shí)例——在代碼視圖中創(chuàng)建一個(gè)簡(jiǎn)單表格 56

3.2創(chuàng)建表格的基本操作 57

3.2.1插入表格 58

3.2.2表格的編輯 60

3.2.3設(shè)置表格屬性 65

3.3導(dǎo)入表格數(shù)據(jù)和排序 67

3.3.1導(dǎo)入表格數(shù)據(jù) 67

3.3.2導(dǎo)出表格 68

3.3.3表格排序 69

3.4課堂實(shí)例——用表格布局網(wǎng)頁(yè) 70

3.4.1插入表格并設(shè)置頁(yè)面屬性 71

3.4.2布局Banner和導(dǎo)航條 72

3.4.3布局圖像列表 73

3.4.4布局詳細(xì)內(nèi)容 74

本章習(xí)題 76

上機(jī)練習(xí) 77

練習(xí)1創(chuàng)建一個(gè)學(xué)生管理表 77

練習(xí)2制作圓角細(xì)線(xiàn)表格 77

練習(xí)3用表格布局主頁(yè) 77

第4章網(wǎng)頁(yè)中的多媒體 79

4.1在網(wǎng)頁(yè)中應(yīng)用Flash文件 79

4.1.1Flash文件類(lèi)型 79

4.1.2在網(wǎng)頁(yè)中應(yīng)用Flash動(dòng)畫(huà) 80

4.1.3在網(wǎng)頁(yè)中應(yīng)用Flash視頻 82

4.1.4在Dreamweaver中制作Flash按鈕和Flash文本 85

4.1.5應(yīng)用Flash元素——圖像查看器 87

4.2在網(wǎng)頁(yè)中應(yīng)用音頻和視頻 89^[2]

4.2.1課堂實(shí)例——網(wǎng)頁(yè)背景音樂(lè) 89

4.2.2課堂實(shí)例——網(wǎng)頁(yè)視頻 91

本章習(xí)題 94

上機(jī)練習(xí) 95

練習(xí)1插入Flash并使動(dòng)畫(huà)背景透明 95

練習(xí)2Flash導(dǎo)航條 96

練習(xí)3循環(huán)播放的網(wǎng)頁(yè)背景音樂(lè) 96

第5章超鏈接 97

5.1超鏈接基礎(chǔ) 97

5.1.1課堂實(shí)例——給文字和圖片創(chuàng)建超鏈接 97

5.1.2超鏈接詳解 100

5.2網(wǎng)頁(yè)中常見(jiàn)的超鏈接 102

5.2.1課堂實(shí)例——?jiǎng)?chuàng)建軟件下載超鏈接 102

5.2.2課堂實(shí)例——?jiǎng)?chuàng)建電子郵件鏈接 103

5.2.3課堂實(shí)例——?jiǎng)?chuàng)建錨點(diǎn)鏈接 104

5.2.4課堂實(shí)例——圖片地圖 105

5.2.5課堂實(shí)例——?jiǎng)?chuàng)建腳本鏈接 108

5.3在網(wǎng)頁(yè)中創(chuàng)建導(dǎo)航條 109

5.3.1課堂實(shí)例——?jiǎng)?chuàng)建文字導(dǎo)航條 109

5.3.2課堂實(shí)例——應(yīng)用Dreamweaver預(yù)設(shè)功能創(chuàng)建導(dǎo)航條 110

本章習(xí)題 115

上機(jī)練習(xí) 116

練習(xí)1腳本鏈接——關(guān)閉網(wǎng)頁(yè)窗口 116

練習(xí)2縱向文字導(dǎo)航條 116

練習(xí)3縱向動(dòng)態(tài)導(dǎo)航條 117

練習(xí)4網(wǎng)頁(yè)相冊(cè) 117

第6章用CSS美化網(wǎng)頁(yè) 119

6.1CSS基礎(chǔ) 119

6.1.1'CSS樣式'面板 119

6.1.2定義CSS規(guī)則 120

6.1.3在網(wǎng)頁(yè)中應(yīng)用CSS樣式 122

6.2創(chuàng)建CSS 123

6.2.1類(lèi)選擇器 124

6.2.2標(biāo)識(shí)選擇器 126

6.2.3用CSS重新定義HTML標(biāo)簽 128

6.2.4超鏈接的CSS樣式 130

6.3CSS基本應(yīng)用 132

6.3.1課堂實(shí)例——用CSS格式化文本 133

6.3.2課堂實(shí)例——用CSS控制表格 135

6.3.3課堂實(shí)例——用CSS控制列表 139

6.3.4課堂實(shí)例——用CSS控制背景 142

6.3.5課堂實(shí)例——用CSS控制區(qū)塊 145

6.3.6課堂實(shí)例——CSS樣式濾鏡的應(yīng)用 147

6.4鏈接外部CSS樣式文件 150

6.4.1制作CSS樣式文件 150

6.4.2通過(guò)鏈接使用外部樣式表 152

本章習(xí)題 154

上機(jī)練習(xí) 155

練習(xí)1用CSS控制網(wǎng)頁(yè)文字和段落 155

練習(xí)2用CSS控制表格的背景、邊框、尺寸 155

練習(xí)3用外部CSS文件控制網(wǎng)頁(yè)整體效果 155

第7章HTML網(wǎng)頁(yè)布局設(shè)計(jì) 156

7.1網(wǎng)頁(yè)布局類(lèi)型 156

7.1.1'國(guó)'字型 156

7.1.2'廠'字型 157

7.1.3'框架'型 157

7.1.4'封面'型 158

7.2使用布局模式 158

7.2.1在布局模式下繪制表格 158

7.2.2設(shè)置布局表格 161

7.2.3設(shè)置布局單元格 163

7.2.4課堂實(shí)例——用布局表格設(shè)計(jì)網(wǎng)站主頁(yè) 165^[2]

7.3應(yīng)用框架布局網(wǎng)頁(yè) 169

7.3.1課堂實(shí)例——用框架布局一個(gè)簡(jiǎn)單頁(yè)面 169

7.3.2創(chuàng)建框架和框架集 171

7.3.3設(shè)置框架和框架集的屬性 173

7.3.4框架集中的超鏈接 176

7.3.5課堂實(shí)例——用框架設(shè)計(jì)網(wǎng)頁(yè) 178

本章習(xí)題 183

上機(jī)練習(xí) 184

練習(xí)1使用布局表格排版網(wǎng)站首頁(yè) 184

練習(xí)2制作一個(gè)三欄框架 184

練習(xí)3制作框架網(wǎng)頁(yè) 185

第8章CSS網(wǎng)頁(yè)布局和Web2.0設(shè)計(jì)基礎(chǔ) 186

8.1利用表格和CSS布局網(wǎng)頁(yè) 186

8.1.1認(rèn)識(shí)表格和CSS布局 186

8.1.2課堂實(shí)例——表格和CSS布局實(shí)例 187

8.2DIV和CSS布局 191

8.2.1理解CSS盒子模型 191

8.2.2DIV標(biāo)簽的應(yīng)用 192

8.2.3課堂實(shí)例——DIV和CSS布局網(wǎng)站首頁(yè) 195

8.3XML基礎(chǔ) 199

8.3.1認(rèn)識(shí)XML 199

8.3.2課堂實(shí)例——在Dreamweaver中設(shè)計(jì)XML網(wǎng)頁(yè) 201

本章習(xí)題 204

上機(jī)練習(xí) 205

練習(xí)1使用表格和CSS布局 205

練習(xí)2使用DIV和CSS布局 205

練習(xí)3用CSS控制XML文檔的顯示效果 206

第9章網(wǎng)頁(yè)特效與交互 207

9.1行為 207

9.1.1附加行為 207

9.1.2課堂實(shí)例——網(wǎng)頁(yè)加載時(shí)彈出公告頁(yè) 209

9.1.3內(nèi)置行為功能詳解 211

9.2AP元素 212

9.2.1課堂實(shí)例——?jiǎng)?chuàng)建AP元素 212

9.2.2AP元素的屬性詳解 215

9.3制作AP元素動(dòng)畫(huà) 217

9.3.1時(shí)間軸面板 217

9.3.2課堂實(shí)例——制作滾動(dòng)字幕效果 218

9.4Spry框架 221

9.4.1Spry效果 221

9.4.2Spry控件 223

9.4.3課堂實(shí)例——網(wǎng)頁(yè)導(dǎo)航菜單 225

9.5JavaScript入門(mén) 227

9.5.1script標(biāo)簽 227

9.5.2課堂實(shí)例——編寫(xiě)一個(gè)簡(jiǎn)單的JavaScript程序 228

9.5.3課堂實(shí)例——使用'代碼片斷'面板 230

本章習(xí)題 233

上機(jī)練習(xí) 234

練習(xí)1行為應(yīng)用實(shí)例——關(guān)閉網(wǎng)頁(yè)時(shí)彈出信息 234

練習(xí)2AP元素動(dòng)畫(huà)實(shí)例——頁(yè)面上漂浮的圖片效果 234

練習(xí)3Spry控件應(yīng)用實(shí)例——選項(xiàng)卡式面板 235

練習(xí)4JavaScript應(yīng)用實(shí)例——問(wèn)候?qū)υ?huà)框 235

第10章模板和擴(kuò)展Dreamweaver 237

10.1模板 237

10.1.1使用模板 237

10.1.2模板的重復(fù)表格和重復(fù)區(qū)域 241

10.1.3模板的可選區(qū)域 244

10.1.4使用可編輯的可選區(qū)域 246

10.2網(wǎng)頁(yè)切片 249

10.2.1用Photoshop制作網(wǎng)頁(yè)切片 250

10.2.2導(dǎo)出切片 253

10.2.3在Dreamweaver中編輯HTML 256

10.2.4在Dreamweaver中直接啟動(dòng)Photoshop修改圖像 258

10.3使用Dreamweaver擴(kuò)展 258

10.3.1安裝和使用擴(kuò)展插件 259

10.3.2課堂實(shí)例——頁(yè)面過(guò)渡特效 262

本章習(xí)題 264

上機(jī)練習(xí) 265

練習(xí)1制作網(wǎng)頁(yè)模板 265

練習(xí)2Dreamweaver與Photoshop結(jié)合制作網(wǎng)站首頁(yè) 265

練習(xí)3利用擴(kuò)展插件制作網(wǎng)頁(yè)日歷 266

第11章表單及ASP動(dòng)態(tài)網(wǎng)頁(yè)的制作 267

11.1認(rèn)識(shí)動(dòng)態(tài)網(wǎng)站 267

11.1.1靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)的區(qū)別 267

11.1.2動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言 268

11.1.3ASP編程語(yǔ)言 268

11.2安裝和配置Web服務(wù)器 271

11.2.1安裝IIS 271

11.2.2配置Web服務(wù)器 272

11.3制作表單 278

11.3.1認(rèn)識(shí)表單文檔 278

11.3.2構(gòu)成表單文檔的表單控件 279

11.3.3Spry驗(yàn)證表單控件 286

11.3.4課堂實(shí)例——制作一個(gè)留言板表單文檔 291

11.4網(wǎng)站數(shù)據(jù)庫(kù) 294

11.4.1數(shù)據(jù)庫(kù)技術(shù)概述 294

11.4.2課堂實(shí)例——用Access創(chuàng)建網(wǎng)站數(shù)據(jù)庫(kù) 296

11.5Dreamweaver和ASP制作動(dòng)態(tài)網(wǎng)頁(yè) 300

11.5.1采集并顯示表單信息 300

11.5.2建立數(shù)據(jù)庫(kù)連接 304

11.5.3建立記錄集并顯示數(shù)據(jù)庫(kù)記錄 309

11.5.4插入數(shù)據(jù)庫(kù)記錄 312

11.5.5登錄頁(yè)面 316

11.5.6轉(zhuǎn)到詳細(xì)頁(yè)面 318

本章習(xí)題 323

上機(jī)練習(xí) 323

練習(xí)1會(huì)員注冊(cè)表單 323

練習(xí)2留言簿 324

第12章開(kāi)發(fā)和管理網(wǎng)站 326

12.1網(wǎng)站開(kāi)發(fā)流程 326

12.1.1網(wǎng)站總體策劃 326

12.1.2設(shè)計(jì)和制作素材 329

12.1.3建立站點(diǎn) 330

12.1.4制作網(wǎng)頁(yè) 330

12.2測(cè)試和發(fā)布網(wǎng)站 331

12.2.1測(cè)試網(wǎng)站 331

12.2.2發(fā)布網(wǎng)站 333

12.3管理網(wǎng)站 337

12.3.1導(dǎo)入和導(dǎo)出站點(diǎn) 337

12.3.2管理網(wǎng)站資源 339

12.3.3網(wǎng)站地圖 343

本章習(xí)題 346

上機(jī)練習(xí) 347

練習(xí)1用庫(kù)建立導(dǎo)航條 347

練習(xí)2網(wǎng)站開(kāi)發(fā)和管理實(shí)戰(zhàn) 347

附錄參考答案 348^[2]