網(wǎng)頁設(shè)計與制作

內(nèi)容全面，主要介紹運用 Dreamweaver CS6 進行網(wǎng)頁設(shè)計，還涉及使用 Flash CS6制作網(wǎng)頁動畫和ASP動態(tài)網(wǎng)頁開發(fā)技術(shù)。

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

以培養(yǎng)具有創(chuàng)新、創(chuàng)業(yè)能力的應(yīng)用型人才為目標，知識為應(yīng)用服務(wù)，理論為實踐服務(wù)。

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

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

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

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

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

編　者

2016年9月

目 錄
前言

第1章 網(wǎng)頁設(shè)計基礎(chǔ) 1
1.1 網(wǎng)頁設(shè)計基礎(chǔ)知識 1
1.1.1 網(wǎng)頁的相關(guān)概念 1
1.1.2 網(wǎng)頁的類型 2
1.1.3 網(wǎng)頁中的基本元素 4
1.1.4 網(wǎng)頁的組成 5
1.1.5 網(wǎng)頁制作工具簡介 7
1.2 網(wǎng)頁設(shè)計的原則 8
1.2.1 版面設(shè)計 8
1.2.2 網(wǎng)頁色彩設(shè)計 10
1.2.3 網(wǎng)頁中圖像與文字的排版設(shè)計 11
1.2.4 網(wǎng)頁的總體設(shè)計原則 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 典型網(wǎng)頁瀏覽 29
1.4.2 HTML標志練習 29
1.4.3 HTML網(wǎng)頁的效果演示 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 狀態(tài)欄 37
2.1.6 面板組 38
2.2 創(chuàng)建與管理本地靜態(tài)站點 38
2.2.1 站點概述 38
2.2.2 創(chuàng)建本地站點 39
2.2.3 管理本地站點 40
2.2.4 編輯站點內(nèi)容 41
2.3 利用FTP服務(wù)器傳輸站點 42
2.3.1 在服務(wù)器端運行FTP服務(wù)器程序 42
2.3.2 在客戶端設(shè)置FTP服務(wù)器的參數(shù) 43
2.3.3 站點與FTP服務(wù)器之間傳遞文件 45
2.4 實踐演練 46
2.4.1 創(chuàng)建本地站點 46
2.4.2 在“設(shè)計”視圖編輯網(wǎng)頁文檔 49
2.4.3 自定義Dreamweaver編輯環(huán)境 52
思考與練習 54
第3章 基本網(wǎng)頁制作 55
3.1 文本的編輯 55
3.1.1 輸入文本內(nèi)容 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 插入鼠標經(jīng)過圖像 69
3.2.5 設(shè)置網(wǎng)頁背景 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 編輯我的網(wǎng)頁空間 80
3.4.2 創(chuàng)作圖文混排的網(wǎng)頁文檔 82
3.4.3 插入Flash對象并設(shè)置 83
思考與練習 84
第4章 超鏈接的應(yīng)用 85
4.1 超鏈接基礎(chǔ) 85
4.1.1 超鏈接的概念 85
4.1.2 超鏈接的分類 86
4.1.3 鏈接路徑 86
4.1.4 鏈接的顏色 87
4.2 創(chuàng)建超鏈接 88
4.2.1 到網(wǎng)站內(nèi)頁面的超鏈接
——內(nèi)部鏈接 88
4.2.2 到網(wǎng)站外頁面的超鏈接
——外部鏈接 89
4.2.3 創(chuàng)建到網(wǎng)頁某一特定位置的超鏈接
——錨點鏈接 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 在整個站點范圍內(nèi)更新鏈接 97
4.4 實踐演練 97
4.4.1 在網(wǎng)頁中建立各種超鏈接 97
4.4.2 創(chuàng)建錨點鏈接 100
4.4.3 創(chuàng)建熱區(qū)鏈接 103
思考與練習 104
第5章 表格的應(yīng)用 105
5.1 插入表格 105
5.2 輸入表格內(nèi)容 106
5.3 嵌套表格 106
5.4 設(shè)置表格屬性 108
5.5 實踐演練 109
5.5.1 制作課程表 109
5.5.2 制作個人簡歷 111
思考與練習 113
第6章 使用CSS樣式表修飾美化網(wǎng)頁 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樣式的創(chuàng)建及應(yīng)用 118
6.2.1 CSS樣式面板 118
6.2.2 內(nèi)部CSS樣式的創(chuàng)建及應(yīng)用 119
6.2.3 外部CSS樣式的創(chuàng)建及應(yīng)用 128
6.3 設(shè)置CSS屬性 132
6.3.1 設(shè)置類型屬性 132
6.3.2 設(shè)置背景屬性 133
6.3.3 設(shè)置區(qū)塊屬性 135
6.3.4 設(shè)置方框?qū)傩?136
6.3.5 設(shè)置邊框?qū)傩?137
6.3.6 設(shè)置列表屬性 138
6.3.7 設(shè)置定位屬性 139
6.3.8 設(shè)置擴展屬性 140
6.4 實踐演練 144
6.4.1 創(chuàng)建內(nèi)部CSS樣式美化網(wǎng)站首頁 144
6.4.2 創(chuàng)建外部樣式文件 149
6.4.3 導(dǎo)出內(nèi)部CSS樣式到外部樣式
文件 150
6.4.4 將外部樣式文件鏈接/導(dǎo)入到
網(wǎng)頁文檔 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與表格的相互轉(zhuǎn)換 166
7.3 使用CSS和Div布局網(wǎng)頁 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 應(yīng)用AP Div制作“照片墻” 179
7.4.2 使用Div+CSS布局制作水鄉(xiāng)古鎮(zhèn)
旅游網(wǎng)頁 180
思考與練習 186
第8章 使用框架布局網(wǎng)頁 187
8.1 框架與框架集 187
8.2 創(chuàng)建框架集 187
8.2.1 創(chuàng)建預(yù)定義框架集 188
8.2.2 創(chuàng)建自定義框架集 189
8.3 框架集的基本操作 190
8.3.1 選擇框架和框架集 190
8.3.2 刪除框架 191
8.3.3 改變框架大小 192
8.3.4 保存框架和框架集 192
8.4 設(shè)置框架和框架集的屬性 194
8.4.1 設(shè)置框架屬性 194
8.4.2 設(shè)置框架集屬性 196
8.5 框架中鏈接的使用 197
8.6 實踐演練 197
8.6.1 框架集的設(shè)計與制作 198
8.6.2 標題區(qū)的制作 203
8.6.3 導(dǎo)航區(qū)的制作 206
8.6.4 圖書搜索區(qū)的制作 208
8.6.5 詳細內(nèi)容區(qū)的制作 209
思考與練習 212
第9章 模板和庫的應(yīng)用 213
9.1 模板的創(chuàng)建 213
9.1.1 模板的作用 213
9.1.2 模板的創(chuàng)建 213
9.1.3 編輯網(wǎng)頁模板 215
9.1.4 管理和維護網(wǎng)頁模板 218
9.2 利用模板創(chuàng)建網(wǎng)頁 220
9.3 庫的創(chuàng)建與利用 224
9.3.1 什么是庫和庫項目 224
9.3.2 創(chuàng)建庫項目 225
9.3.3 在頁面中插入庫項目 226
9.3.4 修改及更新庫項目 227
9.4 實踐演練 228
思考與練習 238
第10章 行為的應(yīng)用 239
10.1 行為概述 239
10.1.1 “行為”面板 239
10.1.2 事件 241
10.1.3 動作類型 242
10.2 行為的應(yīng)用 242
10.2.1 調(diào)用JavaScript行為 242
10.2.2 打開瀏覽器窗口行為 243
10.2.3 彈出信息行為 244
10.2.4 顯示-隱藏元素行為 245
10.2.5 預(yù)先載入圖像行為 245
10.2.6 交換圖像行為 246
10.2.7 轉(zhuǎn)到URL行為 248
10.2.8 設(shè)置文本 249
10.3 實踐演練 253
10.3.1 增大/收縮效果 253
10.3.2 擠壓效果 254
10.3.3 晃動效果 255
思考與練習 255
第11章 用表單創(chuàng)建交互式網(wǎng)頁 256
11.1 關(guān)于表單 256
11.1.1 表單概述 256
11.1.2 在頁面中插入表單 257
11.1.3 用表格實現(xiàn)表單布局示例 258
11.2 表單對象的使用 259
11.2.1 文本域與文本區(qū)域 259
11.2.2 單選按鈕與單選按鈕組 262
11.2.3 復(fù)選框與復(fù)選框組 263
11.2.4 列表或菜單 264
11.2.5 按鈕和圖像域 265
11.3 Spry表單構(gòu)件 266
11.3.1 Spry驗證文本域 267
11.3.2 Spry驗證密碼 268
11.3.3 Spry驗證確認 269
11.4 Spry布局構(gòu)件 270
11.4.1 Spry菜單欄 270
11.4.2 Spry選項卡式面板 271
11.4.3 Spry折疊式構(gòu)件 272
11.5 實踐演練 273
11.5.1 制作問卷調(diào)查網(wǎng)頁界面 273
11.5.2 制作注冊頁面 276
11.5.3 制作網(wǎng)頁教程頁面的目錄 277
思考與練習 279
第12章 網(wǎng)頁動畫制作 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 填充的應(yīng)用 284
12.1.6 “時間軸”面板的使用 287
12.1.7 文本工具的使用 290
12.1.8 元件的使用 294
12.2 利用Flash CS6制作網(wǎng)頁動畫 296
12.2.1 制作簡單動畫 296
12.2.2 制作高級動畫 300
12.2.3 聲音的使用 304
12.2.4 視頻的使用 305
12.3 在網(wǎng)頁中加入Flash動畫 306
12.4 實踐演練 308
思考與練習 315
第13章 ASP動態(tài)網(wǎng)頁開發(fā) 316
13.1 ASP開發(fā)環(huán)境設(shè)置 316
13.2 數(shù)據(jù)庫應(yīng)用 319
13.2.1 創(chuàng)建Access 2010數(shù)據(jù)庫 319
13.2.2 數(shù)據(jù)庫連接方法 322
13.3 ASP應(yīng)用程序開發(fā) 325
13.3.1 基于GET方式提交用戶信息 325
13.3.2 基于POST方式提交用戶信息 327
13.3.3 重定向 329
13.3.4 獲取服務(wù)器的運行參數(shù) 329
13.3.5 簡單的網(wǎng)站計數(shù)器實現(xiàn) 330
13.3.6 利用Session對象記錄用戶信息 331
13.3.7 使用Session變量控制計數(shù)器 334
13.3.8 使用ADO訪問數(shù)據(jù)庫 335
13.4 實踐演練 336
思考與練習 341
第14章 網(wǎng)站開發(fā) 342
14.1 網(wǎng)站制作 342
14.2 網(wǎng)站的發(fā)布流程 344
14.2.1 網(wǎng)站的測試 344
14.2.2 域名的注冊和備案 346
14.2.3 網(wǎng)站的發(fā)布 347
14.2.4 網(wǎng)站的推廣 348
14.3 制作一個企業(yè)網(wǎng)站 348
14.3.1 網(wǎng)站設(shè)計規(guī)劃 349
14.3.2 首頁制作 351
14.3.3 欄目頁面的制作 355
14.3.4 測試與發(fā)布網(wǎng)站 361
14.4 實踐演練 365
思考與練習 366
參考文獻 367

