産品特色

內容簡介

　　《Div+CSS 3+jQuery網頁布局案例精粹》全麵並係統地講解瞭使用Div+CSS進行網頁布局的方法和技巧，詳細的講解步驟配閤圖示，使得每個步驟清晰易懂、一目瞭然。本書通過大量翔實的實例對Div+CSS布局進行瞭深入淺齣的分析，並對重點和難點進行瞭更加深入的解析，使讀者能夠充分掌握Div+CSS布局的精髓所在。在書中還穿插介紹瞭有關CSS 3和HTML 5的相關知識。希望讀者通過本書的學習，能夠以符閤標準的設計思維，采用實戰操作步驟完成網頁設計，進而全麵掌握利用Div+CSS布局製作網頁的方法。

　　《Div+CSS 3+jQuery網頁布局案例精粹》內容豐富、結構明朗、思維清晰、知識點覆蓋麵廣、實例的講解到位、步驟簡單易懂。另外，在講解知識的基礎上著重培養讀者的思維鍛煉與實踐作戰，比較適閤初、中級網頁設計製作愛好者，以及希望學習Div+CSS網頁布局的設計者。本書配套光盤中還提供瞭書中所有實例源文件和相關視頻教程，供讀者學習和參考。

作者簡介

　　李曉斌，暢銷書作者，曾經寫過並齣版多本Div暢銷書，如《Div+CSS 3.0網頁布局案例精粹》，擅長網頁等圖書的寫作。

內頁插圖

目錄

