網(wǎng)頁(yè)制作實(shí)用教程圖書目錄

時(shí)間：2023-06-23 13:00:01 | 來(lái)源：營(yíng)銷百科

時(shí)間：2023-06-23 13:00:01 來(lái)源：營(yíng)銷百科

網(wǎng)頁(yè)制作實(shí)用教程圖書目錄：第1篇基 礎(chǔ) 知 識(shí)

概述1.1網(wǎng)頁(yè)的基本概念1

1.2網(wǎng)頁(yè)制作的一般過(guò)程2

1.3網(wǎng)頁(yè)制作工具2

HTML簡(jiǎn)介2.1HTML文件舉例5

2.2HTML文件的基本結(jié)構(gòu)6

2.3HTML語(yǔ)法規(guī)則7

2.4HTML常用標(biāo)記8

2.4.1頁(yè)面標(biāo)記8

2.4.2文字格式標(biāo)記10

2.4.3列表標(biāo)記13

2.4.4表格標(biāo)記14

2.4.5圖像和多媒體標(biāo)記17

2.4.6超鏈接標(biāo)記18

2.5HTML綜合實(shí)例19

思考與練習(xí)22

第2篇網(wǎng) 頁(yè) 制 作

Dreamweaver使用基礎(chǔ)3.1Dreamweaver桌面的基本結(jié)構(gòu)23

3.2文檔的基本操作28

3.2.1文件的存取28

3.2.2文檔的編輯28

3.2.3使用網(wǎng)格和標(biāo)尺29

3.2.4文檔視圖的選擇29

3.2.5在瀏覽器中預(yù)覽網(wǎng)頁(yè)30

3.3源代碼的格式化和凈化30

3.3.1格式化源代碼30

3.3.2凈化源代碼30

3.4使用歷史面板32

3.5參數(shù)設(shè)置33

3.6使用幫助信息36

思考與練習(xí)38

建立基本的網(wǎng)頁(yè)4.1一個(gè)新網(wǎng)頁(yè)39

4.1.1設(shè)置頁(yè)面標(biāo)題40

4.1.2設(shè)置基礎(chǔ)URL地址40

4.1.3設(shè)置關(guān)鍵詞和描述42

4.1.4頁(yè)面自動(dòng)刷新43

4.1.5頁(yè)面屬性設(shè)置43

4.2段落格式化45

4.2.1定義段落45

4.2.2設(shè)置標(biāo)題47

4.2.3定義預(yù)格式化文本47

4.2.4段落對(duì)齊48

4.2.5段落縮進(jìn)49

4.2.6強(qiáng)制換行50

4.3字符格式化51

4.3.1設(shè)置字體51

4.3.2設(shè)置字號(hào)53

4.3.3設(shè)置顏色53

4.3.4設(shè)置常規(guī)字型55

4.4項(xiàng)目列表56

4.4.1創(chuàng)建列表56

4.4.2嵌套列表57

4.4.3設(shè)置列表屬性57

4.5使用HTML樣式格式化文本60

4.5.1打開HTML樣式面板60

4.5.2建立樣式61

4.5.3應(yīng)用HTML樣式61

思考與練習(xí)62

超鏈接5.1超鏈接的基本概念63

5.1.1什么是超鏈接63

5.1.2超鏈接的路徑63

5.1.3超鏈接的顏色65

5.2創(chuàng)建超鏈接65

5.2.1指向頁(yè)面的超鏈接65

5.2.2指向頁(yè)面段落的超鏈接67

5.2.3電子郵件的超鏈接69

5.2.4設(shè)置鏈接屬性71

思考與練習(xí)71

圖像6.1圖像文件格式72

6.1.1圖像格式72

6.1.2動(dòng)畫格式72

6.2在文檔中插入圖像73

6.2.1插入圖像73

6.2.2為圖像命名74

6.2.3設(shè)置可替換文本和提示文本75

6.2.4設(shè)置圖像邊框和邊空75

6.2.5設(shè)置圖像的大小75

6.2.6設(shè)置圖像的對(duì)齊方式76

6.2.7圖像超鏈接80

6.3創(chuàng)建翻轉(zhuǎn)圖像81

6.4建立圖像導(dǎo)航條82

6.5建立圖像映像84

思考與練習(xí)86

表格7.1創(chuàng)建表格88

