《網頁DIV+CSS布局和動畫美化全程實例》是2012年9月清華大學出版社出版的圖書，作者是陳益材、何楚斌。
基本介紹
- 中文名：網頁DIV+CSS布局和動畫美化全程實例
- 作者：陳益材、何楚斌
- 出版社：清華大學出版社
- 出版時間：2012年9月
- 定價：49.8 元
- ISBN：9787302296164
內容簡介,圖書目錄,
內容簡介
網站的建站技術近幾年得到迅速的發展，網頁的布局與特效動畫技術層出不窮，網站建設已經從簡單的技術支持時代衍變到現在的視覺美化時代。但如何使設計的網頁高人一籌，達到讓人過目不忘的境界，如何追求以最簡單的特效讓網頁 “亮”起來，這些都是新一代網頁設計者最關注的話題。本書詳細介紹了使用網頁 DIV+CSS布局的方法，詳解了國內外站點關於網頁特效實現的精華案例，並由資深設計師結合實際開發經驗，加以歸納、綜合而成網頁布局設計中特效實現的精彩實例。
本書涉及 Web編程的基礎知識、開發技術以及高級動畫特效的製作技巧，無論是具有 Web編程經驗的中高級開發人員，還是網頁設計的初學者，本書都能成為其設計網頁時的好幫手。同時，本書也適用於網頁設計與製作人員、網站建設與開發人員閱讀，也可以作為高等院校相關專業和相關培訓機構的教學用書。
圖書目錄
第1章動感網頁動畫的實現技術 1
11網頁動畫的重要性 1
111成功的網站所具備的特點 1
112快速發展的網頁特效動畫技術 3
113網頁動畫設計師必須掌握的技術 3
12掌握 Web網頁標準的基礎 4
121網頁標準化的好處 4
122現階段使用的 Web標準 5
123使用 Web標準改善現有網站 7
13嵌入網頁的動畫技術 10
131 GIF圖片動畫 11
132 CSS樣式動畫 11
133 JavaScript特效動畫 12
134 Flash動畫 14
第2章 DIV+CSS網頁布局基礎知識 18
21 DIV的基礎知識和操作 18
211層的基礎知識 18
212頁面中插入層 19
213創建嵌套層 20
214層屬性面板 21
22 CSS層疊樣式表 22
221 CSS的作用、類型與衝突 22
222編輯 CSS層疊樣式表 24
223層疊樣式表規則意義 28
23 DIV+CSS布局方法 34
231 DIV標籤控制方法 34
232 XHTML中的元素 36
233元素的樣式設定 36
234 網頁寬度的設定 38
235 水平居中的設定 38
236 DIV的嵌套設定 40
237 DIV的浮動方法 41
238網頁布局的實例 45
24列表元素布局 48
精通DIV+CSS網頁樣式與布局
241 列表元素布局導航 48
242 導航條的超級連結 49
243 導航條的互動設計 51
25 CSS盒模型 52
251 CSS盒模型概念 52
252 外邊距的控制 53
253 框線的樣式設定 55
254 內邊距的設定 56
255 盒模型兼容問題 58
26元素的非常規定位方式 59
261 CSS絕對定位 59
262 CSS固定定位 61
263 CSS相對定位 62
264 CSS程式簡化 64
第3章全程實例一：清新風格的攝影網站 66
31攝影網站的美工創意 66
311 首頁的功能模組 66
312規劃首頁的版面 67
32首頁的布局設計 70
321 Photoshop分割圖片 70
322 網站資料夾規劃 75
323 搭建網站伺服器平台 76
324 創建編輯站點 83
325 轉換首頁布局結構 86
326 CSS標準化網頁 88
33實例的動畫效果 97
331 使用的動畫技術 97
332 連結注釋動畫 97
333 狀態欄跑馬燈 99
334 隨機文本顏色 100
335 滴水特效動畫 101
第4章全程實例二：個性化的部落格網站 108
41部落格網站美工設計 108
42網站的首頁布局 110
421 圖片的分割 110
422 配置本地站點 113
423 創建編輯站點 116
424 轉換首頁布局結構 118
425 DIV+CSS布局首頁 120
426 二級頁面的設計 123
43日記翻頁的動畫效果 126
431 實現的動畫技術 126
432 素材圖片的整理 127
433 圖形元件的製作 128
434 按鈕元件的製作 132
435 日記頁面的製作 133
436 向右翻頁的動畫 139
437 向左翻頁的動畫 145
438 圖層合成影片 148
439 加入翻書的聲音 150
4310 加入動作命令 151
4311 嵌入網頁並套用 155
第5章全程實例三：精緻風格的美容網站 157
51雅麗美容網站的設計 157
511 網站的欄目設計 157
512 設計首頁的版面 158
52網站首頁布局設計 160
521 切片網頁圖片 160
522 搭建本地站點 165
523 創建編輯站點 167
524 轉換布局結構 169
525 DIV+CSS布局網頁 170
53首頁加入動畫效果 176
531 首頁的動畫效果 176
532 滑動二級選單 177
533 Flash特效動畫 181
第6章全程實例四：天真的樂園網站 189
61天真樂園網站的設計 189
611 網站的欄目設計 189
612 首頁的版面設計 190
62首頁的布局設計 192
621 使用 Photoshop分割圖片 192
622 配置本地站點伺服器 194
623 創建編輯站點 197
624 轉換首頁布局 199
625 DIV+CSS布局網頁 200
63加入的動畫效果 205
631 使用的動畫效果 205
632 DIV+CSS滑動選單 206
633 Flash特效動畫效果 208
634顯示訪問時間 216
精通DIV+CSS網頁樣式與布局
第7章全程實例五：水墨風格的餐飲網站 218
71水墨風格的網站美工設計 218
711 餐飲網站的欄目設計 218
712 網站首頁的設計 219
72網站首頁的布局設計 220
721 使用 Photoshop切片圖片 220
722 配置本地站點伺服器 222
723 創建編輯站點 224
724轉換首頁布局結構 225
725 DIV+CSS布局網頁 226
73首頁加入動畫效果 230
731 實例使用的動畫效果 230
732 逐字變化文本顏色 230
733 變化菜品的動畫效果 232
734發光燈籠和動畫選單 242
第8章全程實例六：淳樸風格的辦公用品網站 255
81辦公用品網站的美工設計 255
811 網站的欄目設計 255
812 設計首頁的版面 256
82網站首頁的布局設計 258
821 Photoshop切片圖片 258
822 配置本地站點 260
823 創建編輯站點 261
824 轉換首頁布局 262
825 DIV+CSS布局首頁 264
83加入的動畫效果 269
831 使用的動畫效果 269
832 狀態欄時間顯示 269
833 壁燈的動畫設計 270
834 Flash滑動選單 282
第9章全程實例七：傳統風格的酒業網站 297
91葡萄酒網站的美工設計 297
911 設計酒業網站欄目 297
912 設計首頁的版面 298
92首頁的布局設計 299
921 Photoshop切片圖片 299
922 配置本地站點 303
923 建立酒業編輯站點 305
924 轉換首頁布局 306
925 DIV+CSS布局首頁 307
93首頁加入動畫效果 314
931 實例使用的動畫 314
932 滾動字幕廣告 314
933 Logo發光動畫 315
934 發光酒杯動畫 323
第10章全程實例八：溫馨風格的家俱網站 330
101溫馨風格的家俱網站美工 330
1011 家俱網站的欄目設計 330
1012 設計首頁的版面 331
102家俱首頁的布局設計 333
1021 首頁圖片的切片 333
1022 配置家俱站點伺服器 335
1023 創建編輯站點 337
1024 轉換首頁布局結構 337
1025 DIV+CSS布局網頁 338
103首頁加入動畫效果 343
1031 使用的動畫技術 343
1032 圖片的自動切換 343
1033 滑動的導航選單 347
