巧學巧用dreamweaver cs3製作網頁

《巧學巧用dreamweaver cs3製作網頁》作者騰飛科技孫良營，類型為網頁製作，類別為書籍。

基本介紹

• 中文名：巧學巧用dreamweaver cs3製作網頁
• 作者：騰飛科技孫良營
• 類型：網頁製作
• 類別：書籍

基本信息

書名:

巧學巧用dreamweavercs3製作網頁

書號:

作者:

騰飛科技孫良營

圖書簡介

本書由國內資深的網頁設計製作專家傾心打造。書中從網頁設計的藝術原則和網頁色彩的搭配入手，以網頁設計與製作過程為主線，通過大量精彩的實例，逐步深入地講解了利用dreamweavercs3設計和製作網頁的方方面面，包括html關鍵標記、創建和管理站點、創建和設定首頁及二級頁面、利用超連結建立聯繫、利用布局表格布局網頁、利用框架和框架集布局頁面、利用cssdiv進行標準化布局、利用模板和庫提高效率、設計製作導航與選單、利用css美化網頁、導入外部檔案充實頁面、使用行為和腳本製作特效網頁、設計實現網頁互動功能等，最後通過完整的案例讓讀者體驗真實商業案例的設計與製作方法，提高實戰能力。

書中各章節均注重實例間的彼此聯繫和dreamweaver各項功能間的難易層次，還在重點技術章節前歸納了相關的“知識要點”，並通過實例來輔助講解。關鍵技術章節後附有練習題，可幫助讀者鞏固所學的知識，也可作為教師授課的課堂練習。

書中每一個實例都是在針對性、實用性和完整性上精挑細選的，浸透了設計者們在創作中的大量經驗和技巧。

本書適用於利用dreamweaver進行網頁設計和製作的初學者，也可作為高等院校相關專業和各類社會培訓班相關課程的教學用書。

書籍目錄

目錄:

第1章網面設計與配色入門1

本章著重介紹網頁設計必備的知識，包括網頁設計的藝術原則、網頁色彩搭配等，並介紹了網站建設和網頁製作的流程，為後面真正動手製作網頁奠定基礎。

1.1預備知識1

1.2網頁設計的藝術原則3

1.3實用的網頁布局結構4

1.4網頁的基本構成元素7

1.5網頁色彩搭配10

1.5.1網頁色彩搭配原理10

1.5.2網頁色彩搭配技巧11

1.5.3網頁色彩選擇標準11

1.5.4常見的幾種網頁配色方案12

1.6網頁製作的流程15

1.6.1確定網頁主要欄目內容15

1.6.2收集資料和素材16

1.6.3選擇合適的工具16

1.6.4設計網頁圖像16

1.6.5製作網頁17

1.6.6測試與發布上傳17

1.6.7網站維護17

1.6.8網站的推廣17

1.7小結18

第2章網頁設計前的準備工作19

本章主要介紹網頁基本語言html，然後初步接觸dreamweavercs3，並布置工作界面，讓讀者掌握網頁製作的基本知識。

2.1學會看html代碼19

2.1.1html檔案的基本結構19

2.1.2html常用標記20

2.2布置自己的dreamweavercs3工作界面23

2.3小結26

第3章創建和管理站點27

本章主要介紹創建站點、管理站點內的連結、測試和最佳化網站、上傳發布網站等內容，進一步讓讀者了解網站。

3.1知識要點27

3.2創建“藍色星空”網站站點27

3.3管理站點內的超連結29

3.3.1檢查連結29

3.3.2更新連結30

3.4測試和最佳化網站30

3.4.1測試網站的瀏覽器兼容性31

3.4.2html最佳化32

3.5上傳發布網站內容33

3.6小結與練習35

練習：建立個人站點35

第4章創建和設定首頁與二級頁面36

本章主要介紹頁面屬性的設定和頁面元素的添加，如文本的添加和使用、圖像的插入、表格的使用等，指導讀者建立首頁與二級頁面。

4.1知識要點36

4.1.1文本的輸入與屬性設定36

4.1.2插入圖像37

4.1.3插入表格39

4.1.4設定表格屬性40

4.1.5選擇表格40

4.1.6合併單元格42

4.1.7拆分單元格42

4.2設定網頁的整體外觀43

4.2.1實例展示43

4.2.2實例操作過程43

4.3製作文字環繞圖像效果44

4.3.1實例展示44

4.3.2實例操作過程45

4.4製作滾動的圖片效果46

4.4.1實例展示46

4.4.2實例操作過程47

4.5在網頁中編輯圖像49

4.5.1實例展示50

4.5.2實例操作過程50

