《網頁設計與製作教程（第4版）》是2014年7月機械工業出版社出版的圖書，作者是劉瑞新。
基本介紹
- 書名：網頁設計與製作教程（第4版）
- 作者：劉瑞新
- ISBN：9787111283393
- 定價：30元
- 出版社：機械工業出版社
- 出版時間：2014年7月
- 裝幀：平裝
- 開本：16開
內容簡介,圖書目錄,
內容簡介
本書內容涵蓋了使用Dreamweaver CS4進行網站規劃、設計和建設管理的各個部分，主要內容包括：網頁設計製作概述、網頁版面設計基礎、用Dreamweaver CS4創建基本網頁、超連結、表格、網頁行為語言--JavaScript、網頁表現語言--CSS、框架、表單、模板與庫、多媒體對象、使用Div布局頁面、網站的整合與測試發布。 本書採用任務驅動的案例教學方式，以網頁設計為中心，以案例為引導，把介紹知識與案例設計、製作、分析融於一體，結構上採用點面結合，以一個虛構的網站（曙光大學網站）作為案例講解，配以輔助網站（愛家美食網站）的實訓練習，兩條主線互相結合、相輔相成，自始至終貫穿於本書之中。 本書可作為大專院校計算機、網路及電子商務等專業的教學用書，也可作為網頁製作的培訓教程及網頁製作愛好者或相關從業人員的自學用書。
圖書目錄
目 錄
前言
第1章 網頁設計製作概述 1
1.1 網頁、網站的概念 1
1.1.1 網頁、網站和主頁 1
1.1.2 靜態網頁和動態網頁 1
1.2 Web標準 2
1.2.1 Web標準的概念 2
1.2.2 建立Web標準的目的 3
1.2.3 採用Web標準的優點 4
1.3 網站的規劃與設計 4
1.4 網站開發工作流程 5
1.4.1 規劃站點 5
1.4.2 設定開發環境 6
1.4.3 規劃頁面設計和布局 6
1.4.4 創建內容資源 7
1.4.5 組合、測試和部署 7
1.4.6 維護和更新站點 8
1.4.7 案例：規劃曙光大學網站 8
1.5 網站策劃書撰寫要點 9
1.6 常用網頁製作軟體 11
1.6.1 網頁製作工具 11
1.6.2 網頁圖形圖像處理工具 12
1.6.3 網頁動畫製作與特效工具 13
1.6.4 網頁上傳工具 13
1.6.5 網頁設計工具的發展動向 14
1.7 實訓：規劃愛家美食網站 15
1.8 習題 15
第2章 網頁版面設計基礎 16
2.1 網頁基礎知識 16
2.1.1 虛擬界面 16
2.1.2 網頁界面的特點 16
2.1.3 網頁的功能 18
2.2 網頁版面設計 20
2.2.1 版面編排原則 20
2.2.2 網頁排版布局的一般步驟 21
2.2.3 版面典型風格 21
2.2.4 網頁排版布局的常用技術 23
2.2.5 色彩搭配 23
2.2.6 設計規則 24
2.2.7 設計誤區 27
2.2.8 案例：設計曙光大學網站首頁版面 28
2.3 實訓：設計愛家美食網站首頁版面 30
2.4 習題 30
第3章 用Dreamweaver CS4創建基本網頁 32
3.1 Dreamweaver CS4入門 32
3.1.1 Dreamweaver CS4工作環境 32
3.1.2 Dreamweaver CS4的參數設定 37
3.2 製作簡單網頁 39
3.2.1 創建網站站點 39
3.2.2 新建與保存網頁 42
3.2.3 頁面屬性設定 45
3.2.4 網頁的基本排版 46
3.2.5 插入圖像 48
3.2.6 案例1：創建曙光大學網站""學校概況""頁面 50
3.3 製作圖文並茂網頁 53
3.3.1 圖文混排 53
3.3.2 案例2：設計曙光大學網站""校園風采""頁面 54
3.4 網頁結構語言XHTML 56
3.4.1 XHTML簡介 57
3.4.2 XHTML文檔的基本結構 57
3.4.3 使用Dreamweaver CS4的代碼視圖查看XHTML文檔 59
3.4.4 案例3：了解曙光大學網站""校園風采""網頁代碼 59
3.5 實訓 61
3.5.1 實訓1：製作愛家美食網站""白雲豆燒牛肉""頁面 61
3.5.2 實訓2：製作愛家美食網站""美食推薦""頁面 63
3.6 習題 64
第4章 超連結 65
4.1 超連結的基本概念 65
4.2 創建內部超連結 66
4.2.1 內部超連結的形式 66
4.2.2 創建文字超連結 66
4.2.3 創建圖片超連結 67
4.2.4 案例：製作曙光大學網站""招生信息""欄目 68
4.3 創建其他類型超連結 73
4.3.1 外部連結 73
4.3.2 E-mail超連結 73
4.3.3 錨點超連結 74
4.3.4 下載連結 75
4.4 實訓 75
4.4.1 實訓1：製作愛家美食網站""食尚前沿""系列頁面 75
4.4.2 實訓2：製作愛家美食網站""美味靚湯""系列頁面 79
4.5 習題 80
第5章 表格 81
5.1 表格基本操作 81
5.1.1 創建表格 81
5.1.2 設定表格屬性 82
5.1.3 表格的基本操作 83
5.1.4 案例1：製作曙光大學網站""就業信息""網頁 89
5.2 XHTML表格 93
5.2.1 簡單表格 93
5.2.2 表格內文字的對齊方式 94
5.2.3 表格在頁面中的對齊方式 94
5.2.4 表格的色彩和圖像背景 94
5.2.5 案例2：分析曙光大學網站""就業信息""欄目主頁代碼 95
5.3 表格布局頁面的綜合套用 97
5.3.1 製作網站首頁的技術要點 97
5.3.2 案例3：製作曙光大學網站首頁 97
5.4 實訓 110
5.4.1 實訓1：製作愛家美食網站""美食圖庫""頁面 110
5.4.2 實訓2：製作愛家美食網站首頁 112
5.5 習題 113
第6章 網頁行為語言--JavaScript 115
6.1 JavaScript簡介 115
6.1.1 JavaScript的特點 115
6.1.2 在網頁中插入JavaScript的方法及定義 115
6.2 行為 116
6.2.1 行為的基本概念 116
6.2.2 ""行為""面板 116
6.3 頁面對象行為 118
6.3.1 利用""行為""面板設定彈出視窗頁面 118
6.3.2 利用""行為""面板設定彈出信息框 119
6.3.3 案例1：製作曙光大學網站首頁彈出視窗頁面 119
6.4 基於對象的JavaScript腳本語言 121
6.4.1 對象及相關概念 122
6.4.2 DHTML對象模型簡介 123
6.5 對象事件 125
6.5.1 對象事件的分類 125
6.5.2 常用的事件及處理程式 126
6.6 製作JavaScript特效 128
6.6.1 案例2：製作曙光大學網站首頁滾動的""友情連結""信息 128
6.6.2 案例3：製作曙光大學網站首頁循環滾動圖片廣告 130
6.6.3 案例4：製作曙光大學網站首頁幻燈切換廣告 133
6.7 實訓 135
6.7.1 實訓1：製作愛家美食網站菜譜彈出信息框 135
6.7.2 實訓2：製作愛家美食網站首頁幻燈切換廣告 136
6.8 習題 140
第7章 網頁表現語言--CSS 142
7.1 CSS簡介 142
7.1.1 CSS的特點和用途 142
7.1.2 CSS規則 143
7.1.3 CSS常用屬性 143
7.2 ""CSS樣式""面板 149
7.2.1 ""正在""模式下的""CSS樣式""面板 149
7.2.2 ""全部""模式下的""CSS樣式""面板 149
7.2.3 ""CSS樣式""面板視圖和按鈕 149
7.3 創建並使用內部樣式表 150
7.3.1 創建自定義樣式 151
7.3.2 創建僅套用於一個HTML元素的樣式 152
7.3.3 創建重定義HTML標籤樣式 152
7.3.4 創建連結樣式 153
7.3.5 樣式的套用 153
7.3.6 案例1：製作曙光大學網站導航條選單 154
7.4 創建並使用外部CSS樣式 159
7.4.1 創建外部樣式檔案 160
7.4.2 連結外部樣式 160
7.4.3 案例2：創建曙光大學網站樣式 162
7.5 實訓 164
7.5.1 實訓1：製作愛家美食網站""奶茶評測""頁面 164
7.5.2 實訓2：創建愛家美食網站樣式 165
7.6 習題 166
第8章 框架 167
8.1 創建框架頁 167
8.1.1 框架類型和""框架""面板 167
8.1.2 新建框架頁 168
8.1.3 保存框架頁 171
8.2 框架頁面連結 171
8.2.1 設定框架屬性 171
8.2.2 設定框架頁面之間的連結 173
8.2.3 案例：製作曙光大學網站""對外合作""頁面 174
8.3 實訓：製作愛家美食網站""菜譜大全""頁面 179
8.4 習題 181
第9章 表單 183
9.1 表單簡介 183
9.1.1 表單的基本概念 183
9.1.2 表單對象 184
9.2 常用表單對象設定 184
9.2.1 表單 184
9.2.2 文本域 185
9.2.3 隱藏域 186
9.2.4 複選框 187
9.2.5 單選按鈕 187
9.2.6 列表/選單 188
9.2.7 跳轉選單 189
9.2.8 圖像域 190
9.2.9 檔案域 191
9.2.10 按鈕 191
9.2.11 Spry框架簡介 193
9.2.12 案例1：製作曙光大學網站""用戶登錄""界面 193
9.2.13 案例2：製作曙光大學網站""用戶註冊""頁面 197
9.3 檢查表單 203
9.3.1 使用""檢查表單""行為 203
9.3.2 案例3：檢查""用戶註冊""頁面表單數據的合法性 204
9.4 實訓 205
9.4.1 實訓1：製作愛家美食網站""美食搜尋""頁面 205
9.4.2 實訓2：製作愛家美食網站""用戶意見反饋""表單 207
9.5 習題 207
第10章 模板與庫 209
10.1 模板 209
10.1.1 模板的基本概念 209
10.1.2 創建模板 209
10.2 使用模板 213
10.2.1 新建基於模板的網頁 213
10.2.2 案例1：製作曙光大學網站""教育創新""欄目模板 214
10.3 庫 219
10.3.1 庫的基本概念 219
10.3.2 新建庫項目 219
10.3.3 編輯庫項目 220
10.3.4 案例2：創建曙光大學網站""版權資訊""庫項目 221
10.4 使用庫項目 222
10.4.1 在頁面中插入庫項目 222
10.4.2 設定庫項目的屬性 223
10.4.3 案例3：將""版權資訊""庫項目插入到曙光大學網站頁面中 223
10.5 更新模板與庫 224
10.5.1 更新模板 224
10.5.2 更新庫 225
10.5.3 案例4：更新曙光大學網站""教育創新""欄目模板 226
10.5.4 案例5：更新曙光大學網站""版權資訊""庫項目 227
10.6 實訓 229
10.6.1 實訓1：創建愛家美食網站""食出健康""欄目模板 229
10.6.2 實訓2：創建與更新愛家美食網站Logo庫項目 232
10.7 習題 232
第11章 多媒體對象 235
11.1 多媒體對象的基本知識 235
11.1.1 多媒體對象的格式 235
11.1.2 案例1：為曙光大學網站""校園風采""網頁添加背景音樂 236
11.1.3 使用聲音與視頻 237
11.1.4 案例2：製作曙光大學網站""MV音樂欣賞""頁面 238
11.1.5 插入Flash內容 242
11.1.6 插入FlashPaper電子文檔 243
11.1.7 案例3：製作曙光大學網站""網頁製作網上實訓""頁面 245
11.2 實訓 249
11.2.1 實訓1：製作愛家美食網站""美食線上""頁面 249
11.2.2 實訓2：製作愛家美食網站""美食推薦""頁面 251
11.3 習題 252
第12章 使用Div布局頁面 253
12.1 Div布局基礎 253
12.1.1 Div布局頁面的優點 253
12.1.2 Div標籤 253
12.1.3 案例：製作曙光大學網站""心理諮詢""欄目的""曙光部落格""頁面 255
12.2 實訓 266
12.2.1 實訓1：製作愛家美食網站""美食美文""頁面 266
12.2.2 實訓2：製作愛家美食網站""電影美食""頁面 268
12.3 習題 269
第13章 網站的整合與測試發布 271
13.1 整合網站 271
13.2 本地站點測試網站 271
13.2.1 網站測試的參數 271
13.2.2 案例：測試曙光大學網站 272
13.3 網站的發布 277
13.3.1 設定遠程站點 277
13.3.2 連線伺服器 278
13.3.3 檔案的上傳和下載 278
13.4 實訓 279
13.4.1 實訓1：測試愛家美食網站 279
13.4.2 實訓2：發布愛家美食網站 280
13.5 習題 280
