 |
-- 會員 / 註冊 --
|
 |
|
|
|
精通CSS+DIV——100%網頁樣式與布局密碼 ( 簡體 字) |
| 作者：龍馬工作室 | 類別：1. -> 程式設計 -> 網路編程 -> CSS |
| 譯者： |
| 出版社：人民郵電出版社 |  3dWoo書號： 39016
詢問書籍請說出此書號！【缺書】
NT售價： 300 元 |
| 出版日：8/1/2014 |
| 頁數：350 |
| 光碟數：1 (含視頻教學) |
|
站長推薦：   |
| 印刷：黑白印刷 | 語系： ( 簡體 版 ) |
| |
加入購物車  │加到我的最愛
(請先登入會員) |
| ISBN：9787115349873 |
| 作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
| (簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
| 作者序： |
| 譯者序： |
| 前言： |
內容簡介： 《精通CSS+DIV——100%網頁樣式與布局密碼》深入淺出，結合實際案例系統地講解了使用CSS和DIV進行網頁布局的知識和技巧。全書分為4個部分。第1篇【CSS基礎篇】主要介紹了CSS的基礎知識和網頁樣式代碼的生成方法，以及如何通過CSS設置文本樣式、網頁圖像特效、背景顏色與背景圖像等，還對CSS的高級特性進行了講解。第2篇【CSS+DIV美化和布局篇】主要介紹了CSS定位與DIV布局的核心技術、盒子的浮動與定位等，還通過案例對網頁美化與布局進行了系統的分析和講解。第3篇【綜合應用篇】主要介紹了CSS濾鏡，以及CSS 3與HTML、JavaScript、jQuery、XML和Ajax的綜合應用方法。第4篇【實戰篇】選取了熱門的購物網站和社交網站進行分析，并以此為基礎指導讀者完成自己的網站設計。
《精通CSS+DIV——100%網頁樣式與布局密碼》附贈一張DVD多媒體教學光盤，包含與圖書內容同步的教學錄像，以及本書所有案例的源代碼和相關學習資料的電子書、教學錄像等超值資源，便于讀者擴展學習。
《精通CSS+DIV——100%網頁樣式與布局密碼》內容翔實，結構清晰，既適合CSS和DIV的初學者自學使用，也可以作為各類院校相關專業學生和電腦培訓班的教材或輔導用書。 |
目錄：第1篇 CSS基礎篇
第1章 CSS的初步體驗 2
1.1 CSS的概念 3
1.1.1 網頁中標記的概念 3
1.1.2 HTML與CSS的優缺點 5
1.1.3 瀏覽器對CSS的支持 7
1.2 網頁設計中的CSS 8
1.2.1 CSS能做什么 8
1.2.2 CSS的局限性是什么 9
1.3 網站CSS賞析 9
1.3.1 案例1——商務網站CSS樣式賞析 9
1.3.2 案例2——游戲網站CSS樣式賞析 10
1.4 編寫我的第一個CSS樣式 10
1.4.1 從零開始 11
1.4.2 加入圖片 13
1.4.3 加入CSS代碼控制圖片 14
1.4.4 CSS的注釋 14
1.5 CSS語法書寫標準及功能 15
1.5.1 規則塊 15
1.5.2 @規則 15
1.5.3 規則集 17
1.5.4 關鍵字 17
1.5.5 字符串 18
1.5.6 CSS樣式標準 19
高手私房菜 19
技巧：Dreamweaver的多種視圖方式 19
第2章 CSS樣式核心基礎 21
2.1 使用CSS選擇器 22
2.1.1 標記選擇器 22
2.1.2 類別選擇器 23
2.1.3 ID選擇器 26
2.2 在HTML中調用CSS的方法 27
2.2.1 直接定義CSS樣式 27
2.2.2 內嵌式CSS樣式 28
2.2.3 鏈接式CSS樣式 29
2.2.4 導入外部CSS樣式 31
2.2.5 CSS樣式生效的優先級 33
高手私房菜 33
技巧1：使用圖形工具創建CSS樣式 33
技巧2：CSS字體屬性簡寫規則 34
第3章 網頁樣式代碼的生成方法 35
3.1 從零開始手工編寫 36
3.1.1 手工編寫HTML文件 36
3.1.2 控制網頁內容顯示 38
3.2 完整網頁代碼分析 39
3.2.1 獲取網頁代碼 40
3.2.2 查看網頁樣式代碼 40
3.3 使用Dreamweaver輔助工具創建頁面 41
3.4 在Dreamweaver中新建CSS樣式 41
3.5 在Dreamweaver中編輯CSS樣式 44
3.6 為圖像創建CSS樣式 45
高手私房菜 46
技巧：復制和粘貼文本的方式 46
第4章 用CSS設置文本樣式 47
4.1 樣式的參數單位 48
4.2 設置網頁文本的基本樣式 51
4.2.1 網頁文本顏色的定義 51
4.2.2 網頁文本字體的定義 52
4.2.3 設置具體文字的字體 54
4.2.4 設置文字的傾斜效果 55
4.2.5 設置文字的加粗效果 56
4.3 設置網頁文本的行高與間距 57
4.3.1 設置網頁文字的間距 58
4.3.2 設置網頁文字行間距 59
4.3.3 設置網頁文字段落間距 60
4.4 設置網頁文本的對齊方式 61
4.4.1 設置文本的水平對齊方式 62
4.4.2 設置文本的垂直對齊方式 63
4.5 設置文字與背景的顏色 64
4.5.1 使用樣式參數進行設置 64
4.5.2 更簡潔的解決方案 66
4.6 設置其他網頁文本樣式 68
4.6.1 英文字母大小寫自動轉換效果 68
4.6.2 網頁文字的裝飾效果 69
4.6.3 段落首行縮進效果 70
高手私房菜 72
技巧：標題的圖像替換 72
第5章 用CSS設置網頁圖像特效 73
5.1 設置圖片邊框 74
5.1.1 圖片邊框的基本屬性 74
5.1.2 為不同的邊框分別設置樣式 75
5.2 圖片縮放功能的實現 77
5.3 圖文混排 79
5.3.1 文字環繞 79
5.3.2 設置圖片與文字的間距 81
5.4 案例——個人養生網頁 83
5.5 設置圖片與文字的對齊方式 85
5.5.1 橫向對齊方式 85
5.5.2 縱向對齊方式 87
高手私房菜 89
技巧1：解決在瀏覽器中圖片無法顯示的問題 89
技巧2：解決圖片超出撐破DIV的問題 90
第6章 用CSS設置網頁背景顏色與背景圖像 91
6.1 設置背景顏色 92
6.2 設置背景圖像 93
6.3 設置背景圖像平鋪 94
6.4 設置背景圖像位置 96
6.5 設置固定的背景圖像位置 99
6.6 設置圖像替換標題 100
6.7 設置滑動門效果的標題 102
高手私房菜 104
技巧：網頁文字顏色的搭配技巧 104
第7章 掌握CSS的高級特性 105
7.1 復合選擇器 106
7.1.1 “交集”選擇器 106
7.1.2 “并集”選擇器 107
7.1.3 后代選擇器 109
7.2 CSS的繼承特性 110
7.2.1 繼承關系 110
7.2.2 CSS繼承的運用 112
7.3 CSS的層疊特性 113
高手私房菜 116
技巧1：繼承性 116
技巧2：組選擇器 116
第2篇 CSS+DIV美化和布局篇
第8章 CSS定位與DIV布局核心技術 118
8.1 塊級元素和行內級元素 119
8.1.1 塊級元素和行內級元素的不同 119
8.1.2 DIV元素和Span元素 121
8.2 使用DIV標記與span標記布局網頁級元素 122
8.3 盒子模型 124
8.3.1 盒子模型的概念 124
8.3.2 網頁border區域定義 125
8.3.3 網頁padding區域定義 128
8.3.4 網頁margin區域定義 130
8.4 box類型和display屬性 131
8.4.1 HTML元素默認的box類型 132
8.4.2 塊級元素和塊級box 133
8.4.3 行內級元素和行內級box 133
8.4.4 插入式box 134
8.5 可視性 135
8.6 案例1——圖文層疊效果 137
8.7 案例2——歌曲編輯列表 140
高手私房菜 142
技巧1：什么時候使用Visibility 或者Display 屬性 142
技巧2：CSS border的默認值 142
第9章 CSS+DIV盒子的浮動與定位 143
9.1 定義DIV 144
9.1.1 什么是DIV 144
9.1.2 插入DIV 144
9.1.3 DIV的嵌套和固定格式 146
9.2 CSS布局定位 146
9.2.1 浮動定位 147
9.2.2 position定位 149
9.3 盒子的浮動 151
9.4 盒子的定位 153
9.4.1 靜態定位 154
9.4.2 相對定位 154
9.4.3 絕對定位 156
9.4.4 固定定位 157
9.5 可視化盒模型 157
9.5.1 盒子模型 157
9.5.2 視覺可視化模型 158
9.5.3 空白邊疊加 158
9.6 固定寬度網頁剖析與布局 159
9.6.1 網頁單列布局模式 160
9.6.2 網頁1-2-1型布局模式 164
9.6.3 網頁1-3-1型布局模式 169
9.6.4 網頁1-((1-2)+1)-1型布局模式 171
9.7 自動縮放網頁剖析與布局 174
9.7.1 網頁1-2-1型布局模式 174
9.7.2 網頁1-3-1型布局模式 176
9.7.3 變寬布局方法總結 178
9.7.4 分列布局背景色的設置 178
高手私房菜 180
技巧1：CSS在容器內定位 180
技巧2：框架中百分比的關系 180
第10章 CSS+DIV美化與布局實戰 181
10.1 框架搭建 182
10.2 案例1——企業門戶網站 183
10.2.1 設計分析 183
10.2.2 布局分析 183
10.2.3 制作步驟 183
10.3 案例2——時政新聞網站 196
10.3.1 設計分析 196
10.3.2 布局分析 196
10.3.3 制作步驟 197
高手私房菜 201
技巧1：控制網頁背景顏色 201
技巧2：控制網頁背景圖片以及顯示方式 202
第3篇 綜合應用篇
第11章 CSS濾鏡的綜合應用 204
11.1 使用CSS濾鏡 205
11.1.1 Alpha濾鏡(透明度濾鏡) 205
11.1.2 Blur濾鏡(模糊濾鏡) 208
11.1.3 MotionBlur濾鏡(運動模糊濾鏡) 209
11.1.4 Dropshadow濾鏡(陰影濾鏡) 211
11.1.5 Shadow濾鏡(文字陰影濾鏡) 212
11.1.6 Flip濾鏡(翻轉濾鏡) 213
11.1.7 Glow濾鏡(光暈濾鏡) 215
11.1.8 Gray濾鏡(灰度濾鏡) 216
11.1.9 Invert濾鏡(可視化屬性翻轉濾鏡) 217
11.1.10 Xray濾鏡(X光濾鏡) 218
11.1.11 Mask濾鏡(遮罩濾鏡) 219
11.1.12 Wave濾鏡(波浪濾鏡) 221
11.2 CSS 3中其他模塊的新增屬性 222
11.2.1 @media 222
11.2.2 Columns 224
11.2.3 @font-face 226
11.2.4 Speech 226
11.3 案例1——制作商務類網站 228
11.3.1 設計分析 228
11.3.2 制作步驟 228
11.4 案例2——制作娛樂類網站 234
11.4.1 案例分析 234
11.4.2 制作步驟 234
高手私房菜 240
技巧：使用濾鏡控制圖片的顏色變化 240
第12章 CSS 3與HTML的綜合應用 241
12.1 使用CSS濾鏡 242
12.1.1 HTML基本結構 242
12.1.2 HTML基本語法 243
12.2 CSS3與HTML的結合 244
12.3 案例1——漸變式數據表 245
12.4 案例2——浮雕式鏈接特效 246
12.5 案例3——網頁文字陰影特效 248
12.6 案例4——古文詩畫特效 249
高手私房菜 252
技巧1：圖片的標題 252
技巧2：去掉了CSS標簽的type屬性 252
第13章 CSS 3與JavaScript的綜合應用 253
13.1 JavaScript概述 254
13.1.1 HTML基本結構 254
13.1.2 JavaScript的應用范圍 255
13.2 JavaScript的語法基礎 255
13.2.1 JavaScript的基本架構 256
13.2.2 JavaScript的基本語法 257
13.2.3 數據類型和變量 257
13.2.4 表達式和運算符 258
13.2.5 基本語句 260
13.3 應用Spry構件 262
13.3.1 HTML基本結構 262
13.3.2 插入Spry菜單 263
13.3.3 插入Spry選項卡式面板 264
13.3.4 插入Spry折疊式構件 264
13.3.5 插入Spry可折疊面板 264
13.4 案例1——在網頁中應用Spry構件 265
13.4.1 設計分析 265
13.4.2 制作步驟 265
13.4.3 案例總結 267
13.5 案例2——制作婚紗攝影網站 267
13.5.1 案例分析 267
13.5.2 制作步驟 268
13.5.3 案例總結 273
高手私房菜 274
技巧：制作彈出信息窗口 274
第14章 CSS 3與jQuery的綜合應用 275
14.1 jQuery基礎 276
14.1.1 認識jQuery 276
14.1.2 jQuery的優勢 276
14.2 jQuery代碼的編寫 277
14.2.1 搭建jQuery環境 277
14.2.2 編寫簡單的jQuery功能代碼 278
14.2.3 jQuery代碼規范 280
14.3 jQuery對象 280
14.3.1 jQuery對象簡介 281
14.3.2 jQuery對象的應用 281
14.4 案例——制作幻燈片 282
14.4.1 設計分析 282
14.4.2 制作步驟 283
14.4.3 案例分析 285
高手私房菜 285
技巧1：直接使用谷歌和微軟的服務器上的jQuery 285
技巧2：獲取最新的Google CDN 286
第15章 CSS 3與XML的綜合應用 287
15.1 XML基礎 288
15.1.1 XML的特點 288
15.1.2 XML與HTML 290
15.1.3 XML基本語法 292
15.1.4 格式正確的XML文檔 294
15.2 XML與CSS的鏈接 294
15.2.1 使用xml:stylesheet指令 294
15.2.2 使用@import指令 297
15.3 XML與CSS的應用 297
15.3.1 顯示學生信息 297
15.3.2 實現隔行變色的表格 299
15.4 案例1——在HTML頁面中調用XML數據 302
15.4.1 設計分析 302
15.4.2 制作步驟 302
15.5 案例2——制作企業網站 304
15.5.1 設計分析 304
15.5.2 制作步驟 304
高手私房菜 306
技巧：XML轉義字符 306
第16章 CSS與Ajax的綜合應用 307
16.1 Ajax簡介 308
16.1.1 Ajax的關鍵元素 309
16.1.2 Ajax的優勢 309
16.1.3 實現Ajax的步驟 310
16.1.4 使用CSS的必要性 310
16.2 Ajax應用 310
16.2.1 創建XMLHttpRequest對象 310
16.2.2 發出Ajax請求 311
16.2.3 處理服務器響應 312
16.2.4 使用CSS樣式 313
16.3 案例1——使用Ajax 實現頁面特效 314
16.3.1 設計分析 314
16.3.2 制作步驟 314
16.4 案例2——實現可拖動DIV塊 317
16.4.1 設計分析 317
16.4.2 制作步驟 317
高手私房菜 323
技巧1：編碼問題 323
技巧2：IE下的reponseXML問題 324
第4篇 實戰篇
第17章 購物類網站布局分析 326
17.1 淘寶網整體布局分析 327
17.1.1 整體設計分析 327
17.1.2 排版架構分析 328
17.2 制作自己的網站——圖書購物網站 332
17.2.1 版面架構分析 333
17.2.2 網站模塊組成 334
高手私房菜 340
技巧：固定寬度漢字(詞)折行 340
第18章 社交類網站布局分析 341
18.1 開心網整體布局 342
18.1.1 布局結構分析 342
18.1.2 版面架構分析 343
18.1.3 模塊組成 343
18.2 制作自己的網站——社交網站 345
18.2.1 版面架構分析 345
18.2.2 網站模塊組成 346
高手私房菜 350
技巧：如何減小CSS體積 350 |
| 序： |
|