7.1.1表格的基本概念88

7.1.2插入表格88

7.1.3在表格中添加內(nèi)容90

7.1.4利用文本文件創(chuàng)建表格90

7.2編輯表格93

7.2.1選中表格元素93

7.2.2插入行或列95

7.2.3刪除行或列96

7.2.4合并與拆分單元格96

7.2.5編輯單元格98

7.2.6表格排序99

7.3表格的格式化101

7.3.1設(shè)置表格的整體格式101

7.3.2設(shè)置行、列和單元格的格式104

7.3.3自動(dòng)套用格式106

7.4利用表格布局版面107

思考與練習(xí)109

框架8.1框架的基本概念110

8.2創(chuàng)建框架集111

8.2.1創(chuàng)建框架集111

8.2.2在框架中添加內(nèi)容113

8.2.3建立超鏈接114

8.2.4瀏覽器不支持框架時(shí)的處理116

8.3保存框架和框架集118

8.3.1存儲(chǔ)框架集文檔118

8.3.2存儲(chǔ)框架文檔119

8.3.3存儲(chǔ)框架集及所有的文檔119

8.3.4打開框架和框架集文檔119

8.4設(shè)置框架和框架集的屬性120

8.4.1框架浮動(dòng)面板120

8.4.2選中框架和框架集120

8.4.3設(shè)置框架屬性120

8.4.4設(shè)置框架集邊框123

8.4.5設(shè)置框架和框架集的標(biāo)題124

8.5框架實(shí)例124

8.6模板128

思考與練習(xí)130

表單9.1插入表單域131

9.1.1插入表單域131

9.1.2設(shè)置表單域?qū)傩?31

9.2插入表單對(duì)象133

9.2.1插入文本域133

9.2.2插入按鈕135

9.2.3添加復(fù)選框136

9.2.4添加單選按鈕137

9.2.5添加列表框138

9.2.6添加文件域139

9.2.7圖像域140

9.2.8隱藏域140

9.3跳轉(zhuǎn)菜單141

9.4表單實(shí)例143

思考與練習(xí)144層、行為和時(shí)間線10.1創(chuàng)建層145

10.1.1層的基本概念145

10.1.2插入層146

10.1.3激活層147

10.2設(shè)置層屬性148

10.2.1選中層148

10.2.2命名層149

10.2.3設(shè)置層的位置和大小149

10.2.4對(duì)齊層150

10.2.5設(shè)置層的其他屬性150

10.3用層布局版面152

10.4行為概述153

10.4.1行為和事件的概念153

10.4.2常用事件154

10.5應(yīng)用行為155

10.5.1行為面板155

10.5.2添加行為155

10.6Dreamweaver的內(nèi)置行為157

10.6.1調(diào)用JavaScript157

10.6.2改變屬性157

10.6.3檢查瀏覽器158

10.6.4檢查插件159

10.6.5控制Shockwave和Flash動(dòng)畫播放159

10.6.6拖動(dòng)層159

10.6.7編輯跳轉(zhuǎn)菜單161

10.6.8打開瀏覽器窗口161

10.6.9播放聲音162

10.6.10彈出信息框162

10.6.11設(shè)置導(dǎo)航條圖像163

10.6.12設(shè)置文本164

10.6.13顯示|隱藏層165

10.6.14控制輪替圖像165

10.6.15驗(yàn)證表單166

10.7時(shí)間線167

10.7.1時(shí)間線概述167

10.7.2時(shí)間線面板167

10.7.3創(chuàng)建時(shí)間線動(dòng)畫169

10.7.4控制時(shí)間線171

10.8時(shí)間線行為172

10.8.1為時(shí)間線添加行為172

10.8.2關(guān)于時(shí)間線的行為172

思考與練習(xí)173

管理站點(diǎn)11.1規(guī)劃站點(diǎn)174

11.1.1規(guī)劃站點(diǎn)的目錄結(jié)構(gòu)174

11.1.2規(guī)劃站點(diǎn)導(dǎo)航結(jié)構(gòu)175

11.1.3設(shè)計(jì)站點(diǎn)的整體風(fēng)格176

11.2創(chuàng)建站點(diǎn)176

11.2.1創(chuàng)建本地站點(diǎn)176

11.2.2創(chuàng)建遠(yuǎn)程站點(diǎn)177

