發表於2024-11-05
《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網頁布局案例精粹(附光盤) 下載 mobi pdf epub txt 電子書 格式 2024
Div+CSS 3+jQuery網頁布局案例精粹(附光盤) 下載 mobi epub pdf 電子書還行~不適閤新手掃盲~慢慢看
評分還不不錯,不過就是已經拆封的,書角有摺痕,不像是全新的
評分CSS + DIV網頁樣式布局實戰從入門到精通
評分還可以 但是光盤看不瞭
評分不錯!!!
評分內容不錯,書的紙張不咋的,裏麵的代碼要全部都能印在書上,那就最好瞭。
評分Div+CSS 3+jQuery網頁布局案例精粹(附光盤)
評分感覺還可以~正在使用
評分滿意,學習中看看看看看
Div+CSS 3+jQuery網頁布局案例精粹(附光盤) mobi epub pdf txt 電子書 格式下載 2024