編輯推薦

　　全方位展現網站開發中的網頁樣式與布局技術，大量的開發經驗貫穿始終
　　·以CSS技術為中心綫展開，涵蓋HTML、CSS、JavaScript、XML和XSL等知識
　　·講解由淺入深，從基本的屬性操作，到高級的模型技術，再到實戰案例剖析，層層推進，步步深入
　　·實戰為王，重點介紹瞭221個實例、26個小案例和3個綜閤案例，並給齣瞭大量的實戰經驗和技巧，還提供瞭13.3小時配套多媒體教學視頻輔助學習
　　·每個實例均按照“效果圖切割→HTML代碼編寫→頁麵效果分析→最終的CSS頁麵布局的實現”進行講解，很容易上手

內容簡介

　　《Web開發典藏大係：DIV+CSS網頁樣式與布局實戰詳解》在編寫過程中涉及HTML、CSS、JavaScript、XML和XSL等相關知識，但一直圍繞CSS技術這條中心綫展開。《Web開發典藏大係：DIV+CSS網頁樣式與布局實戰詳解》講解由淺入深，循序漸進，從基本的屬性操作到高級的模型技術，再到案例剖析。為瞭讓理論知識和實踐更好地結閤，書中給每個知識點都配有實例，並對每個實例進行剖析，便於讀者領會，達到舉一反三的效果。《Web開發典藏大係：DIV+CSS網頁樣式與布局實戰詳解》附帶1章DVD光盤，含海量學習資料，具體列於下麵。
　　去書共21章，分3篇。第1篇DIV+CSS布局速成，介紹Web標準語言、CSS入門與速成、CSS文字樣式設計與速成、CSS圖像樣式設計與速成、CSS錶格樣式設計與速成、CSS列錶樣式設計與速成、CSS錶單樣式設計與速成、其他CSS樣式設計、CSSSprite技術、CSS濾鏡的使用和CSS瀏覽器樣式兼容；第2篇DIV+CSS布局實戰演練，介紹廣告設計、公告列錶設計、搜索條設計和單擊控件設計；第3篇Web開發進階，介紹JavaScript功能層控製、DOM與XML應用、靜態和動態網站建站的方法、搭建本地服務器和快速構建本地網站。
　　《Web開發典藏大係：DIV+CSS網頁樣式與布局實戰詳解》不但適閤沒有DIV+CSS開發基礎的學生、學員以及廣大愛好者閱讀，還適閤使用DIV+CSS進行開發的各類工程技術人員閱讀。學習本書，相信讀者會對DIV+CSS有更深刻的理解。

　　超值DVD光盤，海量資源，查練結閤
　　專題視頻庫（49小時教學視頻）
　　實例資源庫（833個實例源程序）
　　案例資源庫（92個綜閤案例源程序）
　　其中包含：
　　13.3小時DIV+CSS專題教學視頻
　　12.6小時HTML 5+CSS 3專題教學視頻
　　10.5小時JavaScript+jQuery專題教學視頻
　　12.6小時網頁製作與網站建設專題教學視頻
　　DIV+CSS實例資源庫：221個實例+26個小案例+3個綜閤案例
　　HTML 5+CSS 3實例資源庫：184個實例與26個案例
　　JavaScript+jQuery實例資源庫：208個實例+9個專題應用
　　網頁製作與網站建設實例資源庫：220個實例+25個小案例+3個綜閤案例

作者簡介

　　宜亮，西安電子科技大學計算機學院博士。從事Web開發和設計工作多年，有豐富的實戰開發經驗，並總結瞭一套自己的學習和開發心得。曾經參與過多個商用網站的設計和開發工作。曾經在培訓機構和高校從事過Web開發方麵的培訓工作。講授知識淺顯易懂，學員能夠舉一反三。指導的學員都能熟練掌握Web開發的技巧。

內頁插圖

目錄

