網(wǎng)頁(yè)設(shè)計(jì)實(shí)用教程（第2版）目錄

時(shí)間：2023-02-19 05:50:02 | 來(lái)源：營(yíng)銷百科

時(shí)間：2023-02-19 05:50:02 來(lái)源：營(yíng)銷百科

網(wǎng)頁(yè)設(shè)計(jì)實(shí)用教程（第2版）目錄：《網(wǎng)頁(yè)設(shè)計(jì)實(shí)用教程(第2版)》

第1章 網(wǎng)頁(yè)設(shè)計(jì)概述 1

1.1 網(wǎng)站、網(wǎng)頁(yè)和主頁(yè) 1

1.2 網(wǎng)站設(shè)計(jì)的工作流程 2

1.2.1根據(jù)網(wǎng)站主題組織網(wǎng)站內(nèi)容 2

1.2.2規(guī)劃網(wǎng)站欄目和網(wǎng)站目錄結(jié)構(gòu) 3

1.2.3形象設(shè)計(jì) 4

1.2.4確定網(wǎng)頁(yè)版面的布局 5

1.2.5整合網(wǎng)頁(yè)素材 6

1.2.6添加網(wǎng)頁(yè)特效 6

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

1.3 html語(yǔ)言 7

1.3.1 html文檔的結(jié)構(gòu) 7

1.3.2 html的常用標(biāo)簽 8

1.3.3 xhtml簡(jiǎn)介 10

本章小結(jié) 10

本章習(xí)題 10

第2章 dreamweaver cs4入門(mén) 11

2.1 dreamweaver cs4功能概覽 11

2.2 dreamweaver cs4的工作界面 13

.2.2.1 dreamweaver cs4的窗口組成 13

2.2.2菜單欄 14

2.2.3文檔工具欄 15

2.2.4文檔窗口 16

2.2.5'屬性'面板 17

2.2.6常用面板 17

2.3 站點(diǎn)的建立與管理 18

2.3.1本地站點(diǎn)的建立 18

2.3.2站點(diǎn)的管理 21

2.4 制作第一個(gè)網(wǎng)頁(yè) 22

2.4.1新建網(wǎng)頁(yè) 22

2.4.2設(shè)置頁(yè)面屬性 23

2.4.3保存網(wǎng)頁(yè) 23

2.4.4網(wǎng)頁(yè)的預(yù)覽 24

2.5 綜合實(shí)例 24

本章小結(jié) 25

本章習(xí)題 25

第3章 編輯網(wǎng)頁(yè)元素 26

3.1 文本與列表 26

3.1.1插入文本 26

3.1.2文本的屬性 27

3.1.3列表的使用 28

3.2 圖像 29

3.2.1圖像文件類型 29

3.2.2插入圖像對(duì)象 30

3.2.3設(shè)置圖像屬性 32

3.2.4鼠標(biāo)經(jīng)過(guò)圖像 33

3.2.5導(dǎo)航條 34

3.2.6創(chuàng)建網(wǎng)站相冊(cè) 35

3.3 其他頁(yè)面元素 36

3.3.1水平線 36

3.3.2特殊字符 36

3.3.3 flash動(dòng)畫(huà) 37

3.3.4日期對(duì)象 38

3.4 創(chuàng)建超級(jí)鏈接 39

3.4.1超級(jí)鏈接 39

3.4.2絕對(duì)路徑與相對(duì)路徑 39

3.4.3創(chuàng)建通用鏈接的方法 40

3.4.4創(chuàng)建圖像熱點(diǎn)鏈接 40

3.4.5建立鏈接到文檔中命名位置的鏈接 41

3.4.6創(chuàng)建e-mail鏈接 41

3.4.7創(chuàng)建虛擬鏈接及腳本鏈接 42

3.5 綜合實(shí)例 42

本章小結(jié) 44

本章習(xí)題 45

第4章 網(wǎng)頁(yè)布局 46

4.1 表格 46

4.1.1插入表格和選擇表格元素 47

4.1.2編輯表格和設(shè)置表格元素屬性 49

4.1.3表格數(shù)據(jù)的處理 51

4.1.4復(fù)雜表格的制作 52

4.2 ap元素和spry的使用 54

4.2.1認(rèn)識(shí)ap元素和spry構(gòu)件 55

4.2.2創(chuàng)建和選擇ap元素 55

4.2.3設(shè)置ap元素的屬性 58

4.2.4 spry的使用 59

4.3 框架 63

4.3.1認(rèn)識(shí)框架和框架集 63

4.3.2創(chuàng)建和選擇框架 63

4.3.3設(shè)置框架集和框架屬性 66

4.3.4鏈接框架 67

4.3.5保存框架集和框架 67

4.3.6在網(wǎng)頁(yè)中使用iframe 68

4.4 模板 69

4.4.1模板的概念 69

4.4.2創(chuàng)建模板 69

4.4.3編輯模板 70

4.4.4應(yīng)用模板 71

