《網頁設計與製作基礎教程（第3版）》是2016年清華大學出版社出版的圖書，作者是孫紅麗、杜靜芬。
基本介紹
- 中文名：網頁設計與製作基礎教程
- 外文名：wangye sheji yu zhizuo jichu jiaocheng
- 版本號：第三版
- 作者：孫紅麗、杜靜芬
- ISBN：9787302433965
- 定價：38元
- 出版日期：2016.04.01
內容簡介,圖書目錄,
內容簡介
本書由淺入深、循序漸進地介紹使用Dreamweaver、Photoshop 和Flash 等軟體進行網頁設計的方法。全書共14 章，分別介紹網頁設計的基礎知識、Dreamweaver CC 快速入門、使用表格布局頁面、製作簡單圖文網頁、處理與編輯網頁圖像、製作多媒體網頁、套用與管理網頁超連結、製作表單頁面、使用CSS 樣式表修飾網頁、使用模板和庫製作網頁、使用行為製作網頁特效、ASP 應用程式基礎、製作ASP 動態網頁、測試與 管理站點等內容。 本書內容翔實、結構清晰、敘述流暢、可操作性強，可作為高等院校計算機、信息技術及相關專業網頁設計與網站開發課程的教材。
圖書目錄
第1 章 網頁設計基礎知識 1
1.1 網頁製作的基礎知識 1
1.1.1 網頁和網站 1
1.1.2 網頁的基本元素 3
1.1.3 網頁的常見類型 4
1.2 網頁設計構思與布局 5
1.2.1 網頁的設計構思 5
1.2.2 網頁的布局結構 7
1.3 網頁製作工具簡介 7
1.3.1 網頁製作軟體——Dreamweaver 8
1.3.2 圖像處理軟體——Photoshop 8
1.3.3 動畫製作軟體——Flash 9
1.4 與網頁相關的概念 10
1.4.1 全球資訊網(WWW) 10
1.4.2 超文本傳輸協定 10
1.4.3 統一資源定位器 11
1.4.4 網頁框架語言HTML 12
1.5 實驗指導 13
1.5.1 創建HTML 網頁檔案 14
1.5.2 設定HTML 網頁文本 15
1.6 思考練習 16
第2 章 Dreamweaver CC 快速入門 17
2.1 Dreamweaver CC 簡介 17
2.1.1 Dreamweaver CC 的工作界面 17
2.1.2 Dreamweaver CC 的基本操作 21
2.2 創建與設定站點 24
2.2.1 站點簡介 24
2.2.2 規劃站點 26
2.2.3 創建本地站點 27
2.2.4 設定本地站點 29
2.2.5 創建網站檔案 29
2.3 設定Dreamweaver視圖 31
2.3.1 切換文檔視圖 31
2.3.2 使用可視化助理 33...
2.4實驗指導36
2.4.1創建本地站點36
2.4.2設定網頁屬性37
2.4.3設定網頁關鍵字39
2.5思考練習40
第3章使用表格布局頁面41
3.1使用表格41
3.1.1網頁中表格的用途41
3.1.2創建表格42
3.1.3插入表格元素44
3.1.4設定表格屬性45
3.2編輯表格48
3.2.1選擇表格元素48
3.2.2調整表格大小51
3.2.3更改列寬和行高51
3.2.4添加或刪除行或列52
3.2.5拆分與合併單元格53
3.2.6複製與貼上單元格54
3.2.7設定表格內容排序54
3.2.8導入與導出表格式數據55
3.3實驗指導57
3.3.1製作網站首頁57
3.3.2製作產品頁面61
3.4思考練習64
第4章製作簡單圖文網頁65
4.1在網頁中添加文本65
4.1.1輸入網頁文本65
4.1.2插入特殊符號66
4.1.3插入日期與時間67
4.1.4插入水平線68
4.1.5插入滾動文字70
4.2創建無序列表和有序列表70
4.2.1製作無序列表70
4.2.2製作有序列表72
4.3設定網頁文本屬性73
4.3.1設定文本基本屬性73
4.3.2添加網頁文本字型75
4.4在網頁中插入圖像76
4.4.1網頁圖像簡介76
4.4.2插入普通網頁圖像77
4.4.3插入網頁背景圖像77
4.4.4插入Photoshop智慧型對象78
4.4.5製作滑鼠經過圖像82
4.5實驗指導84
4.6思考練習86
第5章處理與編輯網頁圖像87
5.1PhotoshopCC簡介87
5.1.1PhotoshopCC的工作界面87
5.1.2PhotoshopCC的基本操作91
5.2處理網頁圖像95
5.2.1網頁圖像的基礎知識95
5.2.2圖像檔案的基本操作97
5.2.3常用工具的使用方法98
5.2.4處理圖層的操作方法105
5.2.5創建路徑108
5.2.6使用通道110
5.2.7使用圖層蒙版112
5.2.8使用濾鏡113
5.3編輯網頁圖像115
5.3.1設定網頁圖像屬性115
5.3.2使用圖像編輯器116
5.4實驗指導117
5.5思考練習118
第6章製作多媒體網頁119
6.1FlashCC簡介119
6.1.1FlashCC的工作界面119
6.1.2FlashCC的文檔操作123
6.2製作Flash動畫124
6.2.1認識時間軸和幀124
6.2.2幀的基本操作125
6.2.3製作逐幀動畫126
6.2.4製作形狀補間動畫127
6.2.5製作傳統補間動畫128
6.2.6在動畫中使用圖層與元件129
6.3在網頁中插入Flash動畫132
6.3.1插入Flash動畫133
6.3.2設定Flash動畫屬性133
6.4在網頁中插入視頻與音頻134
6.4.1插入與設定Flash視頻135
6.4.2插入普通音/視頻136
6.5在網頁中插入HTML5視頻與音頻138
6.5.1插入HTML5視頻138
6.5.2插入HTML5音頻139
6.6實驗指導140
6.7思考練習141
第7章套用與管理網頁超連結143
7.1超連結簡介143
7.1.1超連結的類型143
7.1.2超連結的路徑144
7.2創建超連結145
7.2.1創建文本連結145
7.2.2創建圖像映射連結146
7.2.3製作錨點連結148
7.2.4製作音/視頻連結150
7.2.5製作檔案下載連結151
7.2.6製作電子郵件連結153
7.3管理超連結154
7.3.1更新超連結154
7.3.2修改超連結154
7.3.3測試超連結155
7.3.4在HTML代碼中編輯超連結155
7.4實驗指導156
7.5思考練習162
第8章製作表單頁面163
8.1在網頁中創建表單163
8.1.1表單簡介163
8.1.2製作表單165
8.2插入表單對象166
8.2.1插入文本域166
8.2.2插入密碼域168
8.2.3插入文本區域169
8.2.4插入選擇(列表/選單)170
8.2.5插入單選按鈕和複選框171
8.2.6插入檔案域175
8.2.7插入標籤和域集177
8.2.8插入按鈕和圖像按鈕178
8.2.9插入隱藏域182
8.2.10插入顏色選擇器183
8.2.11插入日期時間設定器184
8.2.12插入範圍滑塊185
8.3實驗指導187
8.4思考練習190
第9章使用CSS樣式表修飾網頁191
9.1認識CSS樣式表191
9.1.1CSS樣式表簡介191
9.1.2CSS的規則分類192
9.2使用CSS設計器面板193
9.2.1認識CSS設計器面板193
9.2.2創建與附加CSS樣式表194
9.2.3設定媒體查詢196
9.2.4定義選擇器197
9.2.5設定CSS規則屬性198
9.3使用CSS樣式202
9.3.1套用CSS樣式202
9.3.2使用多CSS類選區204
9.4編輯CSS樣式205
9.4.1設定“類型”屬性205
9.4.2設定“背景”屬性206
9.4.3設定“區塊”屬性207
9.4.4設定“方框”屬性208
9.4.5設定“框線”屬性208
9.4.6設定“列表”屬性209
9.4.7設定“定位”屬性209
9.4.8設定“擴展”屬性210
9.4.9設定“過渡”屬性211
9.5套用CSS3過渡效果211
9.5.1創建CSS3過渡效果211
9.5.2編輯CSS3過渡效果213
9.5.3刪除CSS3過渡效果214
9.6實驗指導215
9.7思考練習220
第10章使用模板和庫製作網頁221
10.1使用模板221
10.1.1模板簡介221
10.1.2創建模板222
10.1.3創建模板區域222
10.1.4使用模板創建網頁226
10.1.5創建嵌套模板229
10.2使用庫230
10.2.1認識庫項目230
10.2.2創建庫項目230
10.2.3設定庫項目231
10.2.4套用庫項目231
10.2.5修改庫項目232
10.3實驗指導234
10.3.1利用模板製作網頁234
10.3.2利用庫項目製作網頁237
10.4思考練習240
第11章使用行為製作網頁特效241
11.1認識行為241
11.1.1行為的基礎知識241
11.1.2使用“行為”面板242
11.1.3編輯網頁行為243
11.2使用行為調節瀏覽器244
11.2.1打開瀏覽器視窗244
11.2.2調用JavaScript245
11.2.3轉到URL246
11.3使用行為控制圖像247
11.3.1交換圖像247
11.3.2預先載入圖像249
11.4使用行為顯示文本250
11.4.1彈出信息250
11.4.2設定狀態欄文本251
11.4.3設定容器的文本252
11.4.4設定文本域文字254
11.5使用行為載入多媒體255
11.5.1檢查外掛程式255
11.5.2改變屬性257
11.5.3顯示-隱藏元素258
11.6使用行為控制表單259
11.6.1跳轉選單259
11.6.2跳轉選單開始260
11.6.3檢查表單261
11.7實驗指導263
11.7.1製作網頁文本特效263
11.7.2製作網頁選單特效268
11.8思考練習270
第12章ASP應用程式基礎271
12.1ASP簡介271
12.1.1ASP的技術特點271
12.1.2ASP的工作流程272
12.1.3ASP的工作原理273
12.1.4ASP的運行環境273
12.1.5ASP的內建對象273
12.2架設ASP動態網站伺服器274
12.2.1配置Internet伺服器274
12.2.2安裝並架設IIS275
12.3創建與運行ASP應用程式278
12.3.1編寫與保存ASP檔案279
12.3.2測試與運行ASP檔案279
12.4實驗指導280
12.4.1構建Dreamweaver+ASP網站開發環境280
12.4.2測試Dreamweaver+ASP網站開發環境282
12.5思考練習283
第13章製作ASP動態網頁285
13.1設計Access資料庫285
13.1.1Access資料庫的基本操作285
13.1.2Access資料庫的基礎知識289
13.2連線資料庫291
13.2.1DSN簡介291
13.2.2定義系統DSN292
13.2.3創建系統DSN連線293
13.3定義記錄集294
13.3.1定義簡單記錄集294
13.3.2定義高級記錄集295
13.4綁定動態數據296
13.4.1綁定動態文本數據296
13.4.2設定動態文本數據297
13.5添加伺服器行為297
13.5.1“重複區域”行為297
13.5.2“記錄集分頁”行為298
13.5.3“顯示區域”行為299
13.5.4“轉到詳細頁面”行為299
13.5.5“轉到相關頁面”行為300
13.5.6“插入記錄”行為301
13.5.7“更新記錄”行為301
13.5.8“刪除記錄”行為302
13.5.9“登錄用戶”行為303
13.5.10“限制對頁的訪問”行為304
13.5.11“註銷用戶”行為304
13.5.12“檢查新用戶名”行為305
13.6實驗指導305
13.7思考練習309
第14章測試與管理站點311
14.1測試站點311
14.1.1站點測試的步驟311
14.1.2檢測與修復連結312
14.1.3檢查站點測試報告313
14.2管理站點314
14.2.1同步站點315
14.2.2標識並刪除未使用檔案315
14.2.3在設計備註中管理站點信息315
14.2.4管理站點資源317
14.3維護站點317
14.3.1上傳和下載318
14.3.2站點的發布318
14.4實驗指導320
14.5思考練習320
1.1 網頁製作的基礎知識 1
1.1.1 網頁和網站 1
1.1.2 網頁的基本元素 3
1.1.3 網頁的常見類型 4
1.2 網頁設計構思與布局 5
1.2.1 網頁的設計構思 5
1.2.2 網頁的布局結構 7
1.3 網頁製作工具簡介 7
1.3.1 網頁製作軟體——Dreamweaver 8
1.3.2 圖像處理軟體——Photoshop 8
1.3.3 動畫製作軟體——Flash 9
1.4 與網頁相關的概念 10
1.4.1 全球資訊網(WWW) 10
1.4.2 超文本傳輸協定 10
1.4.3 統一資源定位器 11
1.4.4 網頁框架語言HTML 12
1.5 實驗指導 13
1.5.1 創建HTML 網頁檔案 14
1.5.2 設定HTML 網頁文本 15
1.6 思考練習 16
第2 章 Dreamweaver CC 快速入門 17
2.1 Dreamweaver CC 簡介 17
2.1.1 Dreamweaver CC 的工作界面 17
2.1.2 Dreamweaver CC 的基本操作 21
2.2 創建與設定站點 24
2.2.1 站點簡介 24
2.2.2 規劃站點 26
2.2.3 創建本地站點 27
2.2.4 設定本地站點 29
2.2.5 創建網站檔案 29
2.3 設定Dreamweaver視圖 31
2.3.1 切換文檔視圖 31
2.3.2 使用可視化助理 33...
2.4實驗指導36
2.4.1創建本地站點36
2.4.2設定網頁屬性37
2.4.3設定網頁關鍵字39
2.5思考練習40
第3章使用表格布局頁面41
3.1使用表格41
3.1.1網頁中表格的用途41
3.1.2創建表格42
3.1.3插入表格元素44
3.1.4設定表格屬性45
3.2編輯表格48
3.2.1選擇表格元素48
3.2.2調整表格大小51
3.2.3更改列寬和行高51
3.2.4添加或刪除行或列52
3.2.5拆分與合併單元格53
3.2.6複製與貼上單元格54
3.2.7設定表格內容排序54
3.2.8導入與導出表格式數據55
3.3實驗指導57
3.3.1製作網站首頁57
3.3.2製作產品頁面61
3.4思考練習64
第4章製作簡單圖文網頁65
4.1在網頁中添加文本65
4.1.1輸入網頁文本65
4.1.2插入特殊符號66
4.1.3插入日期與時間67
4.1.4插入水平線68
4.1.5插入滾動文字70
4.2創建無序列表和有序列表70
4.2.1製作無序列表70
4.2.2製作有序列表72
4.3設定網頁文本屬性73
4.3.1設定文本基本屬性73
4.3.2添加網頁文本字型75
4.4在網頁中插入圖像76
4.4.1網頁圖像簡介76
4.4.2插入普通網頁圖像77
4.4.3插入網頁背景圖像77
4.4.4插入Photoshop智慧型對象78
4.4.5製作滑鼠經過圖像82
4.5實驗指導84
4.6思考練習86
第5章處理與編輯網頁圖像87
5.1PhotoshopCC簡介87
5.1.1PhotoshopCC的工作界面87
5.1.2PhotoshopCC的基本操作91
5.2處理網頁圖像95
5.2.1網頁圖像的基礎知識95
5.2.2圖像檔案的基本操作97
5.2.3常用工具的使用方法98
5.2.4處理圖層的操作方法105
5.2.5創建路徑108
5.2.6使用通道110
5.2.7使用圖層蒙版112
5.2.8使用濾鏡113
5.3編輯網頁圖像115
5.3.1設定網頁圖像屬性115
5.3.2使用圖像編輯器116
5.4實驗指導117
5.5思考練習118
第6章製作多媒體網頁119
6.1FlashCC簡介119
6.1.1FlashCC的工作界面119
6.1.2FlashCC的文檔操作123
6.2製作Flash動畫124
6.2.1認識時間軸和幀124
6.2.2幀的基本操作125
6.2.3製作逐幀動畫126
6.2.4製作形狀補間動畫127
6.2.5製作傳統補間動畫128
6.2.6在動畫中使用圖層與元件129
6.3在網頁中插入Flash動畫132
6.3.1插入Flash動畫133
6.3.2設定Flash動畫屬性133
6.4在網頁中插入視頻與音頻134
6.4.1插入與設定Flash視頻135
6.4.2插入普通音/視頻136
6.5在網頁中插入HTML5視頻與音頻138
6.5.1插入HTML5視頻138
6.5.2插入HTML5音頻139
6.6實驗指導140
6.7思考練習141
第7章套用與管理網頁超連結143
7.1超連結簡介143
7.1.1超連結的類型143
7.1.2超連結的路徑144
7.2創建超連結145
7.2.1創建文本連結145
7.2.2創建圖像映射連結146
7.2.3製作錨點連結148
7.2.4製作音/視頻連結150
7.2.5製作檔案下載連結151
7.2.6製作電子郵件連結153
7.3管理超連結154
7.3.1更新超連結154
7.3.2修改超連結154
7.3.3測試超連結155
7.3.4在HTML代碼中編輯超連結155
7.4實驗指導156
7.5思考練習162
第8章製作表單頁面163
8.1在網頁中創建表單163
8.1.1表單簡介163
8.1.2製作表單165
8.2插入表單對象166
8.2.1插入文本域166
8.2.2插入密碼域168
8.2.3插入文本區域169
8.2.4插入選擇(列表/選單)170
8.2.5插入單選按鈕和複選框171
8.2.6插入檔案域175
8.2.7插入標籤和域集177
8.2.8插入按鈕和圖像按鈕178
8.2.9插入隱藏域182
8.2.10插入顏色選擇器183
8.2.11插入日期時間設定器184
8.2.12插入範圍滑塊185
8.3實驗指導187
8.4思考練習190
第9章使用CSS樣式表修飾網頁191
9.1認識CSS樣式表191
9.1.1CSS樣式表簡介191
9.1.2CSS的規則分類192
9.2使用CSS設計器面板193
9.2.1認識CSS設計器面板193
9.2.2創建與附加CSS樣式表194
9.2.3設定媒體查詢196
9.2.4定義選擇器197
9.2.5設定CSS規則屬性198
9.3使用CSS樣式202
9.3.1套用CSS樣式202
9.3.2使用多CSS類選區204
9.4編輯CSS樣式205
9.4.1設定“類型”屬性205
9.4.2設定“背景”屬性206
9.4.3設定“區塊”屬性207
9.4.4設定“方框”屬性208
9.4.5設定“框線”屬性208
9.4.6設定“列表”屬性209
9.4.7設定“定位”屬性209
9.4.8設定“擴展”屬性210
9.4.9設定“過渡”屬性211
9.5套用CSS3過渡效果211
9.5.1創建CSS3過渡效果211
9.5.2編輯CSS3過渡效果213
9.5.3刪除CSS3過渡效果214
9.6實驗指導215
9.7思考練習220
第10章使用模板和庫製作網頁221
10.1使用模板221
10.1.1模板簡介221
10.1.2創建模板222
10.1.3創建模板區域222
10.1.4使用模板創建網頁226
10.1.5創建嵌套模板229
10.2使用庫230
10.2.1認識庫項目230
10.2.2創建庫項目230
10.2.3設定庫項目231
10.2.4套用庫項目231
10.2.5修改庫項目232
10.3實驗指導234
10.3.1利用模板製作網頁234
10.3.2利用庫項目製作網頁237
10.4思考練習240
第11章使用行為製作網頁特效241
11.1認識行為241
11.1.1行為的基礎知識241
11.1.2使用“行為”面板242
11.1.3編輯網頁行為243
11.2使用行為調節瀏覽器244
11.2.1打開瀏覽器視窗244
11.2.2調用JavaScript245
11.2.3轉到URL246
11.3使用行為控制圖像247
11.3.1交換圖像247
11.3.2預先載入圖像249
11.4使用行為顯示文本250
11.4.1彈出信息250
11.4.2設定狀態欄文本251
11.4.3設定容器的文本252
11.4.4設定文本域文字254
11.5使用行為載入多媒體255
11.5.1檢查外掛程式255
11.5.2改變屬性257
11.5.3顯示-隱藏元素258
11.6使用行為控制表單259
11.6.1跳轉選單259
11.6.2跳轉選單開始260
11.6.3檢查表單261
11.7實驗指導263
11.7.1製作網頁文本特效263
11.7.2製作網頁選單特效268
11.8思考練習270
第12章ASP應用程式基礎271
12.1ASP簡介271
12.1.1ASP的技術特點271
12.1.2ASP的工作流程272
12.1.3ASP的工作原理273
12.1.4ASP的運行環境273
12.1.5ASP的內建對象273
12.2架設ASP動態網站伺服器274
12.2.1配置Internet伺服器274
12.2.2安裝並架設IIS275
12.3創建與運行ASP應用程式278
12.3.1編寫與保存ASP檔案279
12.3.2測試與運行ASP檔案279
12.4實驗指導280
12.4.1構建Dreamweaver+ASP網站開發環境280
12.4.2測試Dreamweaver+ASP網站開發環境282
12.5思考練習283
第13章製作ASP動態網頁285
13.1設計Access資料庫285
13.1.1Access資料庫的基本操作285
13.1.2Access資料庫的基礎知識289
13.2連線資料庫291
13.2.1DSN簡介291
13.2.2定義系統DSN292
13.2.3創建系統DSN連線293
13.3定義記錄集294
13.3.1定義簡單記錄集294
13.3.2定義高級記錄集295
13.4綁定動態數據296
13.4.1綁定動態文本數據296
13.4.2設定動態文本數據297
13.5添加伺服器行為297
13.5.1“重複區域”行為297
13.5.2“記錄集分頁”行為298
13.5.3“顯示區域”行為299
13.5.4“轉到詳細頁面”行為299
13.5.5“轉到相關頁面”行為300
13.5.6“插入記錄”行為301
13.5.7“更新記錄”行為301
13.5.8“刪除記錄”行為302
13.5.9“登錄用戶”行為303
13.5.10“限制對頁的訪問”行為304
13.5.11“註銷用戶”行為304
13.5.12“檢查新用戶名”行為305
13.6實驗指導305
13.7思考練習309
第14章測試與管理站點311
14.1測試站點311
14.1.1站點測試的步驟311
14.1.2檢測與修復連結312
14.1.3檢查站點測試報告313
14.2管理站點314
14.2.1同步站點315
14.2.2標識並刪除未使用檔案315
14.2.3在設計備註中管理站點信息315
14.2.4管理站點資源317
14.3維護站點317
14.3.1上傳和下載318
14.3.2站點的發布318
14.4實驗指導320
14.5思考練習320
