《網頁製作與網站建設技術詳解》是2015年6月清華大學出版社出版的圖書，作者是萬璞、馬子睿、張金柱。
基本介紹
- 中文名：網頁製作與網站建設技術詳解
- 作者：萬璞、馬子睿、張金柱
- 出版社：清華大學出版社
- 出版時間：2015年6月
- 定價：56 元
- ISBN：9787302401315
內容簡介,圖書目錄,
內容簡介
本書由淺入深、通俗易懂地講解了網頁製作和動態網站建設的知識與實戰項目。全書共20章，從網站建設的基本概念開始，講解了網站設計基礎、網站圖像設計、網站開發調試等知識。書中通過大量的實例講解知識要點，讀者可以將書中的知識與實例用於練習和開發。
本書共有4個方面的內容，其中網站開發入門部分講解了網站的基礎知識、HTML語言和網頁的色彩知識，網頁設計與製作部分講解了網頁的平面設計和網頁的切圖、布局排版、網頁特效等內容，網站發布與維護部分講解了網站的發布與後期管理維護等內容，綜合案例部分講解了兩個企業網站的開發實例。
本書語言通俗易懂，內容豐富，知識涵蓋面廣，非常適合於網站開發的初學者、網站開發人員、畢業設計的學生、選修課或自學網頁設計的學生閱讀。
圖書目錄
第1篇 網站開發入門
第1章 網站開發基礎 2
1.1 網站開發概述 3
1.1.1 什麼是網站 3
1.1.2 網站設計的目的 3
1.1.3 網站設計的學習內容 3
1.2 網站建設的一般流程 4
1.2.1 網站的定位 4
1.2.2 申請網站域名 8
1.2.3 申請伺服器空間 13
1.2.4 確定網站主題 15
1.2.5 網站整體規劃 15
1.2.6 收集資料與素材 16
1.2.7 設計網頁頁面 16
1.2.8 切圖並製作成頁面 16
1.2.9 開發動態網站模組 17
1.2.10 發布與上傳 17
1.2.11 後期更新與維護 18
1.2.12 網站的推廣 18
1.3 常用的網頁設計軟體 19
1.3.1 網頁設計軟體Dreamweaver 19
1.3.2 平面設計軟體Photoshop 19
1.3.3 網頁圖片設計和切圖軟體Fireworks 20
1.3.4 動畫設計軟體Flash 21
1.4 Web 2.0網站概述 21
1.5 常見問題 22
1.5.1 域名的重要性與法律保護問題 22
1.5.2 網站的空間服務質量與服務商 23
1.5.3 網站的媒體性質與法律道德規範問題 23
1.5.4 與網站內容著作權相關的問題 23
1.6 小結 24
第2章 HTML入門 25
2.1 HTML的基本語法 26
2.1.1 網頁結構 26
2.1.2 創建HTML檔案 27
2.2 常見的HTML標籤 28
2.2.1 文本類標記：<Font>標籤 28
2.2.2 文本類標記：文本加粗、斜體與下劃線 29
2.2.3 表格標記 30
2.2.4 超級連結標記 32
2.2.5 段落標記 33
2.2.6 框架標記 34
2.2.7 表單與按鈕標記 35
2.2.8 圖片標記 40
2.2.9 換行標記 41
2.2.10 水平線標記 42
2.2.11 特殊標籤 43
2.3 實例：製作一個註冊頁面 43
2.4 表格使用技巧 49
2.4.1 表格框線使用技巧：表格框線的設定 50
2.4.2 表格框線使用技巧：單元格框線的
間距 50
2.4.3 表格框線使用技巧：單元格的實線框線 51
2.4.4 使用樣式表設定文本框線：文本各方向相
同的框線 52
2.4.5 使用樣式表設定文本框線：使用表格樣式
設定框線 52
2.4.6 使用樣式表設定文本框線：樣式表中控制
不同方向的框線 53
2.5 HTML網頁中的META屬性 54
2.5.1 name屬性 55
2.5.2 http-equiv屬性 55
2.6 常見問題 57
2.6.1 網頁中代碼大小寫問題和引號問題 57
2.6.2 HTML與瀏覽器的不同版本 57
2.6.3 HTML與XML 59
2.7 小結 62
第3章 網站及頁面的色彩搭配 63
3.1 色彩基礎知識 64
3.1.1 色彩的基本概念 64
3.1.2 網頁色彩的冷暖視覺 65
3.1.3 網頁安全色 66
3.2 常見網頁色彩搭配分析 66
3.2.1 科技與時尚 67
3.2.2 文化與藝術 67
3.2.3 神秘與優雅 68
3.2.4 激情與夢幻 69
3.2.5 簡約與高貴 69
3.3 網站總體色彩規劃 70
3.3.1 定義網站的色彩基調 70
3.3.2 站點內各欄目色彩搭配原則 71
3.4 頁面色彩搭配 71
3.4.1 網頁色彩搭配原理 71
3.4.2 網頁設計中色彩搭配的技巧 72
3.4.3 常見的幾種網頁配色方法 72
3.5 Web 2.0用色模式及網頁色彩趨勢 74
3.6 經典網頁設計色彩搭配實例欣賞 75
3.7 小結 76
第2篇 網頁設計與製作
第4章 熟悉Dreamweaver CS6的工作
環境 78
4.1 安裝Dreamweaver CS6 79
4.2 認識Dreamweaver CS6界面 79
4.2.1 常用工具列 79
4.2.2 常用選單命令 80
4.2.3 “插入”面板 81
4.2.4 “屬性”面板 85
4.2.5 “CSS屬性”面板 85
4.2.6 工具使用示例：插入下拉選單 86
4.2.7 工具使用示例：插入選項卡式面板 88
4.2.8 工具使用示例：插入可摺疊面板 90
4.3 使用Dreamweaver CS6製作一個頁面 92
4.4 Dreamweaver CS6的使用技巧 97
4.4.1 Dreamweaver中常用的捷徑 97
4.4.2 Dreamweaver的首選參數 99
4.5 常見問題 99
4.5.1 Dreamweaver CS6的新功能 99
4.5.2 什麼是網頁三劍客 100
4.6 小結 100
第5章 創建與管理站點 101
5.1 創建本地站點 102
5.1.1 使用站點嚮導創建本地站點 102
5.1.2 選擇和更改本地工作站點 106
5.1.3 本地站點和遠程伺服器同步 106
5.2 管理站點檔案 107
5.2.1 創建資料夾和檔案 107
5.2.2 移動和複製檔案 107
5.3 站點測試 108
5.3.1 檢查瀏覽器的兼容性 108
5.3.2 檢測連結 109
5.3.3 站點報告 110
5.4 創建第一個網站並測試 111
5.5 常見問題 113
5.5.1 FTP不能上傳和下載的問題 113
5.5.2 FTP遠程資料夾設定的問題 113
5.5.3 其他的網站開發工具能不能支持
Dreamweaver中的站點 113
5.5.4 怎樣複製Dreamweaver中的站點 113
5.6 小結 114
第6章 製作頁面內容和多媒體元素 115
6.1 文本的輸入和編輯 116
6.1.1 輸入文本 116
6.1.2 設定文本屬性 117
6.1.3 使用<pre>標籤進行排版 118
6.1.4 輸入特殊字元 119
6.2 在網頁中插入圖像 121
6.2.1 插入圖像 121
6.2.2 設定圖像屬性 122
6.2.3 設定圖像超級連結 124
6.2.4 圖像的邊距設定 125
6.2.5 插入滑鼠經過圖像 125
6.3 創建網頁連結 127
6.3.1 創建文字連結 127
6.3.2 創建錨點連結 128
6.3.3 創建電子郵件連結 130
6.3.4 創建圖像熱點連結 131
6.4 利用CSS美化網頁 133
6.4.1 CSS的基本語法 133
6.4.2 在Dreamweaver CS6中自動生成CSS樣式
標記 134
6.4.3 Dreamweaver CS6的樣式模板自動生成樣
式表檔案 135
6.4.4 Dreamweaver CS6的樣式設計器連結和
編輯樣式 137
6.4.5 套用CSS設定文本格式 138
6.4.6 實例：CSS樣式表的使用 140
6.5 插入媒體 143
6.5.1 插入Flash動畫 143
6.5.2 插入Java Applet 144
6.5.3 插入ActiveX控制項 146
6.5.4 插入Shockwave動畫 146
6.5.5 插入視頻 147
6.5.6 插入網頁背景音樂網頁 148
6.6 實例：製作圖文混排的多媒體頁面 149
6.7 常見問題 152
6.7.1 網頁中Flash動畫大小的問題 152
6.7.2 網頁中音樂或視頻檔案不能播放的問題 153
6.7.3 網頁中音樂或視頻檔案大小的問題 153
6.7.4 網頁中對象不同屬性的優先權問題 153
6.7.5 網頁貼上文本時的格式問題 154
6.8 小結 154
第7章 網頁的排版與布局 155
7.1 頁面的基本構成 156
7.2 網頁排版方法 157
7.2.1 使用表格布局頁面 157
7.2.2 使用層結構布局 157
7.3 常見的網頁結構類型 158
7.3.1 “國”字型布局 158
7.3.2 “廠”字型布局 158
7.3.3 “框架”型布局 159
7.3.4 “封面”型布局 160
7.3.5 Flash型布局 161
7.3.6 頁面排版布局趨勢（Web?2.0） 162
7.4 常見問題 163
7.4.1 怎樣處理好布局的豐富與簡約的關係 163
7.4.2 在布局中需要考慮到的其他問題 163
7.5 小結 164
第8章 使用Photoshop進行頁面設計 165
8.1 Photoshop CS6介紹 166
8.2 使用Photoshop CS6設計頁面 167
8.2.1 常見頁面大小 167
8.2.2 確定網頁色彩定位 168
8.2.3 設計網頁的功能結構 169
8.3 網頁中的設計元素 170
8.3.1 導航區 170
8.3.2 頁面布局區 172
8.3.3 著作權區 173
8.3.4 使用輔助線對網頁效果圖進行基本分區 173
8.4 網頁內容的設計實例 174
8.4.1 網頁中按鈕的設計 174
8.4.2 網頁中藝術字的設計 176
8.5 輸出準備 178
8.5.1 Photoshop常用的圖片格式 178
8.5.2 將圖片保存為PSD格式 179
8.5.3 將圖片導出為JPG格式 179
8.5.4 將圖片導出為GIF格式 180
8.6 實例：用Photoshop CS6設計一個網頁
效果圖 181
8.6.1 新建一張網頁效果圖 181
8.6.2 使用輔助線劃分網頁區域 181
8.6.3 添加網站的Logo 182
8.6.4 添加網站的Banner 183
8.6.5 設計網頁的導航條 184
8.6.6 設計網站的內容布局 185
8.6.7 設計網頁的著作權欄 186
8.7 常見問題 187
8.7.1 怎樣在網頁中體現出“眼球經濟” 187
8.7.2 怎樣在Photoshop中使用圖層樣式 188
8.7.3 怎樣在網頁的著作權區中插入網站備案
信息 189
8.8 小結 190
第9章 使用Fireworks切圖輸出 191
9.1 Fireworks CS6的介紹 192
9.2 使用Fireworks切圖 192
9.2.1 頁面切圖 193
9.2.2 切片屬性的設定與超級連結 194
9.2.3 熱點連結設定 195
9.2.4 最佳化和導出圖像 196
9.3 使用Dreamweaver進行頁面製作 198
9.3.1 設定Fireworks CS6導出網頁的屬性 198
9.3.2 設定Fireworks CS6導出網頁的對齊
方式 200
9.3.3 添加頁面元素 201
9.4 常見問題 202
9.4.1 在網頁中如何使用PNG格式的圖像 202
9.4.2 Fireworks切割圖片的規則 203
9.5 小結 203
第10章 製作網站的Logo和Banner 204
10.1 什麼是網站Logo 205
10.1.1 網站Logo的重要性 205
10.1.2 網站標識的可識別性 205
10.2 什麼是Banner 206
10.3 如何設計製作 206
10.3.1 網站Logo設計標準 206
10.3.2 網站Logo設計軟體與製作 207
10.3.3 Banner的製作標準 207
10.4 精美Logo和Banner賞析 208
10.4.1 著名網站Logo分析 208
10.4.2 Banner欣賞 209
10.5 實例：製作網站Logo 210
10.6 實例：製作有動畫效果的Banner 213
10.7 小結 216
第11章 頁面與圖像的最佳化製作 217
11.1 最佳化頁面及圖片 218
11.2 Fireworks與Dreamweaver的關聯
操作 218
11.3 最佳化頁面圖像 218
11.3.1 關聯至圖像軟體 218
11.3.2 圖片的最佳化處理 219
11.3.3 圖片大小的調整 223
11.3.4 圖片的亮度與對比度的設定 224
11.3.5 圖片的銳化設定 225
11.3.6 圖片的裁剪 227
11.4 實例：在Dreamweaver中最佳化頁面 228
11.5 常見問題 232
11.5.1 網頁中的圖片失真問題 232
11.5.2 網頁中的顯示圖片大小與實際圖片大小的
問題 233
11.6 小結 234
第12章 布局實現 235
12.1 基本的表格布局方法 236
12.1.1 插入表格 236
12.1.2 設定表格屬性 236
12.1.3 合併單元格 237
12.1.4 選取表格對象 238
12.1.5 表格的複雜嵌套實現網頁的排版 239
12.2 使用層布局頁面 240
12.2.1 創建層 240
12.2.2 設定層的屬性 241
12.2.3 設定層的Z軸 241
12.2.4 層的樣式 242
12.2.5 利用層實現網頁的布局 242
12.2.6 層中的樣式代碼 243
12.2.7 使用層製作下拉選單 244
12.3 實例：表格與層布局頁面 246
12.3.1 實例——“廠”字型布局 246
12.3.2 實例——DIV+層布局（Web 2.0） 249
12.4 常見問題 252
12.4.1 網頁的基本布局風格問題 252
12.4.2 在表格布局時表格框線顏色、背景顏色的
搭配問題 252
12.4.3 在標籤式布局中對單元格背景樣式
控制 254
12.5 小結 254
第13章 網頁模板 255
13.1 創建模板網頁 256
13.1.1 創建庫項目 256
13.1.2 創建模板 258
13.1.3 創建可編輯區域 260
13.1.4 創建其他模板區域 260
13.1.5 實例：創建一個模板網頁 261
13.1.6 利用模板創建網頁 262
13.2 常見問題 264
13.2.1 網頁模板與庫項目的實質 264
13.2.2 在網頁中如何使用<iframe>框架網頁 264
13.3 小結 265
第14章 網頁特效 266
14.1 特效中的行為和事件 267
14.1.1 網頁行為 267
14.1.2 網頁事件 267
14.1.3 一個簡單的網頁事件和網頁行為 267
14.2 使用Dreamweaver內置行為 269
14.2.1 檢查外掛程式 269
14.2.2 拖動層 270
14.2.3 創建自動跳轉頁面網頁 271
14.2.4 打開瀏覽器視窗 273
14.2.5 彈出信息 274
14.2.6 設定狀態欄文本 275
14.2.7 交換圖像 277
14.2.8 預先載入圖像 278
14.2.9 檢查表單 278
14.2.10 跳轉選單 281
14.2.11 設定容器中的文本 283
14.2.12 改變屬性 284
14.2.13 設定特殊效果 286
14.3 利用腳本製作特效網頁 288
14.3.1 製作滾動公告網頁 288
14.3.2 製作自動關閉網頁 290
14.4 JavaScript基礎知識 290
14.4.1 JavaScript簡介 290
14.4.2 在網頁中插入JavaScript腳本 292
14.4.3 JavaScript中的運算符 292
14.4.4 JavaScript的變數與數據類型 293
14.4.5 JavaScript的常用語句 293
14.4.6 JavaScript實例：輸出乘法口訣表 297
14.4.7 JavaScript實例：解一元二次方程 299
14.5 實例：製作能自動跳轉並關閉的
首頁 300
14.6 常見問題 301
14.6.1 關於JavaScript與Java的區別和聯繫的
問題 301
14.6.2 如何使用網頁特效軟體提供的網頁
特效 301
14.6.3 關於瀏覽器保護導致的網頁特效不能執行
的問題 302
14.6.4 JavaScript程式錯誤可能導致所有腳本
不能運行 303
14.6.5 使用VBScript編寫網頁互動腳本程式 303
14.7 小結 303
第15章 使用Flash設計網站動畫和廣告 304
15.1 Flash CS6的簡介 305
15.1.1 Flash CS6簡介 305
15.1.2 Flash CS6的面板和工具 305
15.2 Flash動畫的製作 306
15.2.1 Flash動畫的一些基本概念 306
15.2.2 建立與保存Flash動畫 307
15.2.3 設定Flash的屬性 308
15.2.4 Flash時間軸的使用 309
15.2.5 插入關鍵幀 309
15.2.6 創建幀過渡效果 310
15.2.7 添加圖層與圖層管理 312
15.2.8 插入元件 313
15.2.9 按鈕元件 316
15.2.10 元件使用濾鏡 319
15.2.11 庫的管理與使用 321
15.2.12 插入腳本 322
15.2.13 插入場景 323
15.2.14 影片設定與導出 323
15.3 網站廣告設計 325
15.3.1 網站廣告設計的基本原則 325
15.3.2 網站廣告的類型 326
15.4 製作網頁廣告實例 328
15.4.1 設計Flash宣傳廣告 328
15.4.2 給Flash添加連結 330
15.4.3 製作控制聲音播放動畫 331
15.5 實例：製作一個廣告性質的宣傳
動畫 332
15.6 常見問題 334
15.6.1 Flash播放器版本與Flash版本的問題 334
15.6.2 怎樣在影片中使用腳本 334
15.6.3 怎樣製作Flash導航條 336
15.6.4 關於純Flash網站的製作 336
15.7 小結 336
第3篇 網站發布與維護
第16章 網站的測試與發布 338
16.1 站點的測試 339
16.1.1 檢查斷掉的連結 339
16.1.2 檢查外部連結 339
16.1.3 檢查孤立檔案 339
16.2 網頁的上傳 340
16.2.1 利用Dreamweaver上傳網頁 340
16.2.2 使用LeapFTP軟體上傳檔案 341
16.2.3 使用Windows自帶的FTP命令行工具
上傳網頁 343
16.3 常見問題 344
16.3.1 FTP伺服器不能連線的問題 344
16.3.2 用網站空間的管理功能進行網站空間的
管理 345
16.3.3 一個網站空間上放置多個網站的
方法 345
16.4 小結 346
第17章 網站的日常維護 347
17.1 網站資料庫內容維護 348
17.1.1 Access資料庫的壓縮和修復 348
17.1.2 SQL Server 2008的資料庫維護 349
17.2 網頁維護更新 351
17.2.1 靜態網站的維護更新 351
17.2.2 動態網站的更新 352
17.3 網站系統維護 352
17.4 常見問題 353
17.4.1 動態網站資料庫備份的問題 353
17.4.2 本地計算機安全問題與網頁病毒 354
17.4.3 網站程式的保密問題 354
17.5 小結 355
第18章 網站的宣傳推廣 356
18.1 註冊到搜尋引擎 357
18.2 導航網站登錄 358
18.3 友情連結 359
18.4 網路廣告 360
18.5 發布信息推廣 361
18.6 傳統媒體廣告 361
18.7 網站排名 362
18.7.1 網頁中的內容影響網路排名的因素 362
18.7.2 在ALEXA網站中查詢自己網站的
排名 363
18.8 網站競價排名 365
18.9 常見問題 368
18.9.1 網站中關鍵字的最佳化問題 368
18.9.2 搜尋引擎拒絕收錄自己網站的問題 368
18.9.3 常用搜尋引擎網站的登錄入口 369
18.9.4 網站計數器的使用 369
18.10 小結 370
第4篇 綜 合 案 例
第19章 設計製作公司宣傳網站 372
19.1 網站前期策劃 373
19.2 設計網站頁面 373
19.2.1 首頁的設計 373
19.2.2 切圖並輸出 374
19.3 在Dreamweaver中進行頁面排版
製作 376
19.3.1 創建本地站點 376
19.3.2 創建二級模板頁面 377
19.3.3 利用模板製作其他網頁 378
19.4 給網頁添加特效 380
19.4.1 滾動公告 380
19.4.2 製作彈出視窗頁面 381
19.5 本地測試及發布上傳 382
19.6 常見問題 382
19.6.1 網頁切圖與Dreamweaver排版的
關係 382
19.6.2 網頁中背景與細節的表現技巧 383
19.7 小結 384
第20章 設計製作招聘求職網站 385
20.1 網站風格定位 386
20.1.1 網站的主要功能 386
20.1.2 設計網頁Logo 387
20.1.3 設計網頁Banner 387
20.2 在Dreamweaver中製作表格結構
頁面 387
20.2.1 網站效果圖的設計 387
20.2.2 網頁的布局 387
20.2.3 靜態網頁與動態網頁 388
20.3 創建資料庫 388
20.3.1 設計數據表結構 388
20.3.2 連線資料庫 391
20.3.3 會員的註冊 391
20.3.4 個人會員填寫資料 393
20.3.5 企業會員填寫資料 396
20.3.6 企業會員發布招聘信息 398
20.3.7 個人會員查看招聘信息與傳送求職 400
20.3.8 會員簡歷的顯示 402
20.3.9 企業會員查看應聘信息 404
20.3.10 網站中不同類別會員傳送信息的實現 405
20.4 本地測試及上傳發布 409
20.4.1 網站的本地測試 409
20.4.2 網站的上傳發布 409
20.5 常見問題 410
20.5.1 程式中的多表查詢問題 410
20.5.2 資料庫中多表間數據聯繫時的實現
技巧 411
20.5.3 網站中會員面板的實現技巧 411
20.6 小結 412