11.2.3管理站點(diǎn)列表178

11.3管理站點(diǎn)文件178

11.3.1文件和文件夾的管理179

11.3.2設(shè)置主頁(yè)179

11.3.3編輯站點(diǎn)文件179

11.3.4刷新本地站點(diǎn)文件列表180

11.3.5檢查鏈接180

11.4協(xié)同工作181

11.4.1打開簽入和簽出功能181

11.4.2簽出和簽入文件182

11.5發(fā)布站點(diǎn)182

思考與練習(xí)183第3篇圖 像 處 理Fireworks的基本操作12.1認(rèn)識(shí)Fireworks的工作環(huán)境184

12.1.1Fireworks的桌面環(huán)境184

12.1.2工具箱的使用186

12.1.3使用浮動(dòng)面板187

12.1.4工作參數(shù)的設(shè)置188

12.1.5顯示隱藏標(biāo)尺和網(wǎng)格189

12.2文檔的基本操作189

12.2.1創(chuàng)建新文檔189

12.2.2打開現(xiàn)有文件191

12.2.3導(dǎo)入文件191

12.2.4改變文檔的顯示方式191

12.2.5保存和導(dǎo)出文檔194

12.2.6改變畫布的屬性195

12.2.7改變圖像大小197

12.2.8操作的撤銷與恢復(fù)198

思考與練習(xí)199

編輯圖像13.1Fireworks創(chuàng)作的基本原理200

13.1.1矢量圖像與位圖圖像200

13.1.2路徑的描邊與填充200

13.1.3對(duì)象編輯模式與位圖編輯模式201

13.2繪制路徑對(duì)象202

13.2.1繪圖工具的選用202

13.2.2設(shè)置繪圖工具的屬性203

13.2.3繪制基本圖形205

13.3編輯路徑對(duì)象208

13.3.1選擇對(duì)象208

13.3.2編輯對(duì)象209

13.3.3整形路徑212

13.3.4路徑對(duì)象的變形216

13.3.5設(shè)置描邊和填充效果218

13.4使用文本222

13.4.1輸入和編輯文本222

13.4.2設(shè)置文本效果223

13.4.3將文本附加在路徑上223

13.5編輯位圖圖像225

13.5.1圖像編輯模式225

13.5.2創(chuàng)建位圖對(duì)象226

13.5.3選擇位圖區(qū)域226

13.5.4調(diào)整選擇區(qū)域229

13.5.5繪制和編輯位圖229

思考與練習(xí)232

設(shè)置圖像的綜合效果14.1使用效果面板234

14.1.1在對(duì)象上應(yīng)用效果234

14.1.2標(biāo)準(zhǔn)內(nèi)置效果的應(yīng)用236

14.1.3應(yīng)用外掛濾鏡240

14.2圖層241

14.2.1圖層面板241

14.2.2圖層的操作241

14.2.3控制圖層屬性242

14.3圖像合成和蒙板242

14.3.1對(duì)象的合成243

14.3.2蒙板組244

14.4樣式、符號(hào)和實(shí)例247

14.4.1樣式247

14.4.2創(chuàng)建符號(hào)249

14.4.3在文檔中插入符號(hào)的實(shí)例250

14.4.4創(chuàng)建插幀實(shí)例250

14.5動(dòng)畫制作252

14.5.1創(chuàng)建動(dòng)畫252

14.5.2管理幀254

14.5.3導(dǎo)出動(dòng)畫255

14.5.4制作位圖動(dòng)畫256

14.5.5創(chuàng)建插幀動(dòng)畫256

思考與練習(xí)257

Web圖像處理15.1圖像映像和熱區(qū)259

15.1.1創(chuàng)建熱區(qū)259

15.1.2編輯熱區(qū)260

15.1.3為熱區(qū)創(chuàng)建超鏈接261

15.1.4導(dǎo)出圖像映像263

15.2切片264

15.2.1創(chuàng)建切片265

15.2.2編輯切片對(duì)象266

15.2.3為切片創(chuàng)建超鏈接267

15.2.4導(dǎo)出切片267

15.3按鈕和導(dǎo)航條272

15.3.1創(chuàng)建按鈕272

15.3.2編輯按鈕274

15.3.3為按鈕添加URL鏈接274