4.4.5更新站點(diǎn) 71

4.5 綜合實(shí)例 72

本章小結(jié) 78

本章習(xí)題 78

第5章 使用javascript行為 79

5.1 javascript概述 79

5.1.1 javascript的特點(diǎn) 79

5.1.2 javascript基本語(yǔ)法 80

5.1.3在網(wǎng)頁(yè)中使用javascript 81

5.2 dreamweaver的內(nèi)置行為 82

5.2.1行為概述 82

5.2.2事件、動(dòng)作與行為面板 82

5.2.3添加行為 84

5.2.4第三方j(luò)avascript庫(kù)的支持 84

5.3 綜合實(shí)例 84

本章小結(jié) 90

本章習(xí)題 90

第6章 統(tǒng)一頁(yè)面風(fēng)格 91

6.1 css樣式 91

6.1.1 css樣式的優(yōu)點(diǎn) 92

6.1.2 css樣式的規(guī)則 92

6.1.3使用css樣式的方法 93

6.1.4 css的語(yǔ)法結(jié)構(gòu) 95

6.1.5 css繼承特性 98

6.2 在dw中使用css樣式 101

6.2.1 css樣式面板 101

6.2.2創(chuàng)建新的css樣式 101

6.2.3管理css樣式 102

6.2.4豐富的css樣式 103

6.3 盒子模型 110

6.3.1盒子模型 110

6.3.2標(biāo)簽與標(biāo)簽 110

6.3.3盒子的定位原則 111

6.4 css布局 114

6.4.1 table布局的局限性 115

6.4.2將頁(yè)面用div分塊 115

6.4.3常見(jiàn)版型設(shè)計(jì) 116

6.5 綜合實(shí)例 118

本章小結(jié) 125

本章習(xí)題 125

第7章 動(dòng)態(tài)網(wǎng)頁(yè)基礎(chǔ) 126

7.1 網(wǎng)站應(yīng)用程序開(kāi)發(fā)基礎(chǔ) 126

7.1.1靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè) 126

7.1.2運(yùn)行方式 127

7.1.3運(yùn)行環(huán)境 127

7.2 表單 130

7.2.1表單的基礎(chǔ)知識(shí) 130

7.2.2創(chuàng)建表單域 131

7.2.3插入各種表單元素 132

7.3 在網(wǎng)頁(yè)中使用數(shù)據(jù)庫(kù) 136

7.3.1在網(wǎng)頁(yè)中連接數(shù)據(jù)庫(kù) 137

7.3.2綁定記錄集 139

7.3.3添加服務(wù)器行為 140

7.4 綜合實(shí)例 143

本章小結(jié) 149

本章習(xí)題 149

第8章 fireworks cs4入門(mén) 150

8.1 fireworks cs4簡(jiǎn)介 150

8.2 fireworks cs4的工作環(huán)境 151

8.2.1 fireworks cs4的操作界面 151

8.2.2工具箱 152

8.2.3文檔窗口 152

8.2.4屬性面板 153

8.2.5面板與面板組 153

8.3 設(shè)置fireworks cs4用戶參數(shù) 153

8.3.1 '常規(guī)'參數(shù)設(shè)置 153

8.3.2 '編輯'參數(shù)設(shè)置 154

8.3.3 '輔助線和網(wǎng)格'參數(shù)設(shè)置 155

8.3.4 '文字'參數(shù)設(shè)置 155

8.3.5 'photoshop導(dǎo)入/打開(kāi)'參數(shù)設(shè)置 155

8.3.6 '啟動(dòng)和編輯'參數(shù)設(shè)置 156

8.3.7 '插件'參數(shù)設(shè)置 156

8.4 fireworks cs4的基本操作 156

8.4.1創(chuàng)建和保存文檔 157

8.4.2畫(huà)布的修改 157

8.4.3使用標(biāo)尺、網(wǎng)格和輔助線 159

本章小結(jié) 161

本章習(xí)題 161

第9章 fireworks cs4的繪圖操作 162

9.1 圖形對(duì)象的類型 162

9.1.1矢量圖形 163

9.1.2位圖圖像 163

9.2 對(duì)象操作 163

9.2.1對(duì)象的選擇、移動(dòng)、復(fù)制、刪除和變形 163

9.2.2對(duì)象層次的安排、成組與對(duì)齊 165

9.2.3操作的撤銷與恢復(fù) 166

9.3 矢量圖形的繪制與編輯 167

9.3.1矢量工具簡(jiǎn)介 167

9.3.2路徑對(duì)象的編輯 171

9.3.3為矢量對(duì)象設(shè)置描邊和填充 174

9.4 文本對(duì)象的創(chuàng)建與編輯 175

9.4.1輸入與編輯文本 175

9.4.2對(duì)文本設(shè)置描邊、填充、效果和樣式 176

9.4.3按路徑改變文本的排列方式 176

9.4.4文本變形 177

