Div+CSS 3+jQuery網頁布局案例精粹 ( 簡體 字) |
| 作者：李曉斌 | 類別：1. -> 程式設計 -> 網路編程 -> CSS
2. -> 程式設計 -> 網路編程 -> JQuery |
| 譯者： |
| 出版社：電子工業出版社 |  3dWoo書號： 41675
詢問書籍請說出此書號！【缺書】
NT售價： 350 元 |
| 出版日：6/1/2015 |
| 頁數：420 |
| 光碟數：1 (含視頻教學) |
|
站長推薦：   |
| 印刷：黑白印刷 | 語系： ( 簡體 版 ) |
| |
加入購物車  │加到我的最愛
(請先登入會員) |
| ISBN：9787121260766 |
| 作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
| (簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
| 作者序： |
| 譯者序： |
前言：隨著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布局制作網頁的各個方面的知識。
以實例為中心。
脫離單純的知識點講解，通過實例與知識點相結合的方式講解Div+CSS布局制作技術，生動、貼切地詮釋了知識點在實際工作中的應用。
涵蓋最新知識。
涵蓋了最新的CSS 3和HTML 5相關知識的講解，并且通過實例與知識點相結合的方式進行介紹，使讀者能夠更容易地理解最新的知識。
語言簡潔流暢。
本書語言流暢、圖文并茂。書中以大量的實例講解在實際工作中網頁的制作方法和技巧，避免了枯燥無味的說教。
視頻輔助教學。
將實例的制作與教學視頻相結合，使得枯燥的內容更加容易理解。
關于本書作者
本書作者有著多年的網頁教學及網頁設計制作的工作經驗，先后在多家網絡公司從事網頁設計制作工作，積累了大量網頁設計制作的經驗，并精通網頁布局和美化的多種技巧。本書基于最新版本的Dreamweaver CC，按照從簡單到復雜、從入門到精通的思路寫作，作者結合一百多個典型的網站實例進行講解，使讀者能夠快速地掌握目前流行的Div+CSS網頁布局與制作技能。
如何閱讀本書
本書采用了圖文相結合的方式對網頁的設計及制作的細節進行全面的展示，本書配套光盤中提供了書中所有實例的源文件和相關素材，以及書中所有實例的視頻教程，方便讀者學習和參考。
本書由李曉斌編著，參與編寫的人員有張曉景、張立峰、高巍、王廷楠、范明、張航、于海波、王明、賈勇、梁革、羅廷蘭、陶瑪麗、暢利紅、高鵬等。由于時間倉促，書中難免存在疏漏之處，希望廣大讀者朋友批評、指正，我們一定會全力改進，并在以后的工作中加強和提高。 |
內容簡介：(含DVD光盤1張)本書通過實例的方式全面介紹了CSS樣式中幾乎所有的屬性，以及使用Div+CSS布局制作網頁的方法和技巧。在實例的制作過程中，在介紹CSS樣式設計各方面知識的同時，還結合實際網頁制作中可能遇到的問題提供了解決問題的思路、方法和技巧，這樣初學者可以輕松地掌握Div+CSS布局的方式，制作出精美的網頁。
本書全面并系統地講解了使用Div+CSS進行網頁布局的方法和技巧，詳細的講解步驟配合圖示，使得每個步驟清晰易懂、一目了然。本書通過大量翔實的實例對Div+CSS布局進行了深入淺出的分析，并對重點和難點進行了更加深入的解析，使讀者能夠充分掌握Div+CSS布局的精髓所在。在書中還穿插介紹了有關CSS 3和HTML 5的相關知識。希望讀者通過本書的學習，能夠以符合標準的設計思維，采用實戰操作步驟完成網頁設計，進而全面掌握利用Div+CSS布局制作網頁的方法。
本書內容豐富、結構明朗、思維清晰、知識點覆蓋面廣、實例的講解到位、步驟簡單易懂。另外，在講解知識的基礎上著重培養讀者的思維鍛煉與實踐作戰，比較適合初、中級網頁設計制作愛好者，以及希望學習Div+CSS網頁布局的設計者。本書配套光盤中還提供了書中所有實例源文件和相關視頻教程，供讀者學習和參考。 |
目錄：第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 |
| 序： |