15.3.4導(dǎo)出按鈕275

15.3.5繪制導(dǎo)航條276

15.4行為和翻轉(zhuǎn)圖像276

15.4.1構(gòu)建翻轉(zhuǎn)圖像的一般步驟276

15.4.2簡(jiǎn)單翻轉(zhuǎn)行為278

15.4.3交互圖像行為278

15.4.4設(shè)置導(dǎo)航條圖像行為278

15.4.5設(shè)置彈出式菜單279

15.4.6設(shè)置狀態(tài)行文本行為280

15.5圖像的優(yōu)化和導(dǎo)出280

15.5.1基本優(yōu)化方法281

15.5.2選擇適當(dāng)?shù)奈募袷?81

15.5.3優(yōu)化GIF和PNG格式文件282

15.5.4優(yōu)化JPEG格式文件284

15.5.5優(yōu)化調(diào)色板284

15.5.6導(dǎo)出圖像285

思考與練習(xí)285第4篇?jiǎng)?畫 制 作

Flash的工作環(huán)境16.1Flash的工作環(huán)境286

16.2Flash的基本操作288

16.3Flash的一般過(guò)程289

16.3.1動(dòng)畫創(chuàng)作的基本過(guò)程290

16.3.2動(dòng)畫制作的基本過(guò)程290

16.3.3動(dòng)畫：跳動(dòng)的心290

思考與練習(xí)293

繪制圖像17.1繪圖基礎(chǔ)294

17.1.1Flash繪圖原理294

17.1.2設(shè)置繪圖參數(shù)295

17.1.3使用網(wǎng)格和標(biāo)尺296

17.1.4使用工具面板296

17.2繪制和編輯圖形298

17.2.1繪圖工具298

17.2.2圖像的編輯300

17.2.3使用文本302

17.2.4使用位圖303

17.3符號(hào)和實(shí)例303

17.3.1符號(hào)的類型303

17.3.2符號(hào)的創(chuàng)建和編輯304

17.3.3實(shí)例——符號(hào)的使用306

17.3.4庫(kù)——符號(hào)的管理307

17.4層308

17.4.1管理層308

17.4.2向?qū)?10

17.4.3蒙板層310

思考與練習(xí)311

制作動(dòng)畫18.1時(shí)間線和幀312

18.1.1時(shí)間線的結(jié)構(gòu)312

18.1.2幀類型314

18.1.3管理幀315

18.2制作動(dòng)畫316

18.2.1制作逐幀動(dòng)畫316

18.2.2運(yùn)動(dòng)漸變動(dòng)畫317

18.2.3形狀漸變319

18.2.4場(chǎng)景的使用320

18.3動(dòng)畫制作實(shí)例321

18.3.1旋轉(zhuǎn)飛出的文字321

18.3.2飛舞的雪花321

18.3.3水波蕩漾322

18.3.4探照燈325

思考與練習(xí)326

動(dòng)畫的交互與聲音19.1動(dòng)畫的交互327

19.1.1事件327

19.1.2目標(biāo)327

19.1.3動(dòng)作328

19.1.4創(chuàng)建交互的一般過(guò)程329

19.1.5交互實(shí)例330

19.2為動(dòng)畫配音331

19.2.1導(dǎo)入音頻文件332

19.2.2添加音頻332

19.2.3編輯音頻333

19.2.4控制音頻關(guān)鍵幀333

19.2.5控制按鈕的音頻334

19.2.6音頻動(dòng)畫輸出334

思考與練習(xí)335

動(dòng)畫的導(dǎo)出和發(fā)布20.1導(dǎo)出和發(fā)布動(dòng)畫的準(zhǔn)備336

20.1.1優(yōu)化動(dòng)畫文件大小的一般原則336

20.1.2發(fā)布設(shè)置336

20.1.3發(fā)布預(yù)覽339

20.1.4動(dòng)畫下載性能測(cè)試339

20.2導(dǎo)出動(dòng)畫和圖形340

20.2.1導(dǎo)出動(dòng)畫340

20.2.2輸出圖形341

20.3發(fā)布動(dòng)畫341

20.3.1向因特網(wǎng)發(fā)布動(dòng)畫341

20.3.2創(chuàng)建可執(zhí)行程序342

思考與練習(xí)342

參考文獻(xiàn)343^[2]