《網頁設計與制作教程(第2版)》以Dreamweaver的使用為主線,從實際應用的角度系統地介紹了網頁制作的相關技術。全書分為15章,分別介紹了網頁制作的基本概念和理論、建立站點和編輯網頁、文本編輯與格式化、使用超鏈接、在網頁中使用圖像和簡單的圖像處理操作、使用CSS樣式、使用表格、使用CSS布局、使用框架布局、使用表單、使用多媒體對象、使用行為、使用模板和庫、網站測試與發布,以及一個綜合網站實例的開發過程。
《網頁設計與制作教程(第2版)》重點突出、講解透徹,可供各類高職高專院校作為“網頁制作”課程的教材,也適合作為網頁制作初學者的自學用書。
本書注重實踐操作,突出應用技巧;
實例貫穿全書,強調綜合應用;
內容組織合理,適合教學需要。
本書以Dreamweaver的使用為主線,從實際應用的角度系統介紹了網頁制作這門技術。本書重點突出、講解精練,對網頁制作中的各種基本知識和操作的介紹都清楚透徹,同時以實例貫穿,對于每一個知識點,都通過具體典型的實例來說明,使讀者可以盡快掌握知識和技能的關鍵。此外,各章還提供了練習題和上機實驗題目,可使讀者檢測自己的學習效果和供實驗之用
·軟件版本更新為DreamweaverCS3和Fireworks CS3。
·鑒于多數院校都單獨開設了“圖像處理”和“Flash動畫制作”課程,本版刪除了原書中有關Fireworks應用和Flash應用的章節,僅保留最基本的圖像處理應用內容。
·將原書中各章相對獨立的實例整合為一個完整的實例貫穿全書,使讀者能以全局的角度理解各技術的應用。
·近年來CSS技術逐漸成為主流,因此本版增強了對該技術的闡述。
·為使本書更適合教學需要,習題部分增加了選擇題。
本書修訂后主要特點如下。
·重點突出、講解精練。本書不求面面俱到,但對網頁制作中涉及的各種基本知識和操作都介紹得清楚透徹,使讀者能夠準確地掌握關鍵知識。
·實例貫穿、簡明實用。每一個知識點都通過具體典型的實例來說明,使讀者可以盡快地掌握知識和技能。
·形式合理、適合教學。除了合理的知識點分布以外,各章還提供了練習題和上機實驗題目,可使讀者檢測自己的學習效果并能供實驗使用。上機實驗中的部分題目提供了更大的自由發揮空間,適合想進一步提高的讀者。
趙豐年,北京理工大學軟件學院講師,主講“網頁制作”、“網站開發基礎”等課程近10年,有豐富的教學經驗,多次榮獲國家級和省部級教學成果獎。2004年~2005年在美國加州大學San Diego分校訪問,研究web可用性與網站開發技術的應用。已經出版計算機類圖書(主要是網頁制作方面)30余部,其中l部普通高等教育“十五”國家級規劃教材,3部普通高等教育“十一五”國家規劃教材和1部北京市高等教育精品教材,讀者人數近百萬。
第1章 網頁制作基礎 1
1.1 Internet中的網頁 1
1.1.1 網站與網頁 1
1.1.2 網頁的本質 2
1.1.3 網頁制作技術 3
1.1.4 網站中的資源 4
1.2 網頁制作工具概述 4
1.2.1 網頁制作工具 4
1.2.2 圖像處理和動畫制作工具 5
1.3 網站建設工作流程 5
1.3.1 規劃站點 6
1.3.2 設計站點 8
1.3.3 制作網頁與測試 10
1.3.4 網站發布與維護 11
習題 11
上機實驗 12
第2章 站點與文檔操作 13
2.1 Dreamweaver的工作界面 13
2.1.1 概述 13
2.1.2 菜單欄 13
2.1.3 “插入”欄 15
2.1.4 工具欄 16
2.1.5 文檔窗口 17
2.1.6 狀態欄 18
2.1.7 屬性檢查器 19
2.1.8 面板組 19
2.1.9 快捷菜單 20
2.2 創建本地站點 20
2.2.1 創建本地根目錄 20
2.2.2 定義本地站點 21
2.3 管理站點 22
2.3.1 站點操作 22
2.3.2 文件操作 23
2.4 文檔操作 25
2.4.1 新建文檔 25
2.4.2 打開文檔 26
2.4.3 添加內容 26
2.4.4 保存和預覽網頁 26
2.4.5 設置頁面屬性 27
習題 31
上機實驗 32
第3章 文本編輯與格式化 33
3.1 文本編輯 33
3.1.1 添加和編輯文本 33
3.1.2 使用特殊字符 35
3.1.3 使用HTML元素 37
3.2 文本格式化 38
3.2.1 設置段落格式 38
3.2.2 設置字符格式 43
習題 46
上機實驗 47
第4章 使用超鏈接 48
4.1 超鏈接基礎 48
4.1.1 什么是URL 48
4.1.2 絕對URL與相對URL 49
4.1.3 超鏈接的分類 49
4.2 創建超鏈接 50
4.2.1 超鏈接操作 50
4.2.2 頁面鏈接 50
4.2.3 文件下載鏈接 52
4.2.4 E-mail鏈接 53
4.2.5 錨記鏈接 54
4.3 管理鏈接 56
4.3.1 使用站點地圖 56
4.3.2 使用鏈接檢查器 57
習題 58
上機實驗 59
第5章 使用與處理圖像 60
5.1 Web圖像基礎 60
5.1.1 矢量圖與位圖 60
5.1.2 常用的Web圖像格式 61
5.1.3 使用圖像的要點 62
5.2 使用圖像 63
5.2.1 插入圖像 63
5.2.2 圖像的屬性 65
5.3 處理圖像 65
5.3.1 使用Dreamweaver編輯圖像 66
5.3.2 使用Fireworks處理圖像 67
5.4 使用圖像效果 77
5.4.1 跟蹤圖像 77
5.4.2 背景圖像 78
5.4.3 鼠標經過圖像 79
5.4.4 圖像映射 81
5.4.5 制作Web相冊 82
習題 84
上機實驗 85
第6章 使用CSS樣式 86
6.1 CSS技術基礎 86
6.1.1 CSS簡介 86
6.1.2 內部樣式與外部樣式 87
6.1.3 CSS樣式定義規則 90
6.1.4 CSS樣式屬性的單位 92
6.1.5 常用的CSS樣式屬性 93
6.2 創建和應用CSS樣式 99
6.2.1 3種類型的樣式 99
6.2.2 兩種樣式表 101
6.3 編輯和管理CSS樣式 105
習題 108
上機實驗 109
第7章 使用表格 110
7.1 使用表格顯示內容 110
7.1.1 表格操作 110
7.1.2 使用表格顯示數據 112
7.2 使用表格布局網頁 115
7.2.1 網頁布局基礎 115
7.2.2 使用布局表格 116
7.2.3 綜合使用表格與CSS 121
習題 124
上機實驗 125
第8章 使用CSS布局 127
8.1 CSS布局基礎 127
8.1.1 CSS模型盒 127
8.1.2 CSS布局屬性 128
8.1.3 創建CSS布局的方法 129
8.2 使用預設的CSS布局 129
8.3 使用AP Div元素布局 133
8.3.1 AP Div元素基礎 133
8.3.2 AP Div元素布局實例 135
8.4 使用Div標簽布局 137
8.4.1 使用Div標簽 138
8.4.2 單列液態布局 139
8.4.3 二列彈性布局 144
8.4.4 三列混合布局 148
習題 152
上機實驗 153
第9章 使用框架 154
9.1 框架概述 154
9.1.1 什么是框架 154
9.1.2 框架的基本操作 155
9.2 框架布局實例 160
9.2.1 創建框架結構 161
9.2.2 設置框架集與框架的屬性 161
9.2.3 制作框架中的網頁 162
9.2.4 鏈接目標框架 165
習題 165
上機實驗 166
第10章 使用表單 167
10.1 表單概述 167
10.1.1 表單網頁 167
10.1.2 表單組件 168
10.1.3 表單的工作原理 168
10.2 創建表單 169
10.2.1 插入表單框 169
10.2.2 表單的屬性 170
10.2.3 創建表單組件 170
10.2.4 修飾表單網頁 178
10.3 驗證表單 179
習題 181
上機實驗 182
第11章 使用多媒體對象 183
11.1 使用Flash動畫 183
11.1.1 Flash動畫格式 183
11.1.2 插入Flash動畫 184
11.1.3 插入Flash按鈕 185
11.1.4 插入Flash文本 186
11.2 使用聲音與視頻 187
11.2.1 聲音與視頻概述 187
11.2.2 添加聲音與視頻 188
習題 191
上機實驗 191
第12章 使用行為 193
12.1 行為概述 193
12.1.1 行為與事件 193
12.1.2 “行為”面板 193
12.2 使用內置的Dreamweaver行為 194
12.2.1 彈出信息行為 194
12.2.2 打開瀏覽器窗口行為 195
12.2.3 顯示-隱藏元素行為 197
12.2.4 跳轉菜單行為 199
12.2.5 效果行為 200
習題 202
上機實驗 202
第13章 使用模板和庫 204
13.1 使用模板 204
13.1.1 什么是模板 204
13.1.2 創建模板 205
13.1.3 編輯模板 206
13.1.4 使用模板創建網頁 207
13.1.5 更新模板 210
13.2 使用庫 210
13.2.1 什么是庫 210
13.2.2 創建庫項目 211
13.2.3 編輯庫項目 211
習題 212
上機實驗 212
第14章 網站測試與發布 213
14.1 網站測試 213
14.1.1 測試網頁 213
14.1.2 測試站點 215
14.2 申請域名與空間 217
14.3 發布網站 217
14.3.1 定義遠程站點 217
14.3.2 上傳站點 218
習題 219
上機實驗 220
第15章 網站開發實例 221
15.1 網站規劃 221
15.1.1 網站分析 221
15.1.2 內容規劃 222
15.2 網頁設計 222
15.2.1 設計頁面布局 222
15.2.2 站點導航 223
15.2.3 顏色方案 223
15.2.4 圖像、多媒體和行為 224
15.2.5 CSS布局樣式 224
15.3 建立本地站點 224
15.3.1 定義站點 224
15.3.2 建立文件結構 225
15.4 網頁制作 226
15.4.1 制作首頁 227
15.4.2 制作二級頁面 232
15.4.3 使用模板制作其他網頁 235
上機實驗 238
第1章 網頁制作基礎
網頁制作是熱門的計算機應用領域之一,但什么是網頁,有哪些軟件可以用來制作網頁,制作網頁應遵循什么步驟,這些并不是人人都能清楚回答的問題。本章將向讀者介紹與網頁制作相關的基礎知識,主要內容包括網頁制作的概念和技術、網頁制作常用工具以及網站開發的工作流程。
1.1 Internet中的網頁
本節介紹一些與網頁制作有關的基本概念,內容包括網站與網頁的概念、網頁的本質、網頁制作技術和網站中的數據資源。
1.1.1 網站與網頁
www(world Wide Web,萬維網)是Internet提供的服務之一,用戶可以利用www服務獲得信息并進行網上交流。
從術語角度講,www是由遍布在Internet上稱為Web服務器的計算機組成,它將不同的信息資源有機地組織在一起,通過一種叫做“瀏覽器”的軟件進行瀏覽。
www是由遍布世界各地的Web服務器組成,那么,這些Web服務器又是如何構成一個龐大的資源集合呢?答案就是網頁。由于網頁中包含所謂的“超鏈接”,這些超鏈接可以將一個網頁鏈接到其他網頁,從而構成了萬維網的縱橫交織結構。
通過超鏈接連接起來的一系列邏輯上可以視為一個整體的網頁就叫做網站;蛘哒f,網站就是一個鏈接的頁面集合,通常用于完成某個特定目標,比如對公司產品進行展示宣傳。