9.4.5將文本轉(zhuǎn)換為路徑 177

9.5 編輯位圖對(duì)象 177

9.5.1創(chuàng)建位圖對(duì)象的方法 178

9.5.2選區(qū)制作與調(diào)整 178

9.5.3繪制位圖對(duì)象 181

9.5.4圖像的擦除、填充、復(fù)制與修飾 182

9.5.5選區(qū)的變形 185

9.6 使用動(dòng)態(tài)效果和濾鏡 185

9.6.1應(yīng)用動(dòng)態(tài)效果 185

9.6.2效果介紹 186

9.6.3使用濾鏡和插件 188

9.6.4安裝photoshop濾鏡 189

9.6.5使用樣式 189

9.7 使用圖層 190

9.7.1圖層的組織方式與使用 190

9.7.2合成圖像 191

9.7.3使用蒙版 193

9.8 創(chuàng)建gif動(dòng)畫(huà) 196

9.8.1幀-幀動(dòng)畫(huà) 197

9.8.2過(guò)渡動(dòng)畫(huà) 197

9.8.3動(dòng)畫(huà)元件 199

9.8.4狀態(tài)面板 201

9.8.5共享層 202

9.9 綜合實(shí)例 202

本章小結(jié) 210

本章習(xí)題 210

第10章 網(wǎng)頁(yè)圖像制作 211

10.1 創(chuàng)建熱點(diǎn)和切片 211

10.1.1熱點(diǎn) 211

10.1.2切片 212

10.2 創(chuàng)建交互性的網(wǎng)頁(yè)圖像 214

10.2.1制作變換圖像 214

10.2.2制作彈出式菜單 217

10.3 創(chuàng)建按鈕與導(dǎo)航條 217

10.3.1按鈕 217

10.3.2導(dǎo)航條 219

10.4 圖像的優(yōu)化與導(dǎo)出 219

10.4.1圖像優(yōu)化 219

10.4.2圖像導(dǎo)出 221

10.4.3在dreamweaver中使用fireworks文檔 223

10.5 綜合實(shí)例 224

本章小結(jié) 225

本章習(xí)題 225

第11章 flash cs4入門(mén) 226

11.1 flash cs4簡(jiǎn)介 226

11.1.1 flash影片的特點(diǎn) 226

11.1.2 flash影片的素材 227

11.1.3 flash影片的創(chuàng)建方法 227

11.2 flash cs4的工作界面 227

11.2.1 flash開(kāi)始頁(yè) 227

11.2.2 flash cs4的工作環(huán)境 228

11.3 flash cs4基本操作 231

11.3.1設(shè)置舞臺(tái) 231

11.3.2調(diào)整場(chǎng)景顯示 232

11.3.3使用網(wǎng)格、輔助線和標(biāo)尺 232

本章小結(jié) 233

本章習(xí)題 233

第12章 動(dòng)畫(huà)對(duì)象繪制與編輯 234

12.1 使用繪圖工具 234

12.1.1創(chuàng)建矢量圖形工具 235

12.1.2編輯矢量圖形 238

12.2 使用文本對(duì)象 245

12.2.1創(chuàng)建文本對(duì)象 245

12.2.2設(shè)置文本屬性 245

12.2.3分離文本 246

12.3 使用位圖對(duì)象 247

12.3.1導(dǎo)入位圖 247

12.3.2編輯位圖 247

12.4 綜合實(shí)例 248

本章小結(jié) 250

本章習(xí)題 250

第13章 動(dòng)畫(huà)制作 251

13.1 flash動(dòng)畫(huà)制作概述 251

13.1.1 flash動(dòng)畫(huà)概述 251

13.1.2基本概念 252

13.2 基礎(chǔ)動(dòng)畫(huà)的制作 260

13.2.1逐幀動(dòng)畫(huà)的制作 260

13.2.2補(bǔ)間動(dòng)畫(huà)的制作 261

13.3 高級(jí)動(dòng)畫(huà)的制作 266

13.3.1引導(dǎo)動(dòng)畫(huà)的制作 266

13.3.2遮罩動(dòng)畫(huà)的制作 268

13.4 動(dòng)畫(huà)中的音頻 269

13.4.1音頻簡(jiǎn)介 269

13.4.2創(chuàng)建有聲動(dòng)畫(huà) 269

13.4.3音頻的設(shè)置和編輯 271

13.5 編程動(dòng)畫(huà) 273

13.5.1 actionscript3.0編程基礎(chǔ) 273

13.5.2'動(dòng)作'面板的使用 275

13.5.3常用腳本命令 276

13.5.4編程動(dòng)畫(huà)舉例 277

13.6 動(dòng)畫(huà)的導(dǎo)出與發(fā)布 277

13.6.1測(cè)試和優(yōu)化動(dòng)畫(huà) 278

13.6.2影片的導(dǎo)出和發(fā)布 279

13.7 綜合實(shí)例 282

本章小結(jié) 291

本章習(xí)題 291