內容全面，主要介紹運用 Dreamweaver CS6 進行網頁設計，還涉及使用 Flash CS6制作網頁動畫和ASP動態網頁開發技術。

注重實踐，理論深淺適宜、條理清晰，實踐部分精選案例、聯系實際應用，圖文并茂，易于理解。

以培養具有創新、創業能力的應用型人才為目標，知識為應用服務，理論為實踐服務。

現代社會互聯網廣泛應用于學習、工作和生活的方方面面，因此掌握一定的互聯網應用知識與技能是現代大學生的基本素養之一。網頁是互聯網上信息的主要載體，是人們與互聯網交互的橋梁。網頁設計不僅是一種計算機應用技能，也是學生深入了解互聯網信息呈現方式、提高自己信息技術素養的一種途徑。

本教材面向初學者，是針對非計算機專業本科生的普通高等學校通用教材。教材的編寫者是工作在教學第一線、經驗豐富的教師團隊。本教材的編寫宗旨是為培養應用型人才的目標服務，為培養具有創新、創業能力的本科生服務。本教材的特點是面向應用、內容全面、注重實踐、易于掌握。每一章后的實踐演練都是一些經典實例，盡量覆蓋本章的主要知識點，既可作為教師教學時的案例，又可以供學生實踐練習。教材內容力爭做到知識為應用服務，理論為實踐服務，使學生真正掌握網頁設計的知識和操作技能。

本書主要介紹Dreamweaver的使用，同時還包含網頁動畫制作軟件Flash CS6及動態網頁開發工具ASP的簡要介紹。第1章主要介紹網頁設計的基礎知識、相關概念、網頁設計的原則及HTML語言的相關內容，為后續網頁設計的學習做準備。第2章介紹Dreamweaver CS6的基本操作、創建與管理本地站點以及通過FTP與遠程站點傳輸文件等操作。第3章具體介紹網頁制作時文本、圖像、聲音、動畫和視頻等網頁元素的插入與編排。第4章介紹網頁中超鏈接的概念、種類與創建方法。第5章介紹表格在網頁中的應用，表格是網頁中常用的信息展示方式，也是頁面布局的重要工具。第6章介紹使用CSS對網頁進行排版、修飾和美化的相關知識。第7章介紹Div與AP Div的創建與使用，并結合實際應用介紹Div和CSS設計網頁的方法與技巧。第8章介紹使用框架進行網頁布局的操作方法與應用。第9章介紹應用網頁模板與庫提高網頁制作效率，介紹創建網頁模板、更新庫項目等操作。第10章主要介紹行為的概念、添加和設置行為及應用行為設置對象的特殊效果等內容。第11章介紹常用的表單對象、Spry表單驗證構件及Spry布局構件的相關知識與應用，是設計動態網頁的基礎。第12章介紹了使用Flash設計網頁動畫的相關知識。第13章介紹使用ASP設計動態網頁的基礎知識與簡單應用，使學生更好地理解動態網頁的設計方法。第14章系統介紹了網站的開發過程，并以一個企業網站為例詳細介紹了網站開發設計的方法。

本書第1章由張宇編寫，第2章和第11章由楊毅編寫，第3章由黃海玉編寫，第4章由王毅編寫，第5章由秦凱編寫，第6章和第14章由楊明學編寫，第7章和第9章由姚曉杰編寫，第8章由梁寧玉編寫，第10章由王立武編寫，第12章和第13章由姜雪編寫。本書由楊毅擔任主編，負責統稿和校對，張宇負責審定。

由于作者的經驗和水平有限，書中難免有疏漏和不足之處，懇請廣大讀者和專家批評指正。

編　者

2016年9月

目 錄
前言