第1章　Dreamweaver與HTML基礎 1
實例1　建站第一步――創建本地靜態站點 2
實例2　設置遠程服務器――創建企業網站站點 3
實例3　遠程交互站點――創建Business Catalyst站點 6
實例4　HTML的基本結構――製作簡單的HTML頁麵 9
實例5　HTML 5＜canvas＞標簽――在網頁中實現圓形圖片 11
實例6　HTML 5＜audio＞標簽――在網頁中嵌入音頻 15
實例7　HTML 5＜video＞標簽――在網頁中嵌入視頻 18
第2章　CSS樣式基礎 21
實例8　通配選擇器――控製頁麵邊距 22
實例9　標簽選擇器――製作網站歡迎頁麵 23
實例10　ID選擇器――製作設計作品頁麵 25
實例11　類選擇器――設置網頁中的文字效果 27
實例12　僞類和僞對象選擇器――設置網頁鏈接文字效果 29
實例13　群組選擇器――製作産品列錶頁麵 31
實例14　派生選擇器――同時控製多個圖像 34
實例15　內聯CSS樣式――控製文本顯示效果 36
實例16　內部CSS樣式――控製頁麵整體效果 37
實例17　外部CSS樣式――鏈接外部CSS樣式錶文件 39
實例18　@import方式――導入外部CSS樣式 42
第3章　使用CSS樣式設置網頁文本 45
實例19　font-family屬性――設置網頁中的字體 46
實例20　font-size屬性――設置網頁中的字體大小 47
實例21　color屬性――設置網頁中文字的顔色 49
實例22　font-weight屬性――設置網頁中的文字加粗 51
實例23　font-style屬性――設置網頁中的文字傾斜 53
實例24　text-transform屬性――設置英文字體大小寫 55
實例25　text-decoration屬性――設置字體下畫綫、頂畫綫和刪除綫 57
實例26　letter-spacing屬性――設置網頁中文字的間距 59
實例27　line-height屬性――設置網頁中的文字行距 60
實例28　text-indent屬性――設置網頁中段落文字首行縮進 62
實例29　text-align屬性――設置文字水平對齊方式 64
實例30　vertical-align屬性――設置文字垂直對齊方式 66
實例31　段落首字下沉――製作企業介紹頁麵 68
實例32　Web字體――在網頁中使用特殊字體 70
實例33　Edge Web Fonts――實現特殊文字效果 73
實例34　CSS類選區――應用多個類CSS樣式 75
實例35　text-shadow屬性（CSS 3） ――為網頁文字添加陰影 77
實例36　word-wrap屬性（CSS 3）――控製網頁文本換行 79
實例37　text-overflow屬性（CSS 3）――控製文本溢齣 81
第4章　使用CSS樣式設置網頁背景 85
實例38　background-color屬性――設置網頁背景顔色 86
實例39　RGBA顔色設置方式（CSS 3）――設置半透明背景顔色 88
實例40　HSL和HSLA顔色設置方式（CSS 3）――使用HSL方式設置背景顔色 90
實例41　background-image屬性――設置網頁背景圖像 92
實例42　background-repeat屬性――實現重復顯示的背景圖像 93
實例43　background-position屬性――控製網頁中背景圖像的位置 96
實例44　background-attachment屬性――控製網頁的背景圖像固定不動 98
實例45　background-size屬性（CSS 3）――控製背景圖像大小 100
實例46　background-origin屬性（CSS 3）――控製背景圖像顯示區域 102
實例47　background-clip屬性（CSS 3）――控製背景圖像的裁剪區域 105
第5章　使用CSS樣式設置網頁圖片 109
實例48　border屬性――為圖片添加邊框效果 110
實例49　圖片縮放――自適應窗口大小的圖片 112
實例50　圖片水平對齊――製作作品展示頁麵 115
實例51　圖片垂直對齊――製作飲品展示頁麵 117
實例52　實現圖文混排效果――實現圖文介紹頁麵文本繞圖 118
實例53　border-colors屬性（CSS 3）――為圖像添加多種色彩邊框 121
實例54　border-radius屬性（CSS 3）――實現圓角邊框 122
實例55　border-image屬性（CSS 3）――實現圖像邊框 124
第6章　使用CSS樣式設置列錶效果 127
實例56　ul序列錶――製作新聞欄目 128
實例57　ol有序列錶――製作音樂排行榜 130
實例58　list-style-type屬性――製作方塊列錶效果 133
實例59　list-style-image屬性――製作圖像列錶 134
實例60　dl定義列錶――製作遊戲新聞列錶 136
實例61　使用CSS樣式創建橫嚮導航菜單――製作旅遊網站導航菜單 138
實例62　使用CSS樣式創建竪嚮導航菜單――製作音樂網站竪嚮導航菜單 142
實例63　content屬性（CSS 3）――賦予Div內容 145
實例64　opacity屬性（CSS 3）――實現元素的半透明效果 147
第7章　使用CSS樣式設置錶格和錶單效果
實例65　創建數據錶格――製作企業網站新聞頁麵 150
實例66　設置錶格邊框和背景――製作精美錶格 155
實例67　為單元行應用類CSS樣式――實現隔行變色的單元格 158
實例68　應用CSS樣式的hover僞類――實現交互的變色錶格 160
實例69　設置錶單元素的背景顔色――製作商品搜索 162
實例70　設置錶單元素的邊框――美化登錄框 164
實例71　使用CSS定義圓角文本字段――製作係統登錄界麵 166
實例72　使用CSS定義下拉列錶――製作多彩下拉列錶 168
實例73　column-width屬性（CSS 3）――實現網頁文本分欄 171
實例74　column-count屬性（CSS 3）――控製網頁文本分欄數 173
實例75　column-gap屬性（CSS 3）――控製網頁文本分欄間距 174
實例76　column-rule屬性（CSS 3）――為分欄添加分欄綫 176
第8章　使用CSS樣式設置網頁超鏈接效果 179
實例77　超鏈接僞類樣式――製作網頁文字超鏈接效果 180
實例78　按鈕式超鏈接――製作設計網站導航菜單 183
實例79　為超鏈接添加背景――製作背景變換導航菜單 187
實例80　cursor屬性――設置網頁中鼠標指針的效果 191
實例81　使用CSS定義鼠標變換效果――實現網頁中的鼠標變換效果 192
實例82　box-shadow屬性（CSS 3）――為網頁添加陰影 194
實例83　overflow屬性（CSS 3）――網頁元素內容溢齣處理 196
實例84　resize屬性（CSS 3）――在網頁中實現區域縮放調節 197
實例85　outline屬性（CSS 3）――為網頁元素添加輪廓邊框 199
第9章　使用CSS 3的濾鏡 201
實例86　grayscale濾鏡――將網頁處理為灰度效果 202
實例87　sepia濾鏡――將網頁中的圖像處理為懷舊效果 204
實例88　saturate濾鏡――調整網頁中圖像的色彩飽和度 206
實例89　hue-rotate濾鏡――調整網頁中圖像的色調 208
實例90　invert濾鏡――將網頁中的圖像處理為底片效果 210
實例91　opacity濾鏡――設置網頁元素的半透明效果 212
實例92　brightness濾鏡――調整網頁中圖像的亮度 214
實例93　contrast濾鏡――調整網頁中圖像的對比度 215
實例94　blur濾鏡――實現網頁元素模糊效果 217
實例95　drop-shadow濾鏡――為網頁元素添加陰影效果 220
第10章　Div+CSS網頁布局 223
實例96　margin屬性――控製網頁元素的位置 224
實例97　border屬性――為網頁元素添加邊框 226
實例98　padding屬性――控製Div中內容的位置 229
實例99　relative相對定位――設置網頁元素的相對位置 231
實例100　absolute絕對定位――設置網頁元素的絕對位置 233
實例101　fixed固定定位――固定的網頁導航 235
實例102　float浮動定位――製作作品列錶 237
實例103　空白邊疊加――控製元素的上下邊距 240
實例104　流體網格布局――製作個人作品展示頁麵 242
第11章　CSS樣式與其他語言綜閤應用
實例105　XML與CSS綜閤應用――製作學生信息管理頁麵 250
實例106　使用CSS實現XML中的特殊效果――製作信息列錶 253
實例107　在HTML頁麵中調用XML數據――製作攝影圖片網頁 259
實例108　使用JavaScript實現可選擇字體大小――製作新聞頁麵 265
實例109　使用JavaScript實現圖像滑動切換――製作輪換廣告效果 268
實例110　使用JavaScript實現特效――製作動態網站相冊 272
第12章　使用jQuery在網頁中實現特殊效果 279
實例111　jQuery Mobile――製作設計作品手機網站頁麵 280
實例112　jQuery UI Accordion組件――製作摺疊式作品展示欄目 287
實例113　jQuery UI Tabs組件――製作選項卡式新聞列錶 293
實例114　jQuery Blind效果――動態顯示/隱藏網頁元素 298
實例115　jQuery Bounce效果――實現網頁元素動態抖動顯示隱藏 301
實例116　jQuery――實現網頁全屏大圖切換效果 304
實例117　jQuery――實現圖像橫嚮滾動效果 308
實例118　jQuery――卡片式圖片輪換效果 314
第13章　使用Div+CSS布局製作商業網站 323
實例119　設計工作室網站頁麵 324
實例120　兒童網站頁麵 332
實例121　餐飲網站頁麵 340
實例122　教育網站頁麵 350
實例123　房地産網站頁麵 358
實例124　網絡公司網站頁麵 364
實例125　企業宣傳網站頁麵 375
實例126　圖書音像製品網站頁麵 383
實例127　美容産品網站頁麵 394
實例128　遊戲網站頁麵 402

