DIV+CSS布局與樣式之網站設計精粹 ( 簡體 字) |
| 作者：李海燕 | 類別：1. -> 程式設計 -> 網路編程 -> CSS |
| 譯者： |
| 出版社：清華大學出版社 |  3dWoo書號： 39636
詢問書籍請說出此書號！【缺書】
NT售價： 250 元 |
| 出版日：9/1/2014 |
| 頁數：376 |
| 光碟數：0 |
|
站長推薦：   |
| 印刷：黑白印刷 | 語系： ( 簡體 版 ) |
| |
加入購物車  │加到我的最愛
(請先登入會員) |
| ISBN：9787302373988 |
| 作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
| (簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
| 作者序： |
| 譯者序： |
前言：本書是一本詳細講解如何運用 DIV+CSS進行網站制作的技術書，是最全的網站重構案例書，由天涯社區前端工程師李海燕結合多年工作經驗和項目開發經驗所編寫。
學習 DIV+CSS有用嗎
Web前端開發技術包括三個核心要素：XHTML、CSS和JavaScript，本書的 DIV+CSS技術充分運用了其中的兩個：XHTML和CSS。企業在招聘前端開發或網站制作的人員時，能熟練運用 DIV+CSS技術進行網站制作成為篩選人才的必選項。同時運用 DIV+CSS技術制作的網站與傳統 TABLE布局相比，無論在 SEO還是在性能上都遠遠勝出。可以說如果從事與網站相關的工作，那么不懂 DIV+CSS將寸步難行。
精心梳理知識要點
本書第 1章梳理了作者多年在網站制作中積累的知識要點和技巧，包括公司網站制作流程、CSS模塊化、XHTML代碼語義、CSS Sprites、CSS重置代碼等，使讀者少走彎路，快速積累經驗。
細致介紹制作過程
本書第 2章~第15章詳細講解如何運用 DIV+CSS制作 14個類型和風格各不相同的大型網站案例。這些案例都是實際項目或目前互聯網上正在使用的頁面，取材新穎，內容實用。每個案例都分別進行了細致分析，包括網站效果圖、布局規劃、切圖、搭建網站框架、 XHTML編寫和 CSS編寫。
系統講解在企業的實際項目中涉及的問題和解決辦法
本書第 16章~第18章分別介紹網頁在各種瀏覽器中的兼容問題及解決辦法，如何使用 Firebug、IE Developer Toolbar和Chrome開發者工具進行網頁調試，網頁發布前如何進行網站測試，大型項目中的代碼壓縮和版本控制以及上傳網站方法，加深讀者對網站制作的認識，提高讀者實戰能力。
本書涉及的技術或知識點 本書的案例
◎網站開發流程 ◎ CSS Sprites ◎ CSS模塊化
◎ XHTML代碼語義 ◎ class組合與繼承 ◎ CSS Hack
◎ Firebug ◎ IE Developer Toolbar ◎ Chrome開發者工具
◎瀏覽器兼容 ◎代碼測試 ◎版本控制
◎網站上傳 ◎清除浮動 ◎瀏覽器內核
◎如何切圖 ◎ CSS樣式重置
◎企業網站：Communications通訊 ◎個人網站：博客
◎產品展示網站：CLOTHES公司服裝展示 ◎教育科研機構網站：北京理工大學
◎電子商務網站：唯品會 ◎電子政務網站：山西省人民政府駐北京辦事處
◎搜索資訊網站：Google ◎電影網站：豆瓣電影
◎游戲網站：游戲部落 ◎婚慶網站：婚禮花藝
◎論壇類網站：天涯來吧 ◎餐飲網站：美味比薩餐廳
◎汽車網站：一汽奔騰 ◎在線閱讀網站：唐茶 ——閱讀新境界
本書特點
1.講解細致，分析透徹，本書無論是理論知識的介紹，還是實例的開發，都從實際應用角度出發，精心選擇開發中的典型例子。
2.深入淺出、輕松易學，以實例為主線，激發讀者的閱讀興趣，讓讀者能夠真正學習到 DIV+CSS技術最實用、最前沿的技術。
3.圖文并茂，步驟詳細，對每段代碼中的重點都進行了講解，使讀者易于理解和消化，幫助讀者快速掌握。
4.貼近讀者、貼近實際，匯總講解了在網頁制作中遇到的兼容問題，并詳細介紹各種常用網頁調試工具的使用和說明，幫助讀者快速找到瀏覽器各種兼容問題的最優解決方案，書中很多實例來自作者工作的實際案例和現在流行的網站。
5.貼心提醒，醒目易記，本書根據需要在各章使用了很多 “注意 ”形式，對每個實例制作時遇到的問題進行了總結，讓讀者可以在學習過程中更輕松地理解相關知識點及概念。
本書讀者
● XHTML和CSS開發初學者和前端開發愛好者
●前端開發工程師
●網站重構工程師
●從事后端開發但對前端開發感興趣的人員
●網頁設計人員、站長、網站編輯或網站運營
●喜歡網頁設計的大中專院校的學生
●可作為各種培訓學校的入門 +實踐教程
本書作者
除本書封面署名作者外，參與本書編寫的人員還有宋楠、李春城、李柯泉、陳超、杜禮、孔峰、孫澤軍、王剛、楊超、張光澤、趙東、李玉莉、劉巖、潘玉亮、林龍，在此表示感謝。
配套源代碼下載
本書配套源代碼下載地址（注意字母大小寫）為http://pan.baidu.com/s/1qWNlNli。
編者 2014年6月 |
內容簡介：本書結合大量實際案例，詳細講解如何運用 DIV+CSS進行網頁制作，并穿插講解各種經驗和技巧。
本書共分 18章。第 1章介紹了 CSS模塊化、 XHTML代碼語義、 CSS Sprites技術、 CSS重置代碼等知識要點，并分享了實際項目中的使用技巧；第 2章~第15章詳解運用 DIV+CSS制作的 14個類型和風格各不相同的大型實用網站案例；第 16章~第18章介紹了網頁在各種瀏覽器中的兼容問題及解決辦法，如何使用 Firebug、IE Developer Toolbar和Chrome開發者工具進行網頁調試，發布前如何進行網站測試，大型項目中的代碼壓縮和版本控制以及上傳網站的方法。
本書面向網頁設計初學者，是學習網頁設計、進行實際網站開發的首選圖書。
|
目錄：第1章網站制作前需知 1
11網站開發流程 1
12分析網頁效果圖 2
121劃分模塊 2
122 CSS模塊化 3
123 class使用技巧 4
124如何 “切圖 ”5
13與產品經理、設計師、后端工程師進行有效溝通 5
14 XHTML CSS基礎知識 6
141 XHTML文件的構成 6
142 CSS文件的構成 7
143標簽語義化 8
144 CSS命名規范 9
145 CSS樣式重置 10
146 CSS Sprites技術 11
147頁面質量評估標準 13
148代碼注釋的重要性 15
149 CSS Hack 16
第2章企業網站 19
21頁面效果圖分析 19
211頭部和頁腳分析 20
212首頁主體內容分析 21
213內頁主體內容分析 21
22布局規劃及切圖 22
221頁面布局規劃 22
222切割首頁及導出圖片 22
223切割內頁及導出圖片 23
23 XHTML編寫 24
231頁面 XHTML框架搭建 24
232頁面頭部和頁腳的 XHTML編寫 24
233頁面公共部分的 XHTML編寫 26
234首頁主體內容的 XHTML編寫 27
235內頁主體內容的 XHTML編寫 28
236首頁 XHTML代碼總覽 29
DIV+CSS布局與樣式之網站設計精粹
237內頁 XHTML代碼總覽 30
24 CSS編寫 32
241頁面公共部分的 CSS編寫 32
242頁面框架的 CSS編寫 33
243頁面頭部和頁腳的 CSS編寫 34
244首頁主體內容的 CSS編寫 36
245內頁主體內容的 CSS編寫 37
246網站 CSS代碼總覽 38
25制作中需要注意的問題 39
第3章個人網站 42
31頁面效果圖分析 42
311頭部分析 43
312首頁主體內容分析 44
313內頁主體內容分析 44
32布局規劃及切圖 45
321頁面布局規劃 46
322切割首頁及導出圖片 46
323切割內頁及導出圖片 46
33 XHTML編寫 47
331頁面 XHTML框架搭建 47
332頁面頭部的 XHTML編寫 48
333頁面公共部分的 XHTML編寫 48
334首頁主體內容的 XHTML編寫 49
335內頁主體內容的 XHTML編寫 51
336首頁 XHTML代碼總覽 52
337內頁 XHTML代碼總覽 54
34 CSS編寫 55
341頁面公共部分的 CSS編寫 55
342頁面框架的 CSS編寫 56
343頁面頭部的 CSS編寫 57
344首頁主體內容的 CSS編寫 58
345內頁主體內容的 CSS編寫 59
346網站 CSS代碼總覽 61
35制作中需要注意的問題 62
351塊級元素和行內元素 62
352 CSS文檔流 62
第4章產品展示網站 64
41頁面效果圖分析 64
411頭部和頁腳分析 66
412首頁主體內容分析 66
413內頁主體內容分析 67
42布局規劃及切圖 68
421頁面布局規劃 68
422切割首頁及導出圖片 68
423切割內頁及導出圖片 69
43 XHTML編寫 70
431頁面 XHTML框架搭建 70
432頁面頭部和頁腳的 XHTML編寫 70
433頁面公共部分的 XHTML編寫 71
434首頁主體內容的 XHTML編寫 72
435內頁主體內容的 XHTML編寫 74
436首頁 XHTML代碼總覽 75
437內頁 XHTML代碼總覽 76
44 CSS編寫 78
441頁面公共部分的 CSS編寫 78
442頁面框架的 CSS編寫 79
443頁面頭部和頁腳的 CSS編寫 80
444首頁主體內容的 CSS編寫 81
445內頁主體內容的 CSS編寫 81
446網站 CSS代碼總覽 82
45制作中需要注意的問題 83
451網頁的編碼格式 83
452 CSS加入網頁方法 83
第5章教育科研機構網站 84
51頁面效果圖分析 84
511頭部和頁腳分析 85
512首頁主體內容分析 86
513內頁主體內容分析 87
52布局規劃及切圖 88
521頁面布局規劃 88
522切割首頁及導出圖片 88
523切割內頁及導出圖片 89
53 XHTML編寫 90
531頁面 XHTML框架搭建 90
532頁面頭部和頁腳的 XHTML編寫 91
533頁面公共部分的 XHTML編寫 92
534首頁主體內容的 XHTML編寫 92
535內頁主體內容的 XHTML編寫 95
536首頁 XHTML代碼總覽 97
537內頁 XHTML代碼總覽 98
54 CSS編寫 99
541頁面公共部分的 CSS編寫 99
542頁面框架的 CSS編寫 100
DIV+CSS布局與樣式之網站設計精粹
543頁面頭部和頁腳的 CSS編寫 101
544首頁主體內容的 CSS編寫 102
545內頁主體內容的 CSS編寫 104
546網站 CSS代碼總覽 105
55制作中需要注意的問題 105
551 label標簽中的 for屬性 105
552 zoom:1的作用 106
第6章電子商務網站 108
61頁面效果圖分析 108
611頭部和頁腳分析 111
612首頁主體內容分析 111
613內頁主體內容分析 113
62布局規劃及切圖 114
621頁面布局規劃 114
622切割首頁及導出圖片 114
623切割內頁及導出圖片 116
63 XHTML編寫 117
631頁面 XHTML框架搭建 117
632頁面頭部和頁腳的 XHTML編寫 118
633頁面公共部分的 XHTML編寫 120
634首頁主體內容的 XHTML編寫 121
635內頁主體內容的 XHTML編寫 125
636首頁 XHTML代碼總覽 126
637內頁 XHTML代碼總覽 127
64 CSS編寫 128
641頁面公共部分的 CSS編寫 128
642頁面框架的 CSS編寫 129
643頁面頭部和頁腳的 CSS編寫 130
644首頁主體內容的 CSS編寫 132
645內頁主體內容的 CSS編寫 134
646網站 CSS代碼總覽 135
65制作中需要注意的問題 136
651 CSS Sprites技術的利與弊 136
652準確提煉網站中的公共模塊 137
第7章電子政務網站 138
71頁面效果圖分析 138
711頭部和頁腳分析 140
712首頁主體內容分析 141
713內頁主體內容分析 142
72布局規劃及切圖 143
721頁面布局規劃 143
722切割首頁及導出圖片 144
723切割內頁及導出圖片 145
73 XHTML編寫 145
731頁面 XHTML框架搭建 145
732頁面頭部和頁腳的 XHTML編寫 145
733頁面公共部分的 XHTML編寫 146
734首頁主體內容的 XHTML編寫 148
735內頁主體內容的 XHTML編寫 150
736首頁 XHTML代碼總覽 151
737內頁 XHTML代碼總覽 152
74 CSS編寫 154
741頁面公共部分的 CSS編寫 154
742頁面框架的 CSS編寫 155
743頁面頭部和頁腳的 CSS編寫 156
744首頁主體內容的 CSS編寫 156
745內頁主體內容的 CSS編寫 157
746網站 CSS代碼總覽 157
75制作中需要注意的問題 158
751 marquee標簽 158
752 word-spacing158
第8章搜索資訊網站 159
81頁面效果圖分析 159
811頭部和頁腳分析 161
812首頁主體內容分析 161
813內頁主體內容分析 161
82布局規劃及切圖 163
821頁面布局規劃 163
822切割首頁及導出圖片 163
823切割內頁及導出圖片 164
83 XHTML編寫 164
831頁面 XHTML框架搭建 165
832頁面頭部和頁腳的 XHTML編寫 165
833頁面公共部分的 XHTML編寫 166
834首頁主體內容的 XHTML編寫 167
835內頁主體內容的 XHTML編寫 167
836首頁 XHTML代碼總覽 168
837內頁 XHTML代碼總覽 170
84 CSS編寫 172
841頁面公共部分的 CSS編寫 172
842頁面框架的 CSS編寫 173
843頁面頭部和頁腳的 CSS編寫 173
844首頁主體內容的 CSS編寫 174
DIV+CSS布局與樣式之網站設計精粹
845內頁主體內容的 CSS編寫 175
846網站 CSS代碼總覽 176
85制作中需要注意的問題 177
851 display:inline-block;的使用方法 177
852 …的使用方法 177
第9章電影網站 179
91頁面效果圖分析 179
911頁面頭部和頁腳分析 181
912首頁主體內容分析 181
913內頁主體內容分析 183
92布局規劃及切圖 184
921頁面布局規劃 184
922切割首頁及導出圖片 184
923切割內頁及導出圖片 185
93 XHTML編寫 186
931頁面 XHTML框架搭建 186
932頁面頭部和頁腳的 XHTML編寫 187
933頁面公共部分的 XHTML編寫 188
934首頁主體內容的 XHTML編寫 188
935內頁主體內容的 XHTML編寫 192
936首頁 XHTML代碼總覽 195
937內頁 XHTML代碼總覽 196
94 CSS編寫 197
941頁面公共部分的 CSS編寫 197
942頁面框架的 CSS編寫 199
943頁面頭部和頁腳的 CSS編寫 200
944首頁主體內容的 CSS編寫 200
945內頁主體內容的 CSS編寫 202
946網站 CSS代碼總覽 204
95制作中需要注意的問題 204
951 CSS選擇器 204
952 CSS選擇器的優先級 204
第10章游戲網站 206
101頁面效果圖分析 206
1011左欄信息和頁腳分析 207
1012首頁主體內容分析 208
1013內頁主體內容分析 208
102布局規劃及切圖 209
1021頁面布局規劃 209
1022切割首頁及導出圖片 209
1023切割內頁及導出圖片 210
103 XHTML編寫 211
1031頁面 XHTML框架搭建 211
1032頁面左欄信息和頁腳的 XHTML編寫 212
1033頁面公共部分的 XHTML編寫 212
1034首頁主體內容的 XHTML編寫 213
1035內頁主體內容的 XHTML編寫 215
1036首頁 XHTML代碼總覽 216
1037內頁 XHTML代碼總覽 217
104 CSS編寫 219
1041頁面公共部分的 CSS編寫 219
1042頁面框架的 CSS編寫 220
1043頁面左欄信息和頁腳的 CSS編寫 220
1044首頁主體內容的 CSS編寫 221
1045內頁主體內容的 CSS編寫 222
1046網站 CSS代碼總覽 223
105制作中需要注意的問題 224
1051網頁設計稿中特殊字體的處理 224
1052切圖時應該保存成哪種圖片格式 224
第11章婚慶網站 226
111頁面效果圖分析 226
1111頁面頭部和頁腳分析 227
1112首頁主體內容分析 228
1113內頁主體內容分析 228
112布局規劃及切圖 229
1121頁面布局規劃 229
1122切割首頁及導出圖片 230
1123切割內頁及導出圖片 230
113 XHTML編寫 231
1131頁面 XHTML框架搭建 231
1132頁面頭部和頁腳的 XHTML編寫 232
1133頁面公共部分的 XHTML編寫 233
1134首頁主體內容的 XHTML編寫 235
1135內頁主體內容的 XHTML編寫 236
1136首頁 XHTML代碼總覽 238
1137內頁 XHTML代碼總覽 240
114 CSS編寫 241
1141頁面公共部分的 CSS編寫 241
1142頁面框架的 CSS編寫 242
1143頁面頭部和頁腳的 CSS編寫 243
1144首頁主體內容的 CSS編寫 244
1145內頁主體內容的 CSS編寫 245
1146網站 CSS代碼總覽 246
DIV+CSS布局與樣式之網站設計精粹
115制作中需要注意的問題 ——z-index屬性 246
第12章論壇類網站 249
121頁面效果圖分析 249
1211頁面頭部和頁腳分析 250
1212首頁主體內容分析 251
1213內頁主體內容分析 252
122布局規劃及切圖 253
1221頁面布局規劃 253
1222切割首頁及導出圖片 253
1223切割內頁及導出圖片 253
123 XHTML編寫 254
1231頁面 XHTML框架搭建 254
1232頁面頭部和頁腳的 XHTML編寫 254
1233頁面公共部分的 XHTML編寫 255
1234首頁主體內容的 XHTML編寫 260
1235內頁主體內容的 XHTML編寫 262
1236首頁 XHTML代碼總覽 264
1237內頁 XHTML代碼總覽 265
124 CSS編寫 266
1241頁面公共部分的 CSS編寫 266
1242頁面框架的 CSS編寫 270
1243頁面頭部和頁腳的 CSS編寫 270
1244首頁主體內容的 CSS編寫 271
1245內頁主體內容的 CSS編寫 272
1246網站 CSS代碼總覽 272
125制作中需要注意的問題 273
1251網站文件規劃 273
1252 CSS樣式規劃 274
第13章餐飲網站 275
131頁面效果圖分析 275
1311網站標志、導航和頁腳分析 276
1312首頁主體內容分析 277
1313內頁主體內容分析 277
132布局規劃及切圖 278
1321頁面布局規劃 278
1322切割首頁及導出圖片 278
1323切割內頁及導出圖片 279
133 XHTML編寫 280
1331頁面 XHTML框架搭建 280
1332網站標志、導航和頁腳的 XHTML編寫 280
1333頁面公共部分的 XHTML編寫 281
1334首頁主體內容的 XHTML編寫 282
1335內頁主體內容的 XHTML編寫 282
1336首頁 XHTML代碼總覽 283
1337內頁 XHTML代碼總覽 284
134 CSS編寫 285
1341頁面公共部分的 CSS編寫 285
1342頁面框架的 CSS編寫 286
1343網站標志、導航和頁腳的 CSS編寫 287
1344首頁主體內容的 CSS編寫 287
1345內頁主體內容的 CSS編寫 288
1346網站 CSS代碼總覽 289
135制作中需要注意的問題 289
第14章汽車網站 290
141頁面效果圖分析 290
1411頁面頭部和頁腳分析 291
1412首頁主體內容分析 292
1413內頁主體內容分析 293
142布局規劃及切圖 294
1421頁面布局規劃 294
1422切割首頁及導出圖片 294
1423切割內頁及導出圖片 295
143 XHTML編寫 295
1431頁面 XHTML框架搭建 295
1432頁面頭部和頁腳的 XHTML編寫 296
1433頁面公共部分的 XHTML編寫 298
1434首頁主體內容的 XHTML編寫 299
1435內頁主體內容的 XHTML編寫 300
1436首頁 XHTML代碼總覽 302
1437內頁 XHTML代碼總覽 303
144 CSS編寫 304
1441頁面公共部分的 CSS編寫 304
1442頁面框架的 CSS編寫 305
1443頁面頭部和頁腳的 CSS編寫 306
1444首頁主體內容的 CSS編寫 307
1445內頁主體內容的 CSS編寫 309
1446網站 CSS代碼總覽 310
145制作中需要注意的問題 ——IE 6下1px間距的問題 310
第15章在線閱讀網站 313
151頁面效果圖分析 313
1511頁面頭部和頁腳分析 315
1512首頁主體內容分析 315
DIV+CSS布局與樣式之網站設計精粹
1513內頁主體內容分析 316
152布局規劃及切圖 317
1521頁面布局規劃 317
1522切割首頁及導出圖片 318
1523切割內頁及導出圖片 319
153 XHTML編寫 319
1531頁面 XHTML框架搭建 319
1532頁面頭部和頁腳的 XHTML編寫 320
1533頁面公共部分的 XHTML編寫 321
1534首頁主體內容的 XHTML編寫 321
1535內頁主體內容的 XHTML編寫 322
1536首頁 XHTML代碼總覽 323
1537內頁 XHTML代碼總覽 324
154 CSS編寫 326
1541頁面公共部分的 CSS編寫 326
1542頁面框架的 CSS編寫 326
1543頁面頭部和頁腳的 CSS編寫 327
1544首頁主體內容的 CSS編寫 328
1545內頁主體內容的 CSS編寫 329
1546網站 CSS代碼總覽 330
155制作中需要注意的問題 331
1551 img標簽中 alt屬性與 title屬性 331
1552圓角背景的實現 332
第16章常用瀏覽器及兼容處理 334
161常用瀏覽器 334
1611常用瀏覽器及內核 334
1612頁面兼容問題產生原因 335
162兼容處理 336
1621理解 CSS盒模型 336
1622怪異模式問題及解決方案 337
1623 IE 6雙邊距問題及解決方案 338
1624普通文檔流中塊框的垂直邊界問題及解決方案 339
1625 IE 6、IE 7的hasLayout問題及解決方案 339
1626 IE 6對png24格式圖片的透明度支持問題及解決方案 340
1627 IE 6下多余 3px的問題及解決方案 341
1628各種瀏覽器中圖片下方有空隙產生的問題及解決方案 342
1629 IE 6無法定義 1px高度的問題及解決方案 343
16210高度不適應問題 343
16211兼容問題的技巧 345
第17章網頁制作的調試工具及使用 346
171 Firefox瀏覽器下的頁面調試工具及使用 346
172 IE瀏覽器下的頁面調試工具及使用 349
173 Chrome瀏覽器下的頁面調試工具及使用 350
第18章代碼發布前的優化 353
181檢查代碼 353
1811 XHTML代碼的檢查 353
1812 CSS代碼的檢查 354
182壓縮代碼 355
183版本控制 356
184上傳 357
|
| 序： |
