網站設計不是晦澀的技術，卻是復雜的技術，是二維、三維，平面、動畫，形象與抽象，設計與編程都要了解甚至精通的綜合性技術。

網站設計師不僅要具有HTML網頁的制作能力，還需要精通平面（界面）設計，要掌握CSS標準，了解動態網站（如ASP、PHP等）的運行原理和編程語言，要懂得客戶端腳本程序（JavaScript等）的編寫，Flash交互設計方法，XML和XSL的應用，甚至更加趨向于程序開發的新興技術，如AJAX、.NET以及更加趨向于管理方面的網站策劃、搜索引擎優化知識都要有很大程度的了解和掌握。因此可以說，真正作為一名合格的網站設計師，是不可能僅靠一個Dreamweaver通行天下的，需要通曉更多的知識、掌握更多的技術。本書試圖憑借作者自身多年來的從業經驗，向那些新入行或者正準備進入該領域的讀者介紹這一綜合技術，在一個不算長的篇幅中把該行業必須知道的技能不含水分地介紹給讀者，使讀者在前進的路上少走一些彎路，更快地進入狀態、成就事業。

本書按照網站設計師必知技能的學習順序，由淺入深地從界面設計入手，到HTML和CSS標簽語言，逐步過渡到編程語言JavaScript、ActionScript和動態網站的ASP技術，并適時地安排與此相關的周邊技術，如三維動畫、SWiSHmax、FTP等。

本書在編程語言方面僅講授網站設計中最為基本和常見的腳本語言JavaScript。該語言具有簡單易學的特點，在網站客戶端開發方面具有其他腳本語言不可比擬的優勢。并且JavaScript語言的語法風格與C、C++、C#、Java等高級編程語言相同，與另一種極為常見和有發展潛力的腳本語言Flash ActionScript有著同宗同源的密切關系。在網站后臺的程序開發方面，JavaScript的語法同PHP、JSP、ASP.NET的C#、JScript.NET非常近似，并且作為最常見的動態開發技術ASP本身也支持JavaScript腳本編寫。因為這些諸多的好處，所以本書只在JavaScript一章介紹一次語法，就可以在ASP、ActionScript兩章中直接應用，既節省了篇幅，又降低了讀者的學習負擔，同時還可以為讀者日后學習高級編程語言打下堅實的基礎。

全書共分12章：第1章總體介紹網站策劃和設計的思路、方法；第2～4章以設計為主，介紹Photoshop、Flash和3ds max技術，介紹從二維到三維、從平面到動畫中與網頁設計有關的重點技術；第5～7三章介紹網頁的制作技術，以Dreamweaver軟件為應用線索，重點介紹XHTML語言、CSS樣式表、XML和XSL語言的應用；第8～10章介紹網站編程的初步知識，包括客戶端腳本、ASP動態網站開發和Flash交互式編程語言ActionScript三部分內容；第11和12章介紹網站的優化、SEO技術以及域名、主機的選購與使用。

盡管本書的篇幅不大，但所講述的內容基本涵蓋了當今網頁設計師工作的絕大多數范疇，讀者在閱讀后能對網站設計技術獲得“一覽眾山小”的完整理解，并有能力立即入行工作而不被視為“生手”。

本書主要由趙雪峰編寫，參加編寫的其他人還有邵子南、李旭、朱雅萍、劉明艷、郭銳、閻春秋、倪福、薛志強、馮明利、孫善民、陳陽、李向陽、王凱等。

由于編者水平有限及編寫時間倉促，書中疏漏和錯誤之處在所難免，懇請廣大讀者批評指正。

作者

2007年4月

目 錄
前言