第1篇 DIV+CSS 布局速成
第1章 Web標準語言（教學視頻：34分鍾）
1.1 Web語言簡介 2
1.1.1 結構標準語言 2
1.1.2 錶現標準語言 5
1.1.3 行為標準語言 6
1.2 開發工具 7
1.2.1 如何編寫CSS代碼 7
1.2.2 Dreamweaver簡介 7
1.2.3 Dreamweaver代碼編寫 9
第2章 CSS入門與速成（教學視頻：46分鍾）
2.1 開始CSS之旅 12
2.1.1 什麼是CSS 12
2.1.2 編寫一個CSS 12
2.2 CSS的組成 15
2.2.1 選擇符 15
2.2.2 屬性 17
2.2.3 屬性值 17
2.3 CSS的位置 18
2.3.1 屬性樣式錶 18
2.3.2 內部樣式錶 19
2.3.3 鏈接樣式錶 20
2.3.4 導入樣式錶 21
第3章 CSS文字樣式設計與速成（教學視頻：65分鍾）
3.1 CSS 3文字樣式 23
3.1.1 字體 23
3.1.2 大小 25
3.1.3 類型 27
3.1.4 粗細 29
3.1.5 顔色 31
3.1.6 小型大寫字體 33
3.1.7 鏈接 34
3.1.8 布局 36
3.1.9 文字陰影 42
3.1.10 文字變換速度控製 45
3.1.11 文字大小變化 48
3.2 文字示例一：新聞摘要 50
3.2.1 新聞摘要的DIV布局設計 50
3.2.2 新聞簡要的CSS樣式設計 50
3.3 文字示例二：個人簡介頁麵布局 52
3.3.1 整體DIV布局設計 52
3.3.2 添加CSS樣式 53
3.4 文字示例三：會移動的文字 54
3.4.1 方法1：使用JavaScript控製 55
3.4.2 方法2：使用marquee標簽控製 56
3.5 文字示例四：文字陰影效果 57
3.5.1 方法1：使用CSS定位技術 57
3.5.2 方法2：使用CSS 3特有屬性 59
第4章 CSS圖像樣式設計與速成（教學視頻：54分鍾）
4.1 背景 60
4.1.1 顔色 60
4.1.2 圖片 63
4.1.3 排布 65
4.1.4 位置控製 66
4.1.5 滾動控製 68
4.1.6 綫性漸變 69
4.2 動漫遊戲網站主題背景 72
4.3 圖片 76
4.3.1 邊框 76
4.3.2 縮放 78
4.3.3 透明效果 80
4.3.4 圖片布局 81
4.4 圖片示例一：浮動相架 83
4.4.1 使用DIV控製布局 83
4.4.2 添加CSS圖片樣式 84
4.4.3 添加JavaScript控製 84
4.5 圖片示例二：大小會變化的圖片 86
4.5.1 使用CSS 3特有屬性 86
4.5.2 使用JavaScript控製 88
4.6 圖片示例三：CSS 3圖片鏇轉 90
第5章 CSS錶格樣式設計與速成（教學視頻：30分鍾）
5.1 錶格 92
5.1.1 背景 92
5.1.2 邊框 94
5.1.3 邊距 97
5.1.4 錶格的嵌套 99
5.1.5 跨行、列錶格項 101
5.1.6 錶格項斜角 101
5.2 錶格示例一：成績單設計 104
5.3 錶格示例二：用DIV製作錶格 106
5.4 錶格示例三：仿Apple風格樣式錶格 108
5.5 錶格示例四：添加Hover事件響應控製 110
第6章 CSS列錶樣式設計與速成（教學視頻：41分鍾）
6.1 列錶 112
6.1.1 列錶的方嚮 112
6.1.2 列錶圖標 118
6.1.3 列錶的層次 124
6.2 列錶示例一：雜誌目錄排版 128
6.2.1 標題設計DIV布局 128
6.2.2 目錄元素添加CSS樣式 131
6.3 列錶示例二：用DIV實現列錶 133
6.3.1 DIV的擺放 133
6.3.2 DIV模仿簡單列錶 136
6.4 列錶示例三：列錶擺放——我的微空間畫冊 138
6.5 列錶示例四：列錶動態顯示——商品列錶 141
6.5.1 商品列錶的框架設計 141
6.5.2 為列錶添加CSS和JavaScript控製 143
第7章 CSS錶單樣式設計與速成（教學視頻：58分鍾）
7.1 錶單的作用 146
7.1.1 錶單的重要性 146
7.1.2 簡單的錶單功能提交單 148
7.2 錶單的樣式 150
7.2.1 基本元素 150
7.2.2 背景 156
7.2.3 邊框 161
7.2.4 布局 167
7.3 錶單示例一：用戶注冊界麵設計 175
7.4 錶單示例二：問捲調查錶單設計 179
7.5 錶單示例三：人人網登錄界麵設計 183
第8章 其他CSS樣式設計（教學視頻：81分鍾）
8.1 圓角的設計 187
8.1.1 通過設置背景設計圓角 187
8.1.2 五環效果 189
8.2 特殊部件設計 191
8.2.1 可移動的div 192
8.2.2 進度條設計 195
8.3 顔色 198
8.3.1 顔色的錶示 198
8.3.2 顔色的使用 200
8.4 細說選擇符 201
8.4.1 全局選擇符 201
8.4.2 標簽選擇符 202
8.4.3 ID選擇符 203
8.4.4 CLASS選擇符 205
8.4.5 派生選擇符 206
8.4.6 元素群選擇符 208
8.4.7 指定選擇符 209
8.4.8 屬性選擇符 211
8.4.9 相鄰選擇符 221
8.4.10 僞類選擇符 222
8.5 樣式優先級 224
8.5.1 各自的優先級 224
8.5.2 !important標識符 224
第9章 DIV布局控製（教學視頻：33分鍾）
9.1 塊元素和行元素 226
9.1.1 區彆和聯係 226
9.1.2 分類 228
9.2 盒式模型 230
9.2.1 幾個關鍵屬性 230
9.2.2 間距 231
9.3 DIV定位舉例一：個人網站類 233
9.3.1 個人網站舉例 233
9.3.2 設計個人網站主頁的布局 234
9.4 DIV定位舉例二：新聞網站類 238
9.4.1 新聞網站舉例 238
9.4.2 設計個人網站主頁的布局 239
第10章 CSS Sprite技術（教學視頻：56分鍾）
10.1 什麼是CSS Sprite技術 243
10.2 CSS Sprite的簡單應用 244
10.3 設計熱門查詢欄 245
10.3.1 使用Photoshop定位元素 246
10.3.2 進行DIV排版 246
10.3.3 添加皮膚 248
10.3.4 添加鼠標事件處理 249
10.4 酷狗電颱列錶設計 250
10.4.1 圖標元素設計 250
10.4.2 進行DIV排版 250
10.4.3 添加皮膚 254
10.4.4 鼠標移動事件響應 256
10.4.5 音樂提示響應模擬 257
10.5 菜單標簽的Sprite應用 259
10.5.1 簡單的DIV布局 259
10.5.2 使用CSS添加Sprite 260
10.5.3 使用JavaScript控製 261
第11章 CSS濾鏡的使用（教學視頻：48分鍾）
11.1 靜態濾鏡 262
11.1.1 透明濾鏡 262
11.1.2 模糊濾鏡 264
11.1.3 基色濾鏡 265
11.1.4 落影濾鏡 266
11.1.5 光暈濾鏡 268
11.1.6 光照濾鏡 269
11.1.7 翻轉濾鏡 271
11.1.8 X光濾鏡 273
11.1.9 運動模糊濾鏡 274
11.1.10 陰影濾鏡 276
11.1.11 波浪濾鏡 277
11.1.12 圖片插入濾鏡 279
11.1.13 漸變濾鏡 281
11.1.14 浮雕濾鏡 282
11.2 動態濾鏡 284
11.2.1 門濾鏡 284
11.2.2 柵欄濾鏡 285
11.2.3 棋盤濾鏡 287
11.2.4 漸刷濾鏡 289
11.2.5 消逝濾鏡 291
11.2.6 虹濾鏡 292
11.2.7 內插濾鏡 295
11.2.8 像素化濾鏡 296
11.2.9 隨機綫條濾鏡 298
11.2.10 鏇轉刷濾鏡 299
11.2.11 隨機轉換濾鏡 301
11.2.12 隨機溶解濾鏡 304
11.2.13 螺鏇濾鏡 305
11.2.14 滑動濾鏡 307
11.2.15 剝除濾鏡 309
11.2.16 拉伸濾鏡 311
11.2.17 齒輪濾鏡 313
11.2.18 之字形濾鏡 314
第12章 CSS瀏覽器樣式兼容（教學視頻：32分鍾）
12.1 CSS兼容問題 317
12.1.1 什麼是CSS兼容問題 317
12.1.2 兼容問題的解決方案 318
12.2 瀏覽器過濾語句 318
12.2.1 導入語句過濾器 318
12.2.2 IE判斷過濾器 320
12.2.3 屬性名字過濾器 323
12.2.4 根符號過濾器 324
12.2.5 派生選擇符過濾器 325
12.2.6 屬性選擇符過濾器 327
12.2.7 注釋語句過濾器 328
12.2.8 大括號過濾器 330
12.2.9 優先級過濾器 332
12.2.10 相鄰選擇符過濾器 333
12.2.11 轉義字符過濾器 334