4.6製作細線表格52

4.6.1實例展示53

4.6.2實例操作過程53

4.7製作圓角表格55

4.7.1實例展示55

4.7.2實例操作過程55

4.8製作陰影表格58

4.8.1實例展示58

4.8.2實例操作過程59

4.9製作虛線表格60

4.9.1實例展示61

4.9.2實例操作過程61

4.10小結與練習63

練習：製作虛線表格63

第5章利用超連結建立聯繫65

本章主要介紹網站內各類超級連結的建立方法，包括電子郵件連結、檔案下載連結、跳轉選單連結、錨點連結、圖像熱點連結，讓讀者輕鬆實現頁面內部、頁面之間的聯繫。

5.1知識要點65

5.2創建電子郵件連結66

5.2.1實例展示66

5.2.2實例操作過程67

5.3創建檔案下載連結68

5.3.1實例展示68

5.3.2實例操作過程68

5.4創建跳轉選單連結69

5.4.1實例展示69

5.4.2實例操作過程70

5.5創建錨記連結71

5.5.1實例展示71

5.5.2實例操作過程71

5.6創建圖像熱點連結73

5.6.1實例展示73

5.6.2實例操作過程74

5.7創建連結文字激活時變色效果75

5.7.1實例展示75

5.7.2實例操作過程76

5.8小結與練習77

練習：添加錨記連結77

第6章利用表格布局網頁78

本章主要介紹利用表格布局頁面的方法，進一步熟悉表格的用法，並且深入介紹常見的“廠”字型、封面型、“國”字型等布局模式。

6.1知識要點78

6.2布局“廠”字型企業網站頁面78

6.2.1實例展示79

6.2.2實例操作過程79

6.3布局封面型個人網頁86

6.3.1實例展示86

6.3.2實例操作過程86

6.4布局“國”字型網站頁面89

6.4.1實例展示89

6.4.2實例操作過程90

6.5小結與練習97

練習：布局封面型網頁97

第7章利用框架和框架集布局頁面99

本章主要介紹用框架和框架集布局頁面的方法，這也是常見的布局方法之一。

7.1知識要點99

7.1.1創建框架99

7.1.2保存框架100

7.1.3選擇框架和框架集101

7.1.4設定框架屬性102

7.1.5設定框架集屬性103

7.1.6在框架中創建連結103

7.2使用框架布局動漫論壇網頁104

7.2.1實例展示104

7.2.2實例操作過程104

7.3使用iframe製作時尚購物網頁111

7.3.1實例展示111

7.3.2實例操作過程112

7.4小結與練習113

練習：製作上下框架的頁面114

第8章利用cssdiv進行標準化布局115

本章主要介紹最流行的也是符合web標準的cssdiv布局頁面的方法，包括常見的1列、2列和3列固定寬度布局的方法。

8.1知識要點115

8.1.1css布局的優勢115

8.1.2創建css模板116

8.2利用1列固定布局製作“教育星空”網頁117

8.2.1實例展示117

8.2.2實例操作過程117

8.3利用2列固定布局製作“綠森林”網頁126

8.3.1實例展示126

8.3.2實例操作過程127

8.4利用3列固定布局製作“教育一網通”網頁133

8.4.1實例展示133

8.4.2實例操作過程133

8.5小結與練習147

練習：製作2列固定布局個人網站頁面147

第9章利用模板和庫提高效率149

本章主要介紹利用dreamweaver提供的模板和庫來減少網頁製作時的重複勞動、提高工作效率的方法。

9.1知識要點149

9.1.1創建模板149

9.1.2將現有檔案另外儲存為模板150

9.1.3創建可編輯區域150

9.1.4創建模板網頁151

9.1.5更新模板151

9.1.6創建庫項目152

9.2創建“人長久”網站頁面模板153

9.2.1實例展示153

9.2.2實例操作過程154

9.3利用模板創建“人長久”網站頁面160

9.3.1實例展示160

9.3.2實例操作過程160

9.4更新“人長久”網站頁面163

9.4.1實例展示163

9.4.2實例操作過程163

9.5創建“人長久”頁面庫項目165

9.5.1實例展示165

9.5.2實例操作過程165

9.6小結與練習168

練習：製作模板網頁文檔168

第10章設計製作導航欄與選單169

本章主要介紹網頁導航欄和選單的製作，包括翻轉圖像導航、橫嚮導航、css製作的導航、spry製作的下拉選單、背景變換的導航選單等。

10.1知識要點169

10.1.1翻轉圖像導航169

10.1.2spry170

10.2製作翻轉圖像導航172

10.2.1實例展示172

10.2.2實例操作過程173