第1章 網站的策劃與設計 1
1.1 網站策劃 1
1.2 網站設計的原則 3
1.3 網站的版面設計 6
1.3.1 設計步驟 7
1.3.2 設計風格 8
1.3.3 常見版式 8
1.3.4 網頁配色 9
1.3.5 色彩的心理感受 9
第2章 Photoshop與平面設計 10
2.1 Photoshop基礎 11
2.1.1 Photoshop的工作區 11
2.1.2 創建畫布與網頁開圖參數 11
2.1.3 Photoshop基本用法 12
2.2 Photoshop工具 14
2.2.1 選區工具庫 14
2.2.2 裁剪和切片工具庫 16
2.2.3 自由變換命令 17
2.2.4 繪畫工具庫 17
2.2.5 文字工具及路徑排字 18
2.2.6 用鋼筆工具繪圖 19
2.2.7 注釋、測量和導航工具庫 23
2.3 Photoshop的層結構 23
2.3.1 圖層和圖層組 23
2.3.2 “圖層“面板 24
2.3.3 混合模式 24
2.3.4 置入參考線 25
2.3.5 濾鏡庫 26
2.4 圖層樣式 27
2.4.1 對圖層應用自定樣式 27
2.4.2 在面板、對話框和工具選項
欄中輸入值 28
2.4.3 圖層樣式選項 28
2.4.4 用等高線修改圖層效果 30
2.4.5 設置全部加亮角度 31
2.4.6 在“圖層”面板操作樣式 31
2.5 調色 31
2.5.1 色階調整 32
2.5.2 “曲線”對話框 33
2.5.3 色相/飽和度命令 35
2.6 GIF動畫 37
2.6.1 將幀添加到動畫 37
2.6.2 選擇幀 38
2.6.3 設置幀延遲和循環選項 38
2.6.4 存儲動畫 39
2.6.5 過渡幀 39
2.6.6 使用過渡創建幀 39
2.6.7 每次創建幀時都添加新圖層 40
2.6.8 設置幀處理方法 40
2.6.9 預覽動畫 41
2.7 圖像優化 41
2.7.1 在對話框中預覽圖像 42
2.7.2 在對話框中導航 42
2.7.3 查看優化圖像的信息 42
2.7.4 針對Web優化圖像 43
2.7.5 在優化期間調整圖像大小 43
2.7.6 比較 Web 圖形格式 44
2.8 切圖優化練習 49
第3章 Flash動畫設計 51
3.1 Flash基礎 51
3.1.1 關于 Flash 繪制模式 52
3.1.2 改變線條和形狀輪廓的形狀 53
3.1.3 伸直和平滑線條 54
3.1.4 優化曲線 55
3.1.5 擦除 55
3.1.6 修改形狀 56
3.1.7 文本 57
3.1.8 字體輪廓和設備字體 58
3.1.9 對對象進行任意變形 59
3.1.10 用封套功能鍵修改形狀 60
3.1.11 對齊對象 60
3.1.12 關于濾鏡 61
3.2 元件、按鈕和庫 63
3.2.1 創建一個全新的空元件 64
3.2.2 將選定元素轉換為元件 65
3.2.3 編輯元件 65
3.2.4 創建按鈕 65
3.2.5 創建實例 66
3.2.6 更改實例屬性 66
3.2.7 更改實例的顏色和透明度 66
3.2.8 使用行為控制實例 67
3.3 動畫 68
3.3.1 關于幀頻 68
3.3.2 逐幀動畫 68
3.3.3 補間動畫 69
3.3.4 創建關鍵幀 69
3.3.5 擴展靜止圖像 70
3.3.6 沿著路徑補間動畫 70
3.3.7 補間形狀 71
3.3.8 遮罩層動畫 73
3.4 使用音頻 74
3.4.1 導入聲音 74
3.4.2 向文檔中添加聲音 75
3.4.3 向按鈕添加聲音 77
3.4.4 使用行為控制聲音回放 77
3.4.5 在關鍵幀中開始播放和停止
播放聲音 79
3.5 用SWiSHmax制作文字動畫 79
3.5.1 制作文字動畫 79
3.5.2 制作關鍵幀動畫 81
3.5.3 SWiSHmax與Flash的結合 81
3.5.4 SWiSHmax的交互性 82
3.6 練習制作Flash動畫廣告條 82
第4章 三維設計 87
4.1 基礎操作 87
4.1.1 視圖觀察 87
4.1.2 創建基本物體 88
4.1.3 物體選擇 89
4.1.4 使用燈光和攝像機 91
4.2 多邊形建模 92
4.2.1 創建基本幾何體 92
4.2.2 進入多邊形子級 93
4.2.3 增加細節 95
4.2.4 擠出與倒角 95
4.2.5 曲面平滑 96
4.3 曲線及曲線建模 97
4.4 材質和貼圖 100
4.4.1 渲染方法 100
4.4.2 材質編輯器 101
4.4.3 基本材質 102
4.4.4 材質通道 103
4.4.5 貼圖 103
4.4.6 反射材質 105
4.4.7 金屬材質 107
4.4.8 玻璃材質 108
4.5 動畫 110
4.5.1 使用自動關鍵點模式 111
4.5.2 選擇時間顯示格式 112
4.6 渲染 112
4.6.1 渲染設置 113
4.6.2 Swift 3D與SWF渲染 114
4.7 飛行動畫練習 120
第5章 Dreamweaver和XHTML 127
5.1 創建網頁及HTML初步 128
5.1.1 創建網頁 129
5.1.2 基本的HTML結構 129
5.1.3 網頁的保存 131
5.1.4 Dreamweaver的網頁選項 132
5.2 網頁的文本 132
5.2.1 字體設定 133
5.2.2 字號設定 134
5.2.3 文本顏色 134
5.2.4 空格、換行和分段 135
5.2.5 版式設定 136
5.3 鏈接 136
5.3.1 文本鏈接 137
5.3.2 鏈接與路徑 138
5.3.3 本頁鏈接 138
5.3.4 鏈接的提示 139
5.3.5 信箱地址 139
5.3.6 管理站點 141
5.4 圖像 143
5.4.1 使用圖像 143
5.4.2 圖片鏈接 145
5.4.3 圖片熱點 145
5.4.4 鼠標翻轉圖 146
5.4.5 網頁背景圖 147
5.5 表格 148
5.5.1 創建表格 148
5.5.2 HTML代碼 149
5.5.3 表格調整 150
5.5.4 內容的選擇 151
5.5.5 表格與排版 151
5.6 視頻和多媒體 154
5.6.1 插入Flash 154
5.6.2 在網頁中使用視頻和音頻文件 157
5.6.3 插入其他媒體 161
5.7 表單 161
5.7.1 表單 161
5.7.2 文本類 161
5.7.3 選擇類 162
5.7.4 命令類 163
5.8 框架 164
5.9 模板和庫 167
5.9.1 模板的應用 167
5.9.2 庫的應用 169
5.10 網頁布局實踐 171
第6章 CSS網頁樣式設計 177
6.1 CSS定義和應用 177
6.1.1 創建標簽樣式 177
6.1.2 創建類樣式 179
6.1.3 創建鏈接樣式 181
6.1.4 創建獨立的樣式表文件 182
6.1.5 行內應用CSS 183
6.2 CSS語法規則 183
6.2.1 語法格式 183
6.2.2 選擇符組 184
6.2.3 類選擇符 184
6.2.4 ID選擇符 185
6.2.5 包含選擇符 185
6.2.6 樣式表的層疊性 185
6.2.7 注釋 186
6.3 樣式的定義 187
6.3.1 類型組 187
6.3.2 背景組 188
6.3.3 區塊組 189
6.3.4 方框組 190
6.3.5 邊框組 191
6.3.6 列表組 192
6.3.7 定位組 193
6.3.8 擴展組 193
6.4 CSS+DIV布局 193
6.5 CSS光標和濾鏡 198
第7章 XML和XSLT 200
7.1 XML基礎 202
7.1.1 XML結構 202
7.1.2 XML基本語法 203
7.2 用XSL修飾XML數據 205
7.2.1 創建XSL頁 206
7.2.2 綁定XML數據 206
7.2.3 重復顯示XML元素 207
7.2.4 設置“條件區域”對話框選項 210
7.2.5 XSLT的轉義符號 211
第8章 JavaScript客戶端腳本 212
8.1 JavaScript基礎 213
8.1.1 在什么地方編寫 JavaScript 213
8.1.2 JavaScript語法格式 214
8.1.3 JavaScript 中的變量 215
8.1.4 數據類型 216
8.1.5 JavaScript常數 216
8.1.6 表達式與運算符 217
8.2 JavaScript流程控制 218
8.2.1 注釋 219
8.2.2 if語句 219
8.2.3 switch語句 220
8.2.4 for循環 222
8.2.5 while循環 222
8.2.6 break和continue 223
8.3 函數 224
8.3.1 自定義函數概述 224
8.3.2 函數基本形式 225
8.3.3 函數應用形式一 225
8.3.4 函數應用形式二 225
8.4 基本對象 226
8.4.1 Number數字對象 226
8.4.2 String 字符串對象 227
8.4.3 Array 數組對象 229
8.4.4 Math 數學對象 230
8.4.5 Date 日期對象 231
8.4.6 全局對象 233
8.4.7 關于對象化編程的語句 235
8.5 文檔對象 237
8.5.1 navigator 瀏覽器對象 238
8.5.2 screen 屏幕對象 239
8.5.3 window 窗口對象 239
8.6 事件 247
8.6.1 指定事件處理程序 248
8.6.2 事件詳解 249
8.7 Dreamweaver的JavaScript特效 250
8.7.1 行為面板 250
8.7.2 使用 Dreamweaver 自帶的
行為動作 252
8.8 JavaScript和CSS 255
8.8.1 在CSS中使用JavaScript
表達式 255
8.8.2 用JavaScript控制CSS 257
8.9 AJAX簡介 257
8.10 腳本實例 260
8.10.1 首尾相連的滾動新聞 260
8.10.2 網頁大小報告 261
8.10.3 邊框閃爍的表格 262
8.10.4 使用鏈接提交表單 262
8.10.5 驗證E-mail格式是否正確 263
8.10.6 方便的友情鏈接 264
第9章 ASP動態網站 267
9.1 開發環境及數據庫 268
9.1.1 IIS的安裝 269
9.1.2 SQL Server數據庫 271
9.1.3 用Access數據庫創建表 273
9.2 用Dreamweaver創建ASP動態網站 275
9.2.1 Dreamweaver站點 275
9.2.2 連接Access數據庫 276
9.2.3 創建記錄集 278
9.3 ASP連庫調用 280
9.3.1 腳本語言定義 280
9.3.2 數據庫的連接 281
9.3.3 數據調取 282
9.3.4 循環記錄 285
9.4 詳細記錄 287
9.5 添加記錄 290
9.5.1 設計表單 290
9.5.2 提交 293
9.5.3 第一種代碼寫法 293
9.5.4 第二種代碼寫法 294
9.6 修改數據 296
9.7 刪除記錄 301
9.8 翻頁 302
9.9 Cookie 305
9.10 Session 308
9.11 Application 310
9.12 制作留言板 313
第10章 ActionScript交互多媒體 325
10.1 ActionScript基本原理 325
10.1.1 ActionScript的位置 326
10.1.2 關于“動作”面板 327
10.1.3 關于腳本助手 328
10.2 按鈕和簡單交互 328
10.3 影片剪輯控制基礎 332
10.3.1 點語法 333
10.3.2 層級 333
10.3.3 為影片剪輯添加腳本 334
10.3.4 用影片剪輯控制別的
影片剪輯 335
10.4 影片剪輯屬性 335
10.4.1 坐標 336
10.4.2 鼠標位置 336
10.4.3 旋轉方向 337
10.4.4 可見性 337
10.4.5 透明度 337
10.4.6 縮放屬性 338
10.4.7 尺寸屬性 338
10.5 影片剪輯的方法 338
10.5.1 復制影片剪輯 339
10.5.2 附加影片剪輯 340
10.5.3 刪除影片剪輯 340
10.5.4 hitTest方法 341
10.5.5 判斷哪個影片剪輯被單擊 341
10.5.6 拖動影片剪輯 342
10.5.7 通過按鈕檢測按鍵動作 342
10.5.8 影片剪輯的keyUp和
keyDown事件 343
10.5.9 Key對象 343
10.5.10 鍵盤偵聽 343
10.6 動態文本 344
10.6.1 輸入文本 344
10.6.2 輸入文本的屬性面板 345
10.6.3 動態文本 345
10.6.4 使用HTML格式的動態文本 345
10.7 聲音對象 346
10.7.1 attachSound方法 346
10.7.2 loadSound方法 347
10.7.3 調節和控制聲音 347
10.8 Flash與服務器的交互技術 348
10.8.1 從服務器下載數據 348
10.8.2 下載狀態 349
10.9 Flash游戲 350
第11章 網站優化與SEO 358
11.1 網站優化技術 359
11.1.1 導航結構的優化 359
11.1.2 框架結構 359
11.1.3 圖像優化 360
11.1.4 表格與布局 361
11.1.5 網頁減肥 362
11.1.6 動態網頁優化 362
11.2 搜索引擎優化 363
11.2.1 關鍵字的選擇 363
11.2.2 關鍵字密度 365
11.2.3 關鍵字的位置分布 366
11.3 鏈接策略 367
第12章 域名空間的選用 371
12.1 域名介紹 371
12.2 主機介紹 372
12.3 域名和主機的選購 373
12.4 域名和主機的綁定 376
12.5 虛擬主機的使用 378
12.6 SQL Server數據庫的上傳 379
12.6.1 注冊遠程數據庫 379
12.6.2 連接遠程數據庫 381
12.6.3 上傳數據庫內容 381本書是一本介紹網站設計和開發技術的實用指南。它從網站策劃方面的知識開始介紹，內容涉及網頁平面設計、基本三維動畫、Flash動畫、XHTML語言、CSS語言、JavaScript語言、Flash ActionScript語言、ASP動態網站開發、域名和服務器常識等知識。本書將這些看似復雜的知識有機結合在一起，提綱挈領地將那些在實際應用中最為核心的內容一一呈現在同一本教材內，是學習網站設計和開發技術的良好入門教材。
本書內容偏重于網站的前臺設計，最適合那些希望從事網站前臺設計的讀者利用。同時用一定篇幅講解了網站開發中常用的編程語言，雖然這些內容比較淺顯，但對于以圖形設計為主的網站設計師來講，一旦掌握即可大大提高他與后臺程序設計員間的協作能力。同時，適當的編程能力也非常有利于設計師在多媒體交互式網站的開發中增加自身競爭力。
本書內容系統而全面，既可作為初學者的自學手冊，也可以作為計算機技能培訓的教材。
本書提供免費素材，讀者可以從中國水利水電出版社網站（http://www.waterpub.com.cn/softdown/)下載。