第2篇 DIV+CSS 布局實戰演練
第13章 廣告的設計（教學視頻：34分鍾）
13.1 旁側浮動廣告設計 338
13.1.1 旁側浮動廣告DIV設計 338
13.1.2 旁側浮動廣告CSS設計部分 339
13.1.3 旁側浮動廣告JavaScript控製部分 341
13.2 可摺疊浮動廣告設計 342
13.2.1 可摺疊浮動廣告DIV設計 342
13.2.2 可摺疊浮動廣告CSS設計 343
13.2.3 可摺疊浮動廣告JavaScript設計 344
13.3 底部提示廣告設計 346
13.3.1 底部廣告DIV設計 346
13.3.2 底部廣告CSS設計 347
13.3.3 底部廣告JavaScript設計 348
13.4 CSS窗口定位 350
第14章 公告列錶設計（教學視頻：35分鍾）
14.1 視頻排行列錶設計 353
14.2 旁側櫥窗設計 358
14.3 天氣預報設計 363
第15章 搜索條設計（教學視頻：16分鍾）
15.1 仿百度搜索欄設計 377
15.2 立體搜索欄設計 382
第16章 單擊控件設計（教學視頻：13分鍾）
16.1 頁麵底部控件 387
16.2 頁麵頂部控件 390

