Div+CSS 3+jQuery網頁布局案例精粹

Div+CSS 3+jQuery網頁布局案例精粹

《Div+CSS 3+jQuery網頁布局案例精粹》是2015年6月電子工業出版社出版的圖書,作者是李曉斌。

基本介紹

  • 中文名:Div+CSS 3+jQuery網頁布局案例精粹
  • 作者:李曉斌
  • 出版社:電子工業出版社
  • 出版時間:2015年6月1日
  • 頁數:420 頁
  • 定價:69.8 元
  • 開本:16 開
  • 裝幀:平裝
  • ISBN:9787121260766
內容簡介,圖書目錄,作者簡介,

內容簡介

《Div+CSS 3+jQuery網頁布局案例精粹》全面並系統地講解了使用Div+CSS進行網頁布局的方法和技巧,詳細的講解步驟配合圖示,使得每個步驟清晰易懂、一目了然。本書通過大量翔實的實例對Div+CSS布局進行了深入淺出的分析,並對重點和難點進行了更加深入的解析,使讀者能夠充分掌握Div+CSS布局的精髓所在。在書中還穿插介紹了有關CSS 3和HTML 5的相關知識。希望讀者通過本書的學習,能夠以符合標準的設計思維,採用實戰操作步驟完成網頁設計,進而全面掌握利用Div+CSS布局製作網頁的方法。
  《Div+CSS 3+jQuery網頁布局案例精粹》內容豐富、結構明朗、思維清晰、知識點覆蓋面廣、實例的講解到位、步驟簡單易懂。另外,在講解知識的基礎上著重培養讀者的思維鍛鍊與實踐作戰,比較適合初、中級網頁設計製作愛好者,以及希望學習Div+CSS網頁布局的設計者。本書配套光碟中還提供了書中所有實例源檔案和相關視頻教程,供讀者學習和參考。

圖書目錄

實例1 建站第一步――創建本地靜態站點 2
實例2 設定遠程伺服器――創建企業網站站點 3
實例3 遠程互動站點――創建Business Catalyst站點 6
實例4 HTML的基本結構――製作簡單的HTML頁面 9
實例5 HTML 5標籤――在網頁中實現圓形圖片 11
實例6 HTML 5標籤――在網頁中嵌入音頻 15
實例7 HTML 5標籤――在網頁中嵌入視頻 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

作者簡介

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

相關詞條

熱門詞條

聯絡我們