網頁設計與制作教程

内容提要

本書是按照教育部高等學校計算機基礎課程教學指導委員會提出的《關于進一步加強高校計算機基礎教學的意見》中有關“網頁設計基礎”課程的教學要求及人才培養的新要求，結合獨立院校學生特點組織編寫的。全書共分8章，書中系統地介紹網頁的構思、規劃、制作和網站建設的全過程。主要内容包括：網頁設計基礎知識、Dreamweaver基礎、網頁色彩和布局的控制、制作Web動畫——Flash、網頁常見應用功能設計、網站發布與維護基礎知識、網站設計案例和動态網頁設計介紹。

本書内容全面，構思清晰，結構合理，注重實踐能力的培養，實用性和可操作性較強。各章附有适量的習題，引導讀者學習和掌握各章節的知識，便于自學。

本書可作為高等學校非計算機專業“網頁設計與制作”課程的教材，也可供網頁設計愛好者學習參考。

目錄

第1章網頁設計基礎知識1

1.1網絡基礎知識1

1.1.1網絡知識簡介1

1.1.2Internet3

1.1.3TCP/TP5

1.1.4IP地址5

1.1.5浏覽器基本操作7

1.2網頁網站基礎知識9

1.2.1網頁9

1.2.2網頁中的常見元素11

1.2.3網站12

1.2.4HTML12

1.2.5網站服務器工作的基本原理13

1.2.6網頁設計制作常用的工具軟件15

1.2.7網頁設計制作流程16

習題19

第2章Dreamweaver基礎20

2.1Dreamweaver基本操作20

2.1.1Dreamweaver的工作環境20

2.1.2Dreamweaver的簡單操作30

2.1.3Dreamweaver的視圖模式36

2.1.4在網頁中添加内容與超級鍊接37

2.1.5網頁設計結果測試41

2.2添加文本43

2.2.1在Dreamweaver中添加文本43

2.2.2文本格式設置44

2.2.3文本相關常用html标記44

2.3添加圖像46

2.3.1在網頁中添加各種圖像46

2.3.2圖像格式設置48

2.3.3圖像标記及其屬性49

2.3.4使用Dreamweaver制作網絡相冊52

2.4添加多媒體53

2.4.1在網頁中添加視頻媒體54

2.4.2在網頁中添加音頻媒體55

2.4.3在網頁中添加動畫58

2.4.4媒體播放控制59

2.4.5多媒體标記介紹60

2.5超級鍊接應用61

2.5.1鍊接到各種對象67

2.5.2圖像熱區設置78

2.5.3鍊接的創建與管理81

2.5.4跳轉菜單81

2.5.5導航條82

2.5.6查找斷開的、外部的和孤立的鍊接84

2.5.7修複斷開的鍊接85

2.5.8将JavaScript腳本附加到鍊接上86

2.6表單應用基礎86

2.6.1創建表單對象86

2.6.2創建文本域87

2.6.3創建複選框和單選按鈕88

2.6.4建立列表和菜單88

2.6.5創建跳轉菜單89

2.6.6創建文件域和圖像域89

2.6.7常見表單元素使用90

2.6.8表單标記介紹90

2.6.9表單應用舉例92

習題93

第3章網頁色彩和布局的控制94

3.1表格應用94

3.1.1表格基礎95

3.1.2修飾網頁各種元素99

3.2框架的規劃與建立101

3.2.1框架與表格101

3.2.2規劃框架102

3.2.3創建框架102

3.2.4框架的操作104

3.2.5Spry框架105

3.3層的運用106

3.3.1創建層107

3.3.2層的操作108

3.3.3層與表格的關系111

3.4CSS樣式布局基礎和應用112

3.4.1CSS樣式表概述112

3.4.2CSS樣式面闆114

3.4.3CSS樣式的創建116

3.4.4應用自定義的CSS樣式123

3.4.5附加外部CSS樣式表124

3.4.6導出外部CSS樣式表124

3.4.7編輯CSS樣式表124

3.4.8CSS樣式的優先順序125

3.4.9Spry框架中的CSS設置126

3.5各種樣式表元素應用130

3.5.1文字樣式130

3.5.2邊框樣式131

3.5.3顔色樣式132

3.6網頁色彩搭配基礎知識132

3.6.1色彩基礎知識133

3.6.2網頁色彩搭配的原則(配色方案)137

3.6.3網站中的色彩應用147

3.7網頁布局控制153

3.7.1常見的網頁布局153

3.7.2網頁布局補遺156