第3篇 Web 開發進階
第17章 JavaScript功能層控製（教學視頻：53分鍾）
17.1 JavaScript的引入 396
17.2 數據類型 399
17.3 程序控製 404
17.4 事件處理 412
17.5 DOM對象 414
第18章 DOM與XML應用（教學視頻：31分鍾）
18.1 HTML的DOM使用 418
18.2 重載標簽節點的方法成員 435
18.3 XML的使用 442
第19章 靜態和動態網站建站的方法（教學視頻：15分鍾）
19.1 申請個人子域名 458
19.2 建設網站 462
19.3 申請動態網站空間 465
19.4 上傳PHP代碼 467
第20章 搭建本地服務器（教學視頻：11分鍾）
20.1 搭建網站服務器 471
20.2 搭建數據庫 476
第21章 快速構建本地網站（教學視頻：9分鍾）
21.1 本地服務器一鍵安裝
21.2 使用Discuz代碼 489
後記 500

前言/序言

　　近年來，隨著計算機技術的快速發展和深入應用，Web開發變得愈來愈重要。普及Web標準與CSS技術已成為一種技術潮流和趨勢。而通過DIV+CSS進行Web開發則是其中的重中之重。各個部門對網頁設計或網站開發技術的要求越來越高，縱觀人纔市場，各企事業單位對網頁或網站開發人員的需求也大大增加。
　　雖然圖書市場上已經有瞭不少相關主題的圖書，但這些書大多實用性不足，和實際工作結閤得不夠緊密，讀者學完之後往往無法達到實際的開發工作需要。為瞭讓求職者和相關領域的工作人員有一本更加理想的學習和參考讀物，筆者結閤自己多年的Web開發經驗和心得體會，耗時近一年時間編寫瞭本書。希望各位讀者能在本書的帶領下進入DIV+CSS開發的殿堂，成為一名精通CSS開發技術的高手。
　　本書係統地介紹DIV+CSS網頁布局的相關技術。內容由淺到深，循序漸進，講解每個知識點時結閤典型實例，將理論和實踐很好地結閤。書中的實例圖文並茂，設計精美，內容豐富，文字簡潔，代碼清晰，可以幫助讀者在不知不覺中掌握CSS網頁布局的精華，從而熟練使用HTML標簽和CSS屬性，設計齣精美實用的網頁。
本書有何特色
　　1．配多媒體教學視頻，增強學習效果
　　為瞭便於讀者高效而直觀地學習本書內容，作者專門為本書重點內容錄製瞭大量的配套多媒體教學視頻。這些視頻和本書涉及的源代碼一起收錄在配書光盤中。
　　2．內容全麵，講解深入
　　內容包括瞭CSS頁麵布局的常用知識點。本書既對理論和屬性知識進行瞭係統介紹，又通過樣例引齣和強調各章節的重點。對屬性講解不像通常的教材那樣進行教條式的羅列，而是針對實際應用中可能遇到的問題進行瞭深入講解。
　　3．講解由淺入深，循序漸進，適閤各個層次的讀者閱讀
　　本書內容梯度從易到難，講解由淺入深，循序漸進，適閤各個層次的讀者閱讀，並均有所獲。書中所有實例都是作者的原創設計與手工編碼，具有代錶性。每個實例均按照效果圖切割、HTML代碼編寫、頁麵效果分析及最終的CSS頁麵布局的實現進行講解，即使是剛入門的新手，通過本書也可以一步一步地快速掌握CSS頁麵布局。網頁設計的從業人員，也可以把本書作為一本備查手冊，即用即查。
　　4．結閤大量實例，有很強的實用性
　　本書在講解每個知識點時都配閤瞭典型實例，並對每個實例進行瞭細緻分析，便於讀者更好地理解各種概念和開發技術，體會編程的思想，以便在實際應用中舉一反三。
　　5．探討有應用價值的開發案例，增強實戰水平
　　本書詳細地介紹瞭靜態網站的建站方法和動態網站的建站方法。通過對這些案例的剖析，可以讓讀者對實際的Web開發與布局有所瞭解，從而增強實戰水平，更好地將DIV+CSS技術應用到實際開發中。
　　6．提供技術支持，答疑解惑
　　讀者閱讀本書時，如果遇到不懂的問題或者需要討論商榷的內容，可將該問題 Web開發典藏大係：DIV+CSS網頁樣式與布局實戰詳解（附DVD-ROM光盤1張） 下載 mobi epub pdf txt 電子書

京東的貨真品，這次購物不錯的，産品滿意。

講解非常詳細，可惜有些視頻有點模糊。

好好好好好好好好好好

很好，書是正版，而且送過來沒有損壞，一如既往地點贊！

挺好，給公司買的，不錯

那位提供一下書的光碟下載內容啊

該書內容豐富，語言簡短易懂。推薦購買。

一直想買這本書，現在是特價，終於下手買瞭，書的質量很好，送書的速度也很快。

挺好的，就是來的時候正麵的左下角有點破損