1. 輸水管線工程風險管理 [張勇 黨亥生 著]
2. 民用航空飛機標準線路施工 [主編　王志敏　陳明]
3. 不息的水脈—大運河講談錄 [趙珩　著]
4. 實用運籌學 [主編　邢育紅　于晉臣]
5. 三峽梯級電站水資源決策支持系統研究與開發 [姚華明 潘紅忠 湯正]
6. 海南黎族民俗文化鑒賞 [龐國華　著]
7. 石墨烯在太赫茲及中紅外頻段電磁器件設計中的應用 [李艷秀 莊華偉 著]
8. 電子技術（第二版） [主編 覃愛娜 李飛]
9. 辦公自動化高級應用 [陳萍 朱曉玉]
10. 信息處理技術員考試32小時通關 [薛大龍]
11. 電子產品設計案例教程（微課版）—基于嘉立創EDA（專業版） [王靜 莫志宏 陳學昌 丁紅]
12. C程序設計實踐教程 [劉衛國]
13. C程序設計（慕課版） [劉衛國]
14. Web技術開發教程（基于.NET開源MVC框架） [王合闖 韓紅玲 王青正 陳海蕊]
15. 商務英語翻譯教程（筆譯）（第四版） [主編 王軍平]
16. 智慧零售技術與應用 [洪旭 著]
17. 建設工程法規實務 [主編 余瀅]
18. 商務秘書理論與實務（第三版） [主編 張同欽]
19. 程序設計基礎實踐教程（C/C++語言版） [張桂芬 葛麗娜]
20. C++案例項目精講 [主編 楊國興]
21. 勞動爭議處理實務 [主編 王秀卿 羅靜]
22. 工程數學 [主編 郭立娟 王海]
23. 語音識別理論與實踐 [主編　莫宏偉]
24. 信息系統項目管理師章節習題與考點特訓（第二版） [主編 薛大龍]
25. 武術基礎教程 [主編 李代勇 謝志民]
26. 計算機網絡實訓教程 [主編 張浩軍 趙玉娟]
27. 畫法幾何與機械制圖習題集（多學時） [主編 趙軍]
28. HCIA-Datacom認證題庫分類精講 [主 編 韓立剛]
29. SwiftUI完全開發 [李智威 著]
30. 網絡規劃設計師備考一本通 [夏杰 編著]