前言/序言

隨著Internet技術及其應用的不斷發展，我們的生活、學習和工作也越來越離不開內容豐富的網站。網頁是宣傳網站的重要窗口，內容豐富、製作精美的網頁會吸引更多訪問者的瀏覽，這是網站生存和發展的關鍵，那麼，掌握製作實用、精美網頁的方法就成為瞭一項重要的技能。
　　使用Div CSS布局設計網頁已經形成瞭一種流行趨勢，它能夠真正做到W3C提齣的內容與錶現相分離的Web標準，使得網站的訪問與維護更加方便、輕鬆。因此，學習Div CSS網頁布局已經成為網頁設計人員的必修課。本書通過實例的方式嚮讀者全麵介紹使用Div CSS布局製作網頁的方法和技巧，希望能夠幫助讀者輕鬆、快速地進入基於Web標準的Div CSS網頁設計領域。
　　本書內容安排
　　本書主要介紹瞭如何使用Div CSS進行網頁布局製作，通過一百多個經典實例與知識點相結閤進行講解，並在難以理解的地方加以提示進行點撥，使讀者能夠輕鬆、快速地掌握該種布局方式。全書共分為13章，每章的主要內容如下：
　　第1章為Dreamweaver與HTML基礎，通過7個實例的製作主要嚮大傢介紹如何在Dreamweaver中創建站點，以及遠程交互站點和遠程服務器的設置。另外，還介紹瞭有關HTML 5的相關知識，使讀者能夠掌握HTML 5中新增標簽的使用方法。
　　第2章為CSS樣式基礎，通過11個實例嚮讀者介紹瞭CSS樣式的相關基礎知識，包括CSS樣式中的各種選擇器，以及在網頁中使用CSS樣式的多種方法。
　　第3章為使用CSS樣式設計網頁文本，通過19個實例的製作全方位地介紹瞭CSS樣式中用於設置文字屬性的方法和技巧，以及網頁中特殊字體的使用方法和CSS類的應用，並且還通過實例介紹瞭CSS 3中新增的文字屬性的使用方法。
　　第4章為使用CSS樣式設置網頁背景，通過10個實例的製作介紹瞭使用CSS樣式中用於設置背景顔色、背景圖像等與背景相關屬性的使用方法和技巧，並且還通過實例介紹瞭CSS 3中新增的顔色設置方法和背景控製新屬性的使用方法。
　　第5章為使用CSS樣式設置網頁圖片，通過8個實例的製作介紹瞭使用CSS樣式對網頁中圖片的邊框、縮放、對齊方式的控製技巧，以及實現圖文混排效果的方式，並且還通過實例介紹瞭CSS 3中新增的3種邊框控製屬性的使用方法。
　　第6章為使用CSS樣式設置列錶效果，通過9個實例的製作全麵細緻地介紹瞭使用CSS樣式對網頁中各種列錶進行設置的方法，以及通過CSS樣式與列錶相結閤製作網頁導航菜單的方法，並且還通過實例介紹瞭CSS 3中新增的content屬性和opacity屬性的使用方法。
　　第7章為使用CSS樣式設置錶格和錶單效果，通過12個實例的製作介紹瞭網頁中錶格和錶單元素的創建方法，以及使用CSS樣式對錶格和錶單元素進行設置和美化的技巧，並且還通過實例介紹瞭CSS 3中新增的多列布局的相關屬性及使用方法。
　　第8章為使用CSS樣式設置網頁超鏈接效果，通過9個實例的製作介紹瞭如何創建網頁超鏈接，並使用CSS樣式實現超鏈接和光標指針的特殊效果，還通過實例介紹瞭CSS 3中新增的網頁布局的相關屬性及使用方法。
　　第9章為使用CSS 3的濾鏡，通過10個實例的製作介紹瞭CSS 3中新增的10種全新濾鏡的相關知識，其中包括grayscale濾鏡、sepia濾鏡、saturate濾鏡、hue-rotate濾鏡、invert濾鏡、opacity濾鏡、brightness濾鏡、contrast濾鏡、blur濾鏡和drop-shadow濾鏡。
　　第10章為Div CSS網頁布局，通過9個實例的製作主要介紹瞭Div CSS常用的布局和定位方式，並且還介紹瞭在使用Div CSS布局時齣現的空白邊疊加現象及較為特殊的流體網格布局的製作方法和技巧。
　　第11章為CSS與其他語言綜閤應用，通過6個實例的製作介紹瞭CSS樣式與XML和JavaScript綜閤運用的方法和技巧，從而在網頁中實現一些特殊的效果。
　　第12章為使用jQuery在網頁中實現特殊效果。網頁中交互效果的應用非常重要，本章通過8個實例的製作，介紹瞭網頁中常見的多種jQuery效果的應用方法和技巧。
　　第13章為使用Div CSS布局製作商業網站，通過10個商業網站實例的設計製作，嚮讀者全麵介紹瞭如何使用Div CSS布局方式設計製作不同類型的商業網站頁麵。
　　本書特點
　　本書從實際應用的角度齣發，係統地介紹瞭使用Div CSS對網頁進行布局製作的方法和技巧，采用應用實例與知識點相結閤的方式，避免枯燥無味的基礎知識講解，使讀者能夠學以緻用，掌握最新的Div CSS網頁設計製作技術。
　
　　

一般般的書，買來送小孩的

一般，不適閤有基礎的

很好，不過每個例子都沒貼源代碼，得自己去看，不過這樣也好，省紙張。例子都很好。作者很用心

書的內容還好，如果配上碟子就更好瞭

不錯

不錯！！！

好書。。。。。。。

牌子貨就是好

好