1. 嵌入式人工智能技術(shù)應(yīng)用（數(shù)字教材） [主編 胡娜 楊國勇 晏廷榮]
2. Java Web項目化設(shè)計實踐教程 [邱云 曾陳萍]
3. 人工智能開發(fā)框架應(yīng)用 [主編 王明超 蘆婭云]
4. 民航客艙服務(wù)實用英語教程 [主編 田靜 徐亞玲]
5. Python數(shù)據(jù)分析 [主編　馮志輝　趙磊　李放]
6. 大學信息技術(shù) [曾翰穎 編著]
7. 多維視域下的高校籃球教學創(chuàng)新研究 [張利超 李寧 著]
8. 創(chuàng)新創(chuàng)業(yè)訓練實踐教程 [主編 王日華 陳武 黃喆誠]
9. 實用運籌學 [主編　邢育紅　于晉臣]
10. 電子技術(shù)（第二版） [主編 覃愛娜 李飛]
11. 勞動爭議處理實務(wù) [主編 王秀卿 羅靜]
12. 工程數(shù)學 [主編 郭立娟 王海]
13. 語音識別理論與實踐 [主編　莫宏偉]
14. 武術(shù)基礎(chǔ)教程 [主編 李代勇 謝志民]
15. 計算機網(wǎng)絡(luò)實訓教程 [主編 張浩軍 趙玉娟]
16. 畫法幾何與機械制圖習題集（多學時） [主編 趙軍]
17. 電工電子技術(shù)基礎(chǔ) [主編 劉 軍 楊國龍 劉天成]
18. MySQL數(shù)據(jù)庫項目式教程 [陳亞峰]
19. 機械設(shè)計基礎(chǔ)（第二版） [主編 田亞平 李愛姣]
20. 畫法幾何與機械制圖 [主編 趙軍]
21. C語言程序設(shè)計習題與實驗指導(dǎo)（第二版） [主編 甄增榮 張賓]
22. C語言程序設(shè)計（第二版） [主編 甄增榮 田云霞]
23. Unity3D虛擬現(xiàn)實應(yīng)用開發(fā)實踐 [主 編 劉龍]
24. 智能化技術(shù)基礎(chǔ)（第三版） [鄧文達　李禮]
25. 面向?qū)ο蟪绦蛟O(shè)計 [主編 張勇 張平華 趙小龍]
26. 網(wǎng)絡(luò)營銷 [主編 夏薇薇 劉婷 尚潔]
27. 電視節(jié)目策劃與制作（微課版） [主　編　黃滴滴]
28. 數(shù)據(jù)庫技術(shù)與應(yīng)用實踐教程（SQL Server 2019） [主 編 嚴暉 周肆清]
29. 大學應(yīng)用數(shù)學 [主編 郭立娟]
30. 工業(yè)機器人拆裝與調(diào)試 [主編 胡月霞 向艷芳 朱奇]