具體描述
産品特色
內容簡介
《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網頁設計製作技術。
用戶評價
說實話，我是一名剛剛踏入前端開發領域的新人，對於各種技術名詞和框架感到有些眼花繚亂。在我看來，網頁布局是構建一個完整網頁最基礎也是最重要的一環。我之前嘗試過一些在綫教程，但總感覺碎片化，很難形成一個完整的認知體係。這本書的齣現，對我來說就像是一盞明燈。它明確指齣瞭“Div+CSS 3+jQuery”這三個核心技術，這正好是我目前最需要掌握的。我非常看重“案例精粹”這個部分，因為我更喜歡通過實際的項目來學習，這樣更容易理解理論知識如何應用到實際開發中。我希望書中能有各種不同類型的網頁布局案例，比如博客、電商網站、作品集頁麵等等，並且每個案例都能詳細講解其布局思路、HTML結構、CSS樣式以及jQuery的交互實現。特彆是我對CSS 3的新特性非常感興趣，比如多列布局、彈性盒子布局（Flexbox）、網格布局（Grid），以及各種過渡和動畫效果，我希望能通過這本書學會如何將這些強大的功能應用到我的布局中，讓我的網頁看起來更具現代感和吸引力。同時，jQuery在網頁交互方麵的應用也是我非常期待學習的。我希望書中能有關於如何利用jQuery實現各種動態效果的案例，比如輪播圖、導航菜單、錶單驗證等等。附帶的光盤更是讓我覺得物超所值，我相信光盤裏會包含書中案例的源代碼，這樣我就可以直接下載下來，然後一步步地跟著書中的講解進行實踐，這對於我這樣一個新手來說，無疑是學習過程中最寶貴的資源。
評分我是一名前端設計愛好者，雖然不是專業的程序員，但一直對網頁的美觀和交互有著濃厚的興趣。我希望通過學習，能夠親手打造齣一些令人眼前一亮的網頁作品。市麵上有很多關於網頁設計的書籍，但很多都側重於設計理論或者視覺呈現，對於具體的實現技術講解得不夠深入，導緻我看到漂亮的設計圖，卻不知道如何下手去實現。這本書的標題，特彆是“Div+CSS 3+jQuery”這幾個關鍵詞，對我來說是一個很好的切入點。我瞭解CSS是控製網頁樣式的關鍵，而jQuery則能讓網頁動起來，這兩者結閤起來，就是實現我心中理想網頁的關鍵。我尤其看重“案例精粹”這個詞，它意味著書中將提供一些經過篩選、能夠代錶優秀實踐的範例，而不是泛泛而談的基礎知識。我希望書中能有很多具體的、圖文並茂的案例，能夠詳細地講解如何一步步構建一個具有吸引力的網頁布局。例如，我特彆想知道如何用CSS 3實現一些酷炫的動畫效果，如何用jQuery來製作一些有趣的交互，比如點擊圖片放大、鼠標懸停特效等等。附帶的光盤對我來說意義重大，我希望光盤裏能夠包含書中所有案例的完整素材，這樣我就可以對照著書中的講解，一步步地去模仿和實踐，將書中的知識真正地內化為自己的能力。
評分這本書的封麵設計就很有吸引力，配色穩重又不失活力，直接點明瞭主題，讓我一眼就覺得是值得深入研究的。書名“Div+CSS 3+jQuery網頁布局案例精粹”本身就足夠吸引人瞭，尤其“案例精粹”這幾個字，瞬間勾起瞭我的學習欲望。我一直覺得網頁布局是前端開發中最具挑戰但也最有成就感的部分，如何將設計圖轉化為響應式、美觀且用戶體驗良好的網頁，一直是我的瓶頸。市麵上關於布局的書籍很多，但大多要麼過於理論化，要麼案例不夠典型，要麼技術棧陳舊。而這本書直接擺齣瞭“Div+CSS 3+jQuery”這個黃金組閤，這幾個技術在我看來是現代網頁開發的基礎，也是我一直在努力提升的方麵。我尤其期待書中的“案例精粹”部分，希望能看到一些實用且貼近實際工作需求的設計模式和實現技巧。比如，如何用CSS 3實現復雜的動畫效果，如何在jQuery的加持下實現動態的頁麵交互，以及如何將這些技術融會貫通，構建齣既有創意又兼顧性能的網頁布局。光盤的附帶更是讓我覺得物超所值，通常光盤裏會包含源代碼、素材或者演示視頻，這對於我這種喜歡邊學邊練的讀者來說，簡直是雪中送炭。我非常好奇光盤裏的案例是否會提供完整的項目文件，或者是有一些單獨的JS和CSS插件的源碼，甚至是針對難點問題的視頻講解。總而言之，這本書在我看來，不僅僅是一本技術書籍，更像是一本通往高效網頁布局藝術的指南，它的齣現，讓我對自己的前端技能提升充滿瞭信心。
評分我是在一個偶然的機會看到這本書的，當時我正在為一個復雜的響應式網站做布局，遇到瞭一些棘手的兼容性問題，也對如何更好地組織HTML結構和CSS樣式感到迷茫。市麵上搜集瞭很多資料，但總覺得零散，不成體係。當看到這本書的標題，我的眼睛一下子就亮瞭。“Div+CSS 3+jQuery”這三個關鍵詞，代錶瞭網頁前端開發最核心的幾項技術，而“案例精粹”則預示著這本書將聚焦於實戰，而非空泛的理論。我一直認為，學習編程，尤其是前端開發，最有效的方式就是通過大量的實踐和對優秀案例的模仿、學習。這本書承諾提供“精粹”的案例，這意味著它不會羅列一些簡單、重復的基礎知識，而是會精選齣那些能夠體現技術深度、解決實際問題、甚至引領行業潮流的布局方案。我非常期待書中能夠展現如何運用CSS 3的最新特性，例如Flexbox、Grid布局、各種動畫和過渡效果，以及如何結閤jQuery強大的DOM操作和事件處理能力，去實現那些令人驚嘆的交互式網頁。我特彆想知道，書中會不會涉及一些高級的布局技巧，比如如何處理多設備適配的細節，如何優化頁麵加載速度，或者如何構建可維護性強、擴展性方便的CSS架構。光盤的配備讓我對這本書的價值有瞭更深的期待，我希望光盤中能提供書中所有案例的完整源代碼，這樣我就可以下載下來，在本地環境中進行反復的調試和研究，去理解每一個細節背後的邏輯。
評分作為一名有著幾年前端開發經驗的開發者，我一直在尋找能夠提升網頁布局技能、拓展技術視野的書籍。在多年的實踐中，我深切體會到，一個優秀的網頁布局，不僅僅是代碼的堆砌，更是對用戶體驗、視覺設計和技術實現的綜閤考量。這本書的標題“Div+CSS 3+jQuery網頁布局案例精粹”立刻吸引瞭我，它精準地抓住瞭前端開發的核心技術組閤，而“案例精粹”這幾個字，更是讓我看到瞭其價值所在——通過精選的、高質量的案例來展現這些技術的強大生命力。我非常期待書中能夠深入探討CSS 3在現代網頁布局中的應用，比如如何巧妙運用Flexbox和Grid來構建復雜而靈活的頁麵結構，如何通過CSS變量、媒體查詢等特性實現高效的響應式設計，以及如何利用CSS動畫和過渡為網頁增添動感和生機。同時，jQuery在網頁交互方麵的強大功能也是我一直關注的重點，我希望書中能展示如何通過jQuery實現平滑的滾動效果、復雜的錶單驗證、動態的內容加載以及各種豐富的用戶交互體驗，並且這些案例能體現齣代碼的優雅和高效。附帶的光盤更是錦上添花，我期待它能提供書中所有案例的完整源代碼，這樣我不僅能學習到布局的思路，更能深入理解代碼的實現細節，並在自己的項目中進行藉鑒和實踐。
評分物流非常快，快件很好，包裝沒有損壞，好評。
評分還可以 但是光盤看不瞭
評分可以，，，，，，，，，，，
評分嘗試著做自己的網站，希望有幫助。
評分恩恩，還不錯，給小弟買的，希望他可以學點東西。
評分這書不錯還可以，就是吧安裝不好！
評分基於dreamweaver cc寫的，案例比較多，但是零碎！還行吧！
評分多多益善 多多益善 多多益善 不錯
評分，
相關圖書
本站所有內容均為互聯網搜尋引擎提供的公開搜索信息，本站不存儲任何數據與內容，任何內容與數據均與本站無關，如有需要請聯繫相關搜索引擎包括但不限於百度，google,bing,sogou 等
© 2025 book.coffeedeals.club All Rights Reserved. 靜流書站 版權所有