第1章 網頁設計基礎 1
1.1 網頁設計基礎知識 1
1.1.1 網頁的相關概念 1
1.1.2 網頁的類型 2
1.1.3 網頁中的基本元素 4
1.1.4 網頁的組成 5
1.1.5 網頁制作工具簡介 7
1.2 網頁設計的原則 8
1.2.1 版面設計 8
1.2.2 網頁色彩設計 10
1.2.3 網頁中圖像與文字的排版設計 11
1.2.4 網頁的總體設計原則 11
1.3 HTML語言簡介 14
1.3.1 HTML基本概念 14
1.3.2 HTML語言的基本標志 14
1.3.3 頁面格式標志 16
1.3.4 文本標志 19
1.3.5 圖像標志 20
1.3.6 表格標志 21
1.3.7 鏈接標志 22
1.3.8 框架標志 23
1.3.9 表單標志 25
1.3.10 其他標志 27
1.4 實踐演練 29
1.4.1 典型網頁瀏覽 29
1.4.2 HTML標志練習 29
1.4.3 HTML網頁的效果演示 31
思考與練習 33
第2章 Dreamweaver入門 34
2.1 Dreamweaver CS6操作界面簡介 34
2.1.1 菜單欄和布局切換按鈕 35
2.1.2 文檔窗口 36
2.1.3 文檔工具欄 36
2.1.4 “屬性”面板 37
2.1.5 狀態欄 37
2.1.6 面板組 38
2.2 創建與管理本地靜態站點 38
2.2.1 站點概述 38
2.2.2 創建本地站點 39
2.2.3 管理本地站點 40
2.2.4 編輯站點內容 41
2.3 利用FTP服務器傳輸站點 42
2.3.1 在服務器端運行FTP服務器程序 42
2.3.2 在客戶端設置FTP服務器的參數 43
2.3.3 站點與FTP服務器之間傳遞文件 45
2.4 實踐演練 46
2.4.1 創建本地站點 46
2.4.2 在“設計”視圖編輯網頁文檔 49
2.4.3 自定義Dreamweaver編輯環境 52
思考與練習 54
第3章 基本網頁制作 55
3.1 文本的編輯 55
3.1.1 輸入文本內容 55
3.1.2 編輯文本 60
3.1.3 文本中的列表 62
3.2 圖像的使用 64
3.2.1 在Web中使用的圖像格式 64
3.2.2 圖像的插入 64
3.2.3 插入圖像占位符 68
3.2.4 插入鼠標經過圖像 69
3.2.5 設置網頁背景 70
3.2.6 給圖像加文字說明 71
3.3 多媒體對象的使用 72
3.3.1 插入聲音 72
3.3.2 插入動畫和視頻 74
3.3.3 插入其他多媒體元素 78
3.4 實踐演練 80
3.4.1 編輯我的網頁空間 80
3.4.2 創作圖文混排的網頁文檔 82
3.4.3 插入Flash對象并設置 83
思考與練習 84
第4章 超鏈接的應用 85
4.1 超鏈接基礎 85
4.1.1 超鏈接的概念 85
4.1.2 超鏈接的分類 86
4.1.3 鏈接路徑 86
4.1.4 鏈接的顏色 87
4.2 創建超鏈接 88
4.2.1 到網站內頁面的超鏈接
——內部鏈接 88
4.2.2 到網站外頁面的超鏈接
——外部鏈接 89
4.2.3 創建到網頁某一特定位置的超鏈接
——錨點鏈接 90
4.2.4 建立電子郵件鏈接 91
4.2.5 建立無地址鏈接——空鏈接 92
4.2.6 圖像熱點鏈接 93
4.2.7 腳本鏈接 94
4.3 超鏈接的管理 95
4.3.1 自動更新鏈接 95
4.3.2 改變鏈接和刪除鏈接 96
4.3.3 在整個站點范圍內更新鏈接 97
4.4 實踐演練 97
4.4.1 在網頁中建立各種超鏈接 97
4.4.2 創建錨點鏈接 100
4.4.3 創建熱區鏈接 103
思考與練習 104
第5章 表格的應用 105
5.1 插入表格 105
5.2 輸入表格內容 106
5.3 嵌套表格 106
5.4 設置表格屬性 108
5.5 實踐演練 109
5.5.1 制作課程表 109
5.5.2 制作個人簡歷 111
思考與練習 113
第6章 使用CSS樣式表修飾美化網頁 114
6.1 CSS樣式概述 114
6.1.1 CSS樣式的概念 114
6.1.2 CSS樣式的基本語法格式 115
6.1.3 CSS樣式的存放位置 116
6.1.4 CSS樣式的分類 117
6.2 CSS樣式的創建及應用 118
6.2.1 CSS樣式面板 118
6.2.2 內部CSS樣式的創建及應用 119
6.2.3 外部CSS樣式的創建及應用 128
6.3 設置CSS屬性 132
6.3.1 設置類型屬性 132
6.3.2 設置背景屬性 133
6.3.3 設置區塊屬性 135
6.3.4 設置方框屬性 136
6.3.5 設置邊框屬性 137
6.3.6 設置列表屬性 138
6.3.7 設置定位屬性 139
6.3.8 設置擴展屬性 140
6.4 實踐演練 144
6.4.1 創建內部CSS樣式美化網站首頁 144
6.4.2 創建外部樣式文件 149
6.4.3 導出內部CSS樣式到外部樣式
文件 150
6.4.4 將外部樣式文件鏈接/導入到
網頁文檔 153
思考與練習 155
第7章 布局對象Div的使用 157
7.1 Div與AP Div概述 157
7.1.1 Div標簽 157
7.1.2 AP Div元素 159
7.2 AP Div管理及操作 161
7.2.1 AP Div的管理 161
7.2.2 AP Div元素的操作 164
7.2.3 AP Div與表格的相互轉換 166
7.3 使用CSS和Div布局網頁 168
7.3.1 Div+CSS盒子模型 169
7.3.2 Div+CSS的定位（Position） 170
7.3.3 Div+CSS的Float定位（浮動） 171
7.3.4 Div+CSS布局 173
7.4 實踐演練 179
7.4.1 應用AP Div制作“照片墻” 179
7.4.2 使用Div+CSS布局制作水鄉古鎮
旅游網頁 180
思考與練習 186
第8章 使用框架布局網頁 187
8.1 框架與框架集 187
8.2 創建框架集 187
8.2.1 創建預定義框架集 188
8.2.2 創建自定義框架集 189
8.3 框架集的基本操作 190
8.3.1 選擇框架和框架集 190
8.3.2 刪除框架 191
8.3.3 改變框架大小 192
8.3.4 保存框架和框架集 192
8.4 設置框架和框架集的屬性 194
8.4.1 設置框架屬性 194
8.4.2 設置框架集屬性 196
8.5 框架中鏈接的使用 197
8.6 實踐演練 197
8.6.1 框架集的設計與制作 198
8.6.2 標題區的制作 203
8.6.3 導航區的制作 206
8.6.4 圖書搜索區的制作 208
8.6.5 詳細內容區的制作 209
思考與練習 212
第9章 模板和庫的應用 213
9.1 模板的創建 213
9.1.1 模板的作用 213
9.1.2 模板的創建 213
9.1.3 編輯網頁模板 215
9.1.4 管理和維護網頁模板 218
9.2 利用模板創建網頁 220
9.3 庫的創建與利用 224
9.3.1 什么是庫和庫項目 224
9.3.2 創建庫項目 225
9.3.3 在頁面中插入庫項目 226
9.3.4 修改及更新庫項目 227
9.4 實踐演練 228
思考與練習 238
第10章 行為的應用 239
10.1 行為概述 239
10.1.1 “行為”面板 239
10.1.2 事件 241
10.1.3 動作類型 242
10.2 行為的應用 242
10.2.1 調用JavaScript行為 242
10.2.2 打開瀏覽器窗口行為 243
10.2.3 彈出信息行為 244
10.2.4 顯示-隱藏元素行為 245
10.2.5 預先載入圖像行為 245
10.2.6 交換圖像行為 246
10.2.7 轉到URL行為 248
10.2.8 設置文本 249
10.3 實踐演練 253
10.3.1 增大/收縮效果 253
10.3.2 擠壓效果 254
10.3.3 晃動效果 255
思考與練習 255
第11章 用表單創建交互式網頁 256
11.1 關于表單 256
11.1.1 表單概述 256
11.1.2 在頁面中插入表單 257
11.1.3 用表格實現表單布局示例 258
11.2 表單對象的使用 259
11.2.1 文本域與文本區域 259
11.2.2 單選按鈕與單選按鈕組 262
11.2.3 復選框與復選框組 263
11.2.4 列表或菜單 264
11.2.5 按鈕和圖像域 265
11.3 Spry表單構件 266
11.3.1 Spry驗證文本域 267
11.3.2 Spry驗證密碼 268
11.3.3 Spry驗證確認 269
11.4 Spry布局構件 270
11.4.1 Spry菜單欄 270
11.4.2 Spry選項卡式面板 271
11.4.3 Spry折疊式構件 272
11.5 實踐演練 273
11.5.1 制作問卷調查網頁界面 273
11.5.2 制作注冊頁面 276
11.5.3 制作網頁教程頁面的目錄 277
思考與練習 279
第12章 網頁動畫制作 280
12.1 Flash CS6簡介 280
12.1.1 啟動Flash CS6 280
12.1.2 Flash CS6工作界面 281
12.1.3 繪圖工具的使用 282
12.1.4 編輯圖形工具 283
12.1.5 填充的應用 284
12.1.6 “時間軸”面板的使用 287
12.1.7 文本工具的使用 290
12.1.8 元件的使用 294
12.2 利用Flash CS6制作網頁動畫 296
12.2.1 制作簡單動畫 296
12.2.2 制作高級動畫 300
12.2.3 聲音的使用 304
12.2.4 視頻的使用 305
12.3 在網頁中加入Flash動畫 306
12.4 實踐演練 308
思考與練習 315
第13章 ASP動態網頁開發 316
13.1 ASP開發環境設置 316
13.2 數據庫應用 319
13.2.1 創建Access 2010數據庫 319
13.2.2 數據庫連接方法 322
13.3 ASP應用程序開發 325
13.3.1 基于GET方式提交用戶信息 325
13.3.2 基于POST方式提交用戶信息 327
13.3.3 重定向 329
13.3.4 獲取服務器的運行參數 329
13.3.5 簡單的網站計數器實現 330
13.3.6 利用Session對象記錄用戶信息 331
13.3.7 使用Session變量控制計數器 334
13.3.8 使用ADO訪問數據庫 335
13.4 實踐演練 336
思考與練習 341
第14章 網站開發 342
14.1 網站制作 342
14.2 網站的發布流程 344
14.2.1 網站的測試 344
14.2.2 域名的注冊和備案 346
14.2.3 網站的發布 347
14.2.4 網站的推廣 348
14.3 制作一個企業網站 348
14.3.1 網站設計規劃 349
14.3.2 首頁制作 351
14.3.3 欄目頁面的制作 355
14.3.4 測試與發布網站 361
14.4 實踐演練 365
思考與練習 366
參考文獻 367

