DIV CSS 3.0網(wǎng)頁(yè)樣式與布局全程圖書(shū)目錄

時(shí)間：2023-02-21 04:22:01 | 來(lái)源：營(yíng)銷(xiāo)百科

時(shí)間：2023-02-21 04:22:01 來(lái)源：營(yíng)銷(xiāo)百科

DIV CSS 3.0網(wǎng)頁(yè)樣式與布局全程圖書(shū)目錄：第1章 網(wǎng)頁(yè)和網(wǎng)站的基礎(chǔ)知識(shí) 1
1．1 認(rèn)識(shí)網(wǎng)頁(yè) 1
1．1．1 網(wǎng)頁(yè)和網(wǎng)站 1
1．1．2 網(wǎng)頁(yè)的類(lèi)型 2
1．1．3 靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè) 3
1．1．4 網(wǎng)頁(yè)的基本構(gòu)成元素 4
1．2 如何設(shè)計(jì)網(wǎng)頁(yè) 5
1．2．1 網(wǎng)頁(yè)設(shè)計(jì)的基本原則 5
1．2．2 網(wǎng)頁(yè)設(shè)計(jì)成功要素 6
1．2．3 網(wǎng)頁(yè)的設(shè)計(jì)風(fēng)格及色彩搭配 7
1．2．4 網(wǎng)頁(yè)設(shè)計(jì)的實(shí)現(xiàn) 8
1．3 網(wǎng)頁(yè)設(shè)計(jì)的要點(diǎn) 10
1．3．1 為用戶考慮 10
1．3．2 主題突出 11
1．3．3 整體原則 12
1．3．4 內(nèi)容與形式相統(tǒng)一 13
1．3．5 更新和維護(hù) 14
1．4 網(wǎng)頁(yè)布局設(shè)計(jì)流程 14
1．4．1 前期策劃 15
1．4．2 收集素材 15
1．4．3 頁(yè)面的版式與布局分析 15
1．4．4 確定網(wǎng)站的主色調(diào) 16
1．4．5 設(shè)計(jì)頁(yè)面整體 17
1．4．6 其他頁(yè)面元素的設(shè)計(jì) 17
1．4．7 切割和優(yōu)化頁(yè)面 17
1．4．8 制作html頁(yè)面 17
1．4．9 添加網(wǎng)頁(yè)后臺(tái)程序 17
1．4．10 測(cè)試并上傳網(wǎng)站 17
1．5 本章小結(jié) 18
第2章 使用web標(biāo)準(zhǔn)設(shè)計(jì)和制作 19
2．1 html基礎(chǔ) 19
2．1．1 表格布局的優(yōu)點(diǎn) 19
2．1．2 表格布局的缺點(diǎn) 20
2．2 了解web標(biāo)準(zhǔn) 21
2．2．1 什么是web標(biāo)準(zhǔn) 21
2．2．2 什么是w3c 21
2．2．3 w3c發(fā)布的標(biāo)準(zhǔn) 21
2．2．4 web標(biāo)準(zhǔn)的優(yōu)勢(shì) 23
2．3 網(wǎng)絡(luò)設(shè)計(jì)的標(biāo)準(zhǔn)時(shí)代 25
2．3．1 為什么要建立網(wǎng)站標(biāo)準(zhǔn) 25
2．3．2 遵循標(biāo)準(zhǔn)的網(wǎng)站與傳統(tǒng)網(wǎng)站的區(qū)別 25
2．3．3 采用網(wǎng)站標(biāo)準(zhǔn)的優(yōu)缺點(diǎn) 26
2．4 web標(biāo)準(zhǔn)三劍客 27
2．4．1 什么是內(nèi)容、結(jié)構(gòu)、表現(xiàn)和行為 27
2．4．2 div與css結(jié)合的優(yōu)勢(shì) 28
2．4．3 如何改善現(xiàn)有網(wǎng)站 28
2．5 關(guān)于web標(biāo)準(zhǔn)的思考與爭(zhēng)論 29
2．5．1 關(guān)于web標(biāo)準(zhǔn)的優(yōu)點(diǎn) 29
2．5．2 關(guān)于布局 30
2．5．3 關(guān)于瀏覽器兼容 30
2．6 關(guān)于web標(biāo)準(zhǔn)的誤區(qū) 31
2．6．1 拋棄表格布局的思維方式 31
2．6．2 正確使用xhtml標(biāo)簽 32
2．6．3 善于利用css 33
2．6．4 '通過(guò)驗(yàn)證'并不是最終目的 33
2．7 本章小結(jié) 34
第3章 html和xhtml基礎(chǔ) 35
3．1 html基礎(chǔ) 35
3．1．1 html概述 35
3．1．2 html文件的基本結(jié)構(gòu) 35
3．1．3 html的主要功能 36
3．1．4 html的基本語(yǔ)法 36
3．2 html標(biāo)簽 37
3．2．1 基本標(biāo)簽 38
3．2．2 格式標(biāo)簽 39
3．2．3 文本標(biāo)簽 40
3．2．4 超鏈接標(biāo)簽 41
3．2．5 圖像標(biāo)簽 41
3．2．6 表格標(biāo)簽 42
3．2．7 分區(qū)標(biāo)簽 43
3．3 xhtml介紹 43
3．3．1 什么是xhtml 44
3．3．2 升級(jí)到xhtml的好處 44
3．3．3 xhtml的頁(yè)面結(jié)構(gòu) 44
3．3．4 xhtml的代碼規(guī)范 46
3．3．5 選擇文檔類(lèi)型 49
3．3．6 xhtml和html的比較 50
3．3．7 名字空間 51
3．4 本章小結(jié) 52
第4章 css樣式基礎(chǔ) 53
4．1 css概述 53
4．1．1 css的特點(diǎn) 54
4．1．2 css的類(lèi)型 54
4．1．3 css的基本語(yǔ)法 56
4．2 css樣式表的基本用法 56
4．2．1 在xhtml內(nèi)插入樣式表 56
4．2．2 css樣式表的規(guī)則 56
4．3 css樣式表的分類(lèi) 57
4．3．1 內(nèi)聯(lián)樣式 57
4．3．2 內(nèi)聯(lián)樣式 58
4．3．3 外部樣式表 59
4．4 css文檔結(jié)構(gòu) 59
4．4．1 結(jié)構(gòu) 59
4．4．2 繼承 60
4．4．3 特殊性 62
4．4．4 層疊 63
4．4．5 重要性 63
4．5 單位和值 63
4．5．1 顏色值 64
4．5．2 定義字體 65
4．5．3 群選擇符 67
4．5．4 派生選擇符 67
4．5．5 id選擇符 67
4．5．6 類(lèi)選擇符 68
4．5．7 定義鏈接的樣式表 69
4．6 本章小結(jié) 70
第5章 div css布局入門(mén) 71
5．1 定義div 71
5．1．1 css的特點(diǎn) 71
5．1．2 插入div 72
5．1．3 div的嵌套和固定格式 74
5．2 可視化模型 75
5．2．1 盒模型 75
5．2．2 視覺(jué)可視化模型 77
5．2．3 相對(duì)定位 78
5．2．4 絕對(duì)定位 79
5．2．5 浮動(dòng)定位 80
5．2．6 空白變疊加 85
5．3 css布局方式 86
5．3．1 居中的布局設(shè)計(jì) 86
5．3．2 浮動(dòng)的布局設(shè)計(jì) 87
5．3．3 高度自適應(yīng) 93
5．4 css 3．0中盒模型的新增屬性 94
5．4．1 實(shí)戰(zhàn)1：overflow 94
5．4．2 實(shí)戰(zhàn)2：overflow—x 96
5．4．3 實(shí)戰(zhàn)3：overflow—y 97
5．4．4 實(shí)戰(zhàn)4：使用css 3．0實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)變換效果 98
5．5 商業(yè)案例——設(shè)計(jì)制作咖啡店網(wǎng)站頁(yè)面 99
5．5．1 設(shè)計(jì)分析 100
5．5．2 布局分析 100
5．5．3 制作流程 101
5．5．4 制作流程 101
5．5．5 案例小結(jié) 111
5．6 課后作業(yè)——制作個(gè)人網(wǎng)站頁(yè)面 111
5．6．1 案例分析 112
5．6．2 技能剖析 112
5．7 本章小結(jié) 113
第6章 設(shè)置頁(yè)面背景圖像 114
6．1 背景控制概述 114
6．1．1 背景控制原則 114
6．1．2 背景控制屬性 115
6．2 背景顏色控制 116
6．2．1 實(shí)戰(zhàn)5：控制頁(yè)面背景顏色 116
6．2．2 實(shí)戰(zhàn)6：設(shè)置塊背景顏色 118
6．3 背景圖像控制 119
6．3．1 實(shí)戰(zhàn)7：設(shè)置背景圖像 119
6．3．2 實(shí)戰(zhàn)8：背景圖像的重復(fù)方式 120
6．3．3 實(shí)戰(zhàn)9：背景圖像的定位 121
6．3．4 實(shí)戰(zhàn)10：背景圖像的滾動(dòng) 123
6．4 css 3．0中背景的新增屬性 125
6．4．1 實(shí)戰(zhàn)11：background—origin 125
6．4．2 實(shí)戰(zhàn)12：background—clip 127
6．4．3 實(shí)戰(zhàn)13：background—size 129
6．4．4 multiple backgrounds 130
6．4．5 實(shí)戰(zhàn)14：使用css 3．0實(shí)現(xiàn)動(dòng)態(tài)背景 131
6．5 商業(yè)案例——設(shè)計(jì)制作汽車(chē)租賃網(wǎng)站 134
6．5．1 設(shè)計(jì)分析 135
6．5．2 布局分析 135
6．5．3 制作流程 136
6．5．4 制作步驟 137
6．5．5 實(shí)例小結(jié) 148
6．6 課后作業(yè)——設(shè)計(jì)制作通信服務(wù)宣傳頁(yè)面 148
6．6．1 實(shí)例分析 149
6．6．2 技能剖析 150
6．7 本章小結(jié) 151
第7章 設(shè)置頁(yè)面中的圖像 152
7．1 背景控制概述 152
7．1．1 實(shí)戰(zhàn)15：圖像邊框 152
7．1．2 實(shí)戰(zhàn)16：圖像定位 157
7．1．3 實(shí)戰(zhàn)17：圖像縮放 158
7．1．4 實(shí)戰(zhàn)18：圖像對(duì)齊方式 160
7．2 圖文混排 162
7．2．1 實(shí)戰(zhàn)19：文本混排 162
7．2．2 實(shí)戰(zhàn)20：設(shè)置混排間距 164
7．3 css 3．0中邊框的新增屬性 164
7．3．1 實(shí)戰(zhàn)21：border—image 164
7．3．2 實(shí)戰(zhàn)22：border—radius 166
7．3．3 實(shí)戰(zhàn)23：border—color 167
7．3．4 實(shí)戰(zhàn)24：box—shadow 169
7．3．5 實(shí)戰(zhàn)25：使用css 3．0實(shí)現(xiàn)圖像滑過(guò)動(dòng)畫(huà)效果 170
7．4 商業(yè)案例——設(shè)計(jì)制作休閑游戲網(wǎng)站 176
7．4．1 設(shè)計(jì)分析 176
7．4．2 布局分析 177
7．4．3 制作流程 177
7．4．4 制作步驟 178
7．4．5 實(shí)例小結(jié) 196
7．5 課后作業(yè)——設(shè)計(jì)制作企業(yè)英文網(wǎng)站 196
7．5．1 案例分析 197
7．5．2 技能剖析 197
7．6 本章小結(jié) 198
第8章 css文本內(nèi)容排版 199
8．1 文本排版概述 199
8．1．1 文本排版原則 199
8．1．2 文本控制屬性 200
8．2 css文本樣式 200
8．2．1 實(shí)戰(zhàn)26：字體 201
8．2．2 實(shí)戰(zhàn)27：大小 202
8．2．3 實(shí)戰(zhàn)28：粗細(xì) 204
8．2．4 實(shí)戰(zhàn)29：樣式 204
8．2．5 實(shí)戰(zhàn)30：顏色 205
8．2．6 實(shí)戰(zhàn)31：修飾 206
8．2．7 實(shí)戰(zhàn)32：英文字母大小寫(xiě) 207
8．3 css段落樣式 207
8．3．1 實(shí)戰(zhàn)33：段落水平對(duì)齊 208
8．3．2 實(shí)戰(zhàn)34：段落垂直對(duì)齊 209
8．3．3 實(shí)戰(zhàn)35：行間距和字間距 210
8．3．4 實(shí)戰(zhàn)36：首字下沉 212
8．4 css 3．0中文字的新增屬性 212
8．4．1 實(shí)戰(zhàn)37：text—shadow 212
8．4．2 實(shí)戰(zhàn)38：text—overflow 214
8．4．3 實(shí)戰(zhàn)39：word—wrap 216
8．4．4 實(shí)戰(zhàn)40：使用css 3．0實(shí)現(xiàn)可折疊欄目 217
8．5 商業(yè)案例——設(shè)計(jì)制作企業(yè)網(wǎng)站頁(yè)面 221
8．5．1 設(shè)計(jì)分析 221
8．5．2 布局分析 222
8．5．3 制作流程 222
8．5．4 制作步驟 223
8．5．5 案例小結(jié) 233
8．6 課后作業(yè)——制作美容時(shí)尚網(wǎng)站頁(yè)面 233
8．6．1 案例分析 234
8．6．2 技能剖析 234
8．7 本章小結(jié) 235
第9章 設(shè)置表單樣式 236
9．1 表單設(shè)計(jì)概述 236
9．1．1 網(wǎng)頁(yè)表單設(shè)計(jì)的原則 236
9．1．2 表單應(yīng)用分類(lèi) 238
9．2 表單設(shè)計(jì) 239
9．2．1 表單和表單元素 240
9．2．2 實(shí)戰(zhàn)41：（label）標(biāo)簽的作用 245
9．2．3 實(shí)戰(zhàn)42：文本框樣式設(shè)計(jì) 246
9．2．4 實(shí)戰(zhàn)43：下拉列表樣式設(shè)計(jì) 247
9．3 實(shí)戰(zhàn)44：css 3．0中控制內(nèi)容的新增屬性 248
9．4 css 3．0中顏色的新增屬性 249
9．4．1 實(shí)戰(zhàn)45：hsl colors 250
9．4．2 實(shí)戰(zhàn)46：hsla colors 251
9．4．3 實(shí)戰(zhàn)47：opacity 252
9．4．4 實(shí)戰(zhàn)48：rgba colors 254
9．4．5 實(shí)戰(zhàn)49：使用css 3．0
實(shí)現(xiàn)動(dòng)態(tài)堆疊卡效果 256
9．5 商業(yè)案例——設(shè)計(jì)制作游戲網(wǎng)站的登錄頁(yè) 260
9．5．1 設(shè)計(jì)分析 260
9．5．2 布局分析 261
9．5．3 制作流程 261
9．5．4 制作步驟 262
9．5．5 案例小結(jié) 271
9．6 課后作業(yè)——制作網(wǎng)站搜索欄 272
9．6．1 案例分析 272
9．6．2 技能剖析 272
9．7 本章小結(jié) 273
第10章 設(shè)置列表樣式 274
10．1 列表控制概述 274
10．1．1 列表控制的原則 274
10．1．2 列表標(biāo)簽的使用 275
10．2 列表樣式控制 276
10．2．1 實(shí)戰(zhàn)50：ul無(wú)序列表 276
10．2．2 實(shí)戰(zhàn)51：ol有序列表 277
10．2．3 實(shí)戰(zhàn)52：dl定義列表 277
10．2．4 實(shí)戰(zhàn)53：更改列表項(xiàng)目樣式 278
10．3 使用列表制作菜單 279
10．3．1 實(shí)戰(zhàn)54：無(wú)需表格的菜單 280
10．3．2 實(shí)戰(zhàn)55：菜單的橫豎轉(zhuǎn)換 281
10．4 css 3．0中其他模塊的新增屬性 282
10．4．1 實(shí)戰(zhàn)56：@media 282
10．4．2 @font—face 284
10．4．3 實(shí)戰(zhàn)57：columns 285
10．4．4 speech 287
10．4．5 實(shí)戰(zhàn)58：使用css 3．0實(shí)現(xiàn)選項(xiàng)卡式新聞塊 289
10．5 商業(yè)案例——設(shè)計(jì)制作音樂(lè)網(wǎng)站頁(yè)面 293
10．5．1 設(shè)計(jì)分析 294
10．5．2 布局分析 294
10．5．3 制作流程 294
10．5．4 制作步驟 296
10．5．5 實(shí)例小結(jié) 317
10．6 課后作業(yè)——設(shè)計(jì)制作娛樂(lè)網(wǎng)站頁(yè)面 317
10．6．1 案例分析 318
10．6．2 技能剖析 319
10．7 本章小結(jié) 320
第11章 設(shè)置頁(yè)面超鏈接樣式 321
11．1 超鏈接概述 321
11．1．1 超鏈接樣式控制的原則 321
11．1．2 超鏈接控制的屬性 322
11．2 超鏈接特效 325
11．2．1 實(shí)戰(zhàn)59：文字式超鏈接 325
11．2．2 實(shí)戰(zhàn)60：按鈕式超鏈接 327
11．2．3 實(shí)戰(zhàn)61：浮雕式超鏈接 329
11．3 css 3．0中用戶界面的新增屬性 330
11．3．1 實(shí)戰(zhàn)62：box—sizing 330
11．3．2 實(shí)戰(zhàn)63：resize 332
11．3．3 實(shí)戰(zhàn)64：outline 334
11．3．4 nav—index 335
11．3．5 實(shí)戰(zhàn)65：使用css 3．0實(shí)現(xiàn)動(dòng)態(tài)菜單效果 336
11．4 商業(yè)案例——設(shè)計(jì)制作電子商務(wù)網(wǎng)站 339
11．4．1 設(shè)計(jì)分析 339
11．4．2 布局分析 339
11．4．3 制作流程 340
11．4．4 制作步驟 340
11．4．5 案例小結(jié) 357
11．5 課后作業(yè)——設(shè)計(jì)制作健康類(lèi)網(wǎng)站頁(yè)面 357
11．5．1 案例分析 358
11．5．2 技能剖析 358
11．6 本章小結(jié) 360
第12章 使用javascript搭建動(dòng)態(tài)效果 361
12．1 列表控制概述 361
12．1．1 列表控制的原則 361
12．1．2 javascript的特點(diǎn) 364
12．1．3 javascript的應(yīng)用范圍 365
12．1．4 css與javascript 368
12．2 使用javascript設(shè)置圖像效果 368
12．2．1 實(shí)戰(zhàn)66：實(shí)現(xiàn)相冊(cè)效果 368
12．2．2 實(shí)戰(zhàn)67：實(shí)現(xiàn)圖像滑動(dòng)切換效果 371
12．3 針對(duì)菜單的javascript效果 376
12．3．1 實(shí)戰(zhàn)68：實(shí)現(xiàn)彈性快速導(dǎo)航效果 377
12．3．2 實(shí)戰(zhàn)69：制作動(dòng)態(tài)十足的菜單效果 381
12．4 針對(duì)文字的javascript效果 384
12．4．1 實(shí)戰(zhàn)70：選擇字體大小 385
12．4．2 實(shí)戰(zhàn)71：實(shí)現(xiàn)打字效果 386
12．5 商業(yè)案例——設(shè)計(jì)制作游戲網(wǎng)站頁(yè)面 388
12．5．1 設(shè)計(jì)分析 388
12．5．2 布局分析 388
12．5．3 制作流程 389
12．5．4 制作步驟 390
12．5．5 案例小結(jié) 402
12．6 課后作業(yè)——設(shè)計(jì)制作購(gòu)物網(wǎng)站頁(yè)面 402
12．6．1 案例分析 403
12．6．2 技能剖析 404
12．7 本章小結(jié) 405
第13章 css與xml和ajax的綜合使用 406
13．1 xml基礎(chǔ) 406
13．1．1 xml概念 406
13．1．2 xml的特點(diǎn) 406
13．1．3 xml的結(jié)構(gòu)和基本語(yǔ)法 407
13．1．4 實(shí)戰(zhàn)72：html與xml 410
13．1．5 什么是'形式良好的'xml文件 411
13．2 xml與css的應(yīng)用 413
13．2．1 實(shí)戰(zhàn)73：在xml中鏈接css樣式 413
13．2．2 實(shí)戰(zhàn)74：實(shí)現(xiàn)隔行變色的表格 415
13．3 ajax基礎(chǔ) 419
13．3．1 ajax簡(jiǎn)介 419
13．3．2 ajax的關(guān)鍵元素 420
13．3．3 ajax的優(yōu)勢(shì) 421
13．3．4 實(shí)現(xiàn)ajax的步驟 422
13．3．5 使用css的必要性 423
13．4 實(shí)戰(zhàn)75：ajax與css的綜合運(yùn)用 424
13．5 商業(yè)案例——設(shè)計(jì)制作休閑樂(lè)園網(wǎng)站 428
13．5．1 設(shè)計(jì)分析 429
13．5．2 布局分析 429
13．5．3 制作流程 430
13．5．4 制作步驟 431
13．5．5 案例小結(jié) 442
13．6 課后作業(yè)——設(shè)計(jì)制作社區(qū)網(wǎng)站 442
13．6．1 案例分析 443
13．6．2 案例剖析 444
13．7 本章小結(jié) 444
第14章 html 5．0與css高級(jí)運(yùn)用 445
14．1 html 5．0概述 445
14．1．1 html 5．0標(biāo)簽 445
14．1．2 html 5．0事件屬性 449
14．1．3 html 5．0標(biāo)準(zhǔn)屬性 451
14．1．4 實(shí)戰(zhàn)76：使用html 5．0實(shí)現(xiàn)動(dòng)感頁(yè)面效果 452
14．2 id與class 455
14．2．1 id是什么 455
14．2．2 什么情況下使用id 456
14．2．3 class是什么 457
14．2．4 什么情況下使用class 457
14．3 div與span對(duì)象 458
14．4 css代碼簡(jiǎn)寫(xiě) 459
14．4．1 font樣式簡(jiǎn)寫(xiě) 459
14．4．2 color樣式簡(jiǎn)寫(xiě) 460
14．4．3 background樣式簡(jiǎn)寫(xiě) 460
14．4．4 margin和padding樣式簡(jiǎn)寫(xiě) 461
14．4．5 border樣式簡(jiǎn)寫(xiě) 462
14．4．6 list樣式簡(jiǎn)寫(xiě) 463
14．5 商業(yè)案例——設(shè)計(jì)制作游戲網(wǎng)站 464
14．5．1 設(shè)計(jì)分析 464
14．5．2 布局分析 464
14．5．3 制作流程 465
14．5．4 制作步驟 466
14．5．5 案例小結(jié) 474
14．6 課后作業(yè)——設(shè)計(jì)制作企業(yè)網(wǎng)站頁(yè)面 474
14．6．1 案例分析 475
14．6．2 技能剖析 475
14．7 本章小結(jié) 476