習題156

第4章制作Web動畫——Flash159

4.1Flash概述159

4.1.1Flash的發展159

4.1.2Flash的功能160

4.1.3Flash的發展趨勢161

4.1.4Flash的工作界面162

4.1.5Flash“工具”面闆163

4.1.6Flash常用對象面闆164

4.2制作一個Flash165

4.2.1制作Flash文檔165

4.2.2發布Flash文檔168

4.3Flash基礎168

4.3.1使用Flash資源168

4.3.2元件的創建169

4.3.3庫面闆中使用文件夾170

4.3.4實例的使用170

4.3.5Flash繪圖170

4.3.6顔色處理173

4.4Flash動畫177

4.4.1幀和關鍵幀177

4.4.2時間軸的功能178

4.4.3圖層和文件夾178

4.4.4繪圖紙按鈕的功能179

4.4.5幀的操作180

4.4.6形狀補間和動畫補間180

4.4.7引導層的使用181

4.4.8遮罩層的使用182

4.4.9多場景動畫182

習題183

第5章網頁常見應用功能設計184

5.1菜單設計184

5.1.1菜單設計分析184

5.1.2使用Dreamweaver設計菜單186

5.2浮動标簽設計188

5.2.1浮動标簽應用舉例188

5.2.2Dreamweaver浮動标簽設計189

5.3網站導航設計190

5.3.1導航案例分析190

5.3.2導航設計190

5.4網站模闆設計193

5.4.1模闆應用舉例193

5.4.2Dreamweaver設計模闆194

5.5其他效果設計196

5.5.1彈出窗口196

5.5.2狀态欄顯示文本197

5.5.3頁面自動跳轉198

5.5.4彈出提示信息200

5.5.5圖片移動效果201

習題203

第6章網站發布與維護基礎知識205

6.1發布網站到IIS205

6.1.1發布網站内容205

6.1.2測試網站207

6.2站點維護基礎知識208

6.2.1停止啟動服務器208

6.2.2站點基本配置208

習題212

第7章網站設計案例213

7.1網站系統設計213

7.1.1網站設計的基本過程213

7.1.2網站設計的基本原則214

7.2網站内容設計215

7.2.1網頁外觀設計216

7.2.2網站制作流程簡介219

7.3個人網站設計實例224

7.3.1首頁設計224

7.3.2其他頁設計235

7.3.3網站整合239

7.4發布站點241

7.4.1申請空間242

7.4.2發布内容242

7.5網站的管理和維護244

習題244

第8章動态網頁設計介紹245

8.1動态網頁與靜态網頁245

8.2ASP基礎知識與應用246

8.2.1ASP介紹246

8.2.2ASP基礎知識247

8.2.3設計一個簡單的ASP網頁249

8.3常見其他動态網頁設計技術介紹252

8.3.1PHP252

8.3.2JSP253

8.4ASP.net網站設計254

習題256

常用軟件

格式與所使用的壓縮算法有關，打開和制作的軟件也是和壓縮算法相聯系的，下面介紹幾種典型的制作多媒體素材的軟件。

1、文字軟件

Windows記事本、Word、WPS、Excel、COOL 3D等。

2、圖像軟件

Windows畫圖、ACDSee、CoreDraw、Photoshop、Fireworks、conew,CDR等。

3、聲音軟件

Windows錄音機、CoolEdit、Winamp、豪傑超級解霸等。

4、動畫軟件

Gif Animator、Flash、Director、3D MAX等。

5、視頻軟件

Windows Media Player、超級解霸、Premiere、會聲會影等。

編輯推薦

本書從圖像處理軟件FireworksMX入手，介紹動畫設計和網頁制作的基礎知識。然後，介紹動畫設計軟件Fireworks MX，為制作動态網頁作好準備。最後，介紹網頁設計與制作軟件Dreamweaver MX，将學過的圖像處理和動畫設計的知識應用于網頁制作。為使制作的頁面有賞心悅目的效果，書中用較多篇幅講述了設計和優化網頁的方法和技巧，可使讀者在學習創建網站的同時學到平面設計和動畫制作的知識。本書内容安排松緊适度，便于教師安排教學計劃。本書各章都配有精心設計的實例，可幫助讀者快速理解和掌握書中的知識點。

作者簡介

謝成開，1963年生，四川美術學院副教授。通信與電子系統專業碩士研究生，主要從事計算機軟件開發、網站與網頁設計、多媒體設計、計算機動畫、計算機圖象處理等課程的教學和相關研究工作。