1. 實用運籌學 [主編　邢育紅　于晉臣]
2. 電子技術（第二版） [主編 覃愛娜 李飛]
3. 勞動爭議處理實務 [主編 王秀卿 羅靜]
4. 工程數學 [主編 郭立娟 王海]
5. 語音識別理論與實踐 [主編　莫宏偉]
6. 武術基礎教程 [主編 李代勇 謝志民]
7. 計算機網絡實訓教程 [主編 張浩軍 趙玉娟]
8. 畫法幾何與機械制圖習題集（多學時） [主編 趙軍]
9. 電工電子技術基礎 [主編 劉 軍 楊國龍 劉天成]
10. MySQL數據庫項目式教程 [陳亞峰]
11. 機械設計基礎（第二版） [主編 田亞平 李愛姣]
12. 畫法幾何與機械制圖 [主編 趙軍]
13. C語言程序設計習題與實驗指導（第二版） [主編 甄增榮 張賓]
14. C語言程序設計（第二版） [主編 甄增榮 田云霞]
15. Unity3D虛擬現實應用開發實踐 [主 編 劉龍]
16. 智能化技術基礎（第三版） [鄧文達　李禮]
17. 面向對象程序設計 [主編 張勇 張平華 趙小龍]
18. 網絡營銷 [主編 夏薇薇 劉婷 尚潔]
19. 電視節目策劃與制作（微課版） [主　編　黃滴滴]
20. 數據庫技術與應用實踐教程（SQL Server 2019） [主 編 嚴暉 周肆清]
21. 大學應用數學 [主編 郭立娟]
22. 工業機器人拆裝與調試 [主編 胡月霞 向艷芳 朱奇]
23. 功能材料制備與表征實驗指導書 [龔偉平 趙軍峰 梅海娟 等編著]
24. 信號與系統（第二版） [主編 張宇]
25. 信息技術基礎 [主編 唐倩 邵銳]
26. Python 語言程序設計實踐指導 [主編　張雙獅]
27. Photoshop 圖形圖像項目化教程 [主編 胡斌斌 黎婭 蘇大椿]
28. 基于.NET Core框架的分布式系統架構設計 [湯佳 著]
29. 體育舞蹈教程 [主編 劉偉 陳志明 曾明]
30. 線性代數導學篇 [主編 史昱]