10.3設定導航欄圖像175

10.3.1實例展示175

10.3.2實例操作過程176

10.4使用spry製作網頁下拉選單178

10.4.1實例展示178

10.4.2實例操作過程179

10.5利用css製作導航181

10.5.1實例展示181

10.5.2實例操作過程182

10.6製作背景變換的導航選單184

10.6.1實例展示184

10.6.2實例操作過程184

10.7小結與練習186

練習：製作滑鼠經過圖像效果186

第11章利用css美化網頁188

本章主要介紹利用css對網頁的文字、顏色、圖像、背景和其他圖文效果實現精確控制和美化的方法。

11.1知識要點188

11.1.1基本語法188

11.1.2設定css樣式189

11.1.3添加css的方法193

11.2使用css美化段落195

11.2.1實例展示195

11.2.2實例操作過程195

11.3使用css創建光暈文字197

11.3.1實例展示197

11.3.2實例操作過程197

11.4使用css改變圖片由模糊到清楚200

11.4.1實例展示200

11.4.2實例操作過程200

11.5使用css改變按鈕的背景顏色和文字顏色201

11.5.1實例展示201

11.5.2實例操作過程202

11.6小結與練習203

練習：美化頁面文字內容203

第12章導入外部檔案充實頁面205

本章主要介紹向網頁中添加外部檔案豐富和充實頁面效果的方法，包括加入背景音樂、視頻、flash動畫、javaapplet程式等。

12.1知識要點205

12.1.1代碼提示205

12.1.2插入flash動畫206

12.2製作背景音樂網頁208

12.2.1實例展示208

12.2.2實例操作過程209

12.3製作視頻網頁211

12.3.1實例展示211

12.3.2實例操作過程211

12.4製作水中倒影網頁212

12.4.1實例展示213

12.4.2實例操作過程213

12.5製作flash動畫網頁214

12.5.1實例展示214

12.5.2實例操作過程215

12.6小結與練習217

練習：插入flash按鈕和文本218

第13章使用行為和腳本製作特效網頁219

本章主要介紹使用行為和腳本為網頁製作特效的方法，包括彈出提示信息、實現頁面跳轉、顯示狀態欄文本、自動關閉網頁、顯示/漸隱效果、打開瀏覽器新視窗和滑鼠跟隨等。

13.1知識要點219

13.1.1常見動作類型219

13.1.2常見事件220

13.2創建彈出提示信息網頁221

13.2.1實例展示221

13.2.2實例操作過程222

13.3使用轉到url行為創建跳轉頁面網頁223

13.3.1實例展示223

13.3.2實例操作過程223

13.4在瀏覽器狀態欄顯示文本225

13.4.1實例展示225

13.4.2實例操作過程225

13.5調用javascript創建自動關閉網頁226

13.5.1實例展示226

13.5.2實例操作過程227

13.6使用【顯示/漸隱】效果228

13.6.1實例展示228

13.6.2實例操作過程228

13.7創建打開瀏覽器視窗網頁229

13.7.1實例展示229

13.7.2實例操作過程230

13.8創建滑鼠跟隨效果網頁231

13.8.1實例展示231

13.8.2實例操作過程232

13.9小結與練習235

練習：製作帶背景音樂的頁面235

第14章設計實現網頁互動功能237

本章主要介紹添加伺服器行為來實現網頁互動功能的方法，包括常用的留言系統、會員註冊登錄系統、調查系統等的製作。

14.1知識要點237

14.1.1動態網頁的特點237

14.1.2添加伺服器行為237

14.2製作留言系統245

14.2.1實例展示245

14.2.2實例操作過程247

14.3製作會員註冊登錄系統264

14.3.1實例展示264

14.3.2實例操作過程265

14.4製作調查系統280

14.4.1實例展示280

14.4.2實例操作過程281

14.5小結與練習301

練習：製作線上留言系統301

第15章綜合實例303

15.1網站設計概述303

15.2網站主要功能欄目303

15.3網站色彩搭配和風格創意304

15.4設計網站首頁305

15.4.1製作網站首頁305

15.4.2切割網站首頁313

15.5製作網站二級頁面315

15.5.1創建模板315

15.5.2創建企業簡介頁面322

15.6製作網站新聞發布管理系統324

15.6.1設定iis326

15.6.2創建資料庫表和資料庫連線327

15.6.3新聞列表管理頁面328

15.6.4後台登錄頁面334

15.6.5添加新聞頁面338

15.6.6刪除新聞頁面342

15.6.7修改新聞頁面345

15.6.8新聞列表頁面347

15.6.9新聞詳細頁面353

15.7小結與練習355

練習：製作企業網站355