掃一掃
關(guān)注中圖網(wǎng)
官方微博
本類五星書更多>
-
>
中醫(yī)基礎(chǔ)理論
-
>
高校軍事課教程
-
>
思想道德與法治(2021年版)
-
>
毛澤東思想和中國特色社會主義理論體系概論(2021年版)
-
>
中醫(yī)內(nèi)科學·全國中醫(yī)藥行業(yè)高等教育“十四五”規(guī)劃教材
-
>
中醫(yī)診斷學--新世紀第五版
-
>
中藥學·全國中醫(yī)藥行業(yè)高等教育“十四五”規(guī)劃教材
HTML5+CSS3網(wǎng)頁設(shè)計與制作案例教程 版權(quán)信息
- ISBN：9787302543664
- 條形碼：9787302543664 ; 978-7-302-54366-4
- 裝幀：平裝-膠訂
- 冊數(shù)：暫無
- 重量：暫無
- 所屬分類：>>
HTML5+CSS3網(wǎng)頁設(shè)計與制作案例教程 本書特色
Web標準是所有網(wǎng)頁前端技術(shù)的規(guī)范和發(fā)展方向，HTML5和CSS3是Web標準的主要組成部分，闡述了內(nèi)容和樣式分離的網(wǎng)頁設(shè)計精髓。
《HTML5 CSS3網(wǎng)頁設(shè)計與制作案例教程（第2版）》共15章，從初學者的角度出發(fā)，以知識點示例、章節(jié)綜合案例、全書綜合案例和實驗手冊等形式，全面涵蓋網(wǎng)頁設(shè)計的基礎(chǔ)知識、HTML5和CSS3技術(shù)、DIV CSS網(wǎng)頁布局技術(shù)等內(nèi)容。講解過程由淺入深、循序漸進，力求通過實例操作讓讀者快速掌握網(wǎng)頁設(shè)計的方法和技巧。
《HTML5 CSS3網(wǎng)頁設(shè)計與制作案例教程（第2版）》提供所有實例的源文件、習題參考答案以及教學課件，以方便讀者學習和參考。
《HTML5 CSS3網(wǎng)頁設(shè)計與制作案例教程（第2版）》既適合作為大中專院校和培訓學校計算機相關(guān)專業(yè)學生的教材，也適合作為網(wǎng)頁設(shè)計制作人員及愛好者的參考用書。
HTML5+CSS3網(wǎng)頁設(shè)計與制作案例教程 內(nèi)容簡介
本書第1 版是編者們在一線教學過程中總結(jié)經(jīng)驗而來的，自2017 年1 月出版以來，已被30 多所高等院校選作網(wǎng)頁設(shè)計相關(guān)課程的教材，也被很多讀者選為網(wǎng)頁設(shè)計學習的自學
工具書，受到了高校師生和廣大讀者朋友的喜愛，進行了多次印刷，累計銷量近2 萬冊。
近3 年來，編者團隊并沒有停下步伐，依然在不斷的進行教學和探索。
本書改版的動力主要來自以下幾個方面：
(1) 網(wǎng)頁設(shè)計與制作技術(shù)的發(fā)展，特別是瀏覽器對新版本語言和技術(shù)的支持。
(2) 第1 版在使用過程中得到的積極反饋和建議。
(3) 作者在教學實踐過程中新的心得和體會。
(4) 圖書出版相關(guān)的新技術(shù)新方式的出現(xiàn)。
(5) 對案例設(shè)計涉及內(nèi)容的推陳出新，特別是對中國傳統(tǒng)文化欣賞的植入。
第2 版對全書章節(jié)結(jié)構(gòu)進行了更加合理的調(diào)整，改寫了原有疏漏和需要改進的地方，并繼承和發(fā)揚了第1 版的特色，力求更加科學嚴謹。主要改動體現(xiàn)在以下方面：
(1) 對章內(nèi)知識點順序和內(nèi)容進行調(diào)整，使其更清晰明了。
(2) 順應(yīng)應(yīng)用趨勢，增加新的技術(shù)和方法，刪掉一些過時或應(yīng)用較少的內(nèi)容。
(3) 使用新版瀏覽器瀏覽網(wǎng)頁。
(4) 調(diào)整與修改部分習題。
(5) 將部分案例內(nèi)容修改為中國傳統(tǒng)文化相關(guān)，以期潛移默化的弘揚中國傳統(tǒng)文化知識。
(6) 對全書章節(jié)結(jié)構(gòu)進行了調(diào)整，將原第12 章“CSS 美化表格與表單”內(nèi)容整合入原第10 章“CSS 盒子模型”，使全書結(jié)構(gòu)更合理。
(7) 將案例代碼、習題答案、附錄文件、課件等配套資源放在網(wǎng)上，通過掃描相應(yīng)二維碼等方式下載。
HTML5+CSS3網(wǎng)頁設(shè)計與制作案例教程 目錄
第1章 網(wǎng)頁設(shè)計基礎(chǔ)知識 1
1.1 網(wǎng)頁相關(guān)知識簡介 2
1.1.1 互聯(lián)網(wǎng)、因特網(wǎng)和萬維網(wǎng) 2
1.1.2 網(wǎng)站和網(wǎng)頁 2
1.1.3 網(wǎng)頁與HTML 3
1.1.4 靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁 4
1.1.5 IP地址、域名和URL 5
1.1.6 HTTP和FTP 6
1.1.7 瀏覽器 6
1.2 網(wǎng)頁的基本元素 6
1.2.1 網(wǎng)頁的基本媒體元素 6
1.2.2 網(wǎng)頁的基本布局元素 8
1.3 網(wǎng)頁設(shè)計常用技術(shù) 10
1.3.1 網(wǎng)頁標記語言HTML 10
1.3.2 網(wǎng)頁表現(xiàn)技術(shù)CSS 10
1.3.3 網(wǎng)頁腳本語言JavaScript 10
1.3.4 動態(tài)網(wǎng)頁編程技術(shù)ASP.NET、JSP、PHP等 11
1.4 網(wǎng)頁設(shè)計常用工具 11
1.4.1 基于文本的編輯器 11
1.4.2 所見即所得編輯器 12
1.4.3 如何選擇工具 13
1.5 習題 13
1.5.1 單選題 13
1.5.2 填空題 14
1.5.3 判斷題 14
1.5.4 簡答題 14
第2章 HTML5基礎(chǔ) 15
2.1 認識HTML5 16
2.1.1 HTML及其發(fā)展 16
2.1.2 HTML5的特點 16
2.1.3 編寫**個HTML5文件 17
2.2 HTML基本語法 18
2.2.1 標記與元素 18
2.2.2 HTML屬性 19
2.2.3 全局屬性 20
2.3 HTML5文檔的結(jié)構(gòu) 22
2.3.1 HTML5文檔的基本結(jié)構(gòu) 22
2.3.2 網(wǎng)頁標題 23
2.3.3 定義元數(shù)據(jù) 23
2.3.4 HTML5新增的結(jié)構(gòu)標記 25
2.4 綜合案例——基本的HTML5網(wǎng)頁 26
2.5 習題 27
2.5.1 單選題 27
2.5.2 填空題 28
2.5.3 判斷題 28
2.5.4 簡答題 28
第3章 文字與段落 29
3.1 基本的文字排版 30
3.1.1 段落 30
3.1.2 控制換行
31
3.1.3 預先格式化 32
3.1.4 標題文字～ 34
3.1.5 水平線 34
3.2 HTML基本語法 36
3.2.1 強調(diào)文本/// 36
3.2.2 作品標題 37
3.2.3 小型文本 38
3.2.4 標記文本改變/ 39
3.2.5 文字上下標/ 40
3.2.6 旁注// 40
3.2.7 日期時間 41
3.2.8 其他語義化、結(jié)構(gòu)化元素 42
3.3 使用字符實體表示特殊符號 42
3.4 添加注釋 44
3.5 列表 45
3.5.1 無序列表 45
3.5.2 有序列表 46
3.5.3 描述列表// 47
3.5.4 列表的嵌套 48
3.6 塊級元素與行內(nèi)元素 49
3.7 無語義的容器元素 50
3.7.1 div元素 50
3.7.2 span元素 51
3.8 綜合案例——簡單文字網(wǎng)頁 52
3.9 習題 54
3.9.1 單選題 54
3.9.2 填空題 55
3.9.3 判斷題 55
3.9.4 簡答題 55
第4章 圖像、音頻和視頻等 56
4.1 文件路徑 57
4.1.1 絕對路徑 57
4.1.2 相對路徑 57
4.2 在網(wǎng)頁中插入圖像 58
4.2.1 網(wǎng)頁圖像的格式 58
4.2.2 插入圖像 59
4.3 在網(wǎng)頁中插入視頻 61
4.3.1 視頻格式 61
4.3.2 插入視頻 61
4.4 在網(wǎng)頁中插入音頻 62
4.4.1 音頻格式 63
4.4.2 插入音頻 63
4.5 使用多種來源的多媒體和備用文本 64
4.6 插入多媒體文件 65
4.7 定義媒介分組和標題/ 66
4.8 綜合案例——多媒體頁面的設(shè)計 67
4.9 習題 68
4.9.1 單選題 68
4.9.2 填空題 69
4.9.3 判斷題 69
4.9.4 簡答題 69
第5章 超鏈接 70
5.1 超鏈接概述 71
5.2 基本鏈接 71
5.2.1 外部鏈接 71
5.2.2 內(nèi)部鏈接 73
5.2.3 標記的屬性 73
5.2.4 超鏈接的目標類型 76
5.3 錨記(書簽)鏈接 78
5.4 設(shè)置圖像映射 80
5.5 內(nèi)聯(lián)框架及其鏈接 83
5.5.1 內(nèi)聯(lián)框架 83
5.5.2 內(nèi)聯(lián)框架相關(guān)的鏈接 84
5.6 定義基準地址 86
5.7 綜合案例——設(shè)置超鏈接 87
5.8 習題 89
5.8.1 單選題 89
5.8.2 填空題 90
5.8.3 判斷題 90
5.8.4 簡答題 90
第6章 表格 91
6.1 表格簡介 92
6.2 創(chuàng)建表格 92
6.2.1 表格基本結(jié)構(gòu) 93
6.2.2 表格邊框顯示 94
6.2.3 帶圖像的單元格 96
6.3 合并單元格 96
6.3.1 設(shè)置跨列colspan 97
6.3.2 設(shè)置跨行rowspan 98
6.4 表格嵌套 99
6.5 表格的按行分組顯示// 100
6.6 綜合案例——表格應(yīng)用 102
6.7 習題 103
6.7.1 單選題 103
6.7.2 填空題 104
6.7.3 判斷題 104
6.7.4 簡答題 104
6.7.5 應(yīng)用題 104
第7章 表單 105
7.1 表單概述 106
7.2 建立表單 107
7.3 基本的表單控件 107
7.3.1 標記 108
7.3.2 多行文本框 113
7.3.3 選擇列表// 114
7.4 新增表單控件 116
7.4.1 url類型 116
7.4.2 email類型 117
7.4.3 日期和時間類型 117
7.4.4 數(shù)字類型 118
7.4.5 color類型 119
7.4.6 search類型 120
7.4.7 tel類型 120
7.5 fieldset控件組 121
7.6 常用公共屬性 121
7.6.1 autofocus屬性 122
7.6.2 placeholder屬性 122
7.6.3 required屬性 123
7.6.4 pattern屬性 124
7.7 綜合案例——表單設(shè)計 125
7.8 習題 127
7.8.1 單選題 127
7.8.2 填空題 127
7.8.3 判斷題 128
7.8.4 簡答題 128
第8章 CSS基礎(chǔ) 129
8.1 CSS介紹 130
8.1.1 CSS概述 130
8.1.2 CSS3 131
8.2 CSS的基本語法 131
8.3 CSS屬性 132
8.4 在HTML文檔中使用CSS的方法 134
8.4.1 行內(nèi)樣式 134
8.4.2 內(nèi)部樣式表 136
8.4.3 鏈入外部樣式表 138
8.4.4 導入外部樣式表 140
8.5 CSS基本選擇器 141
8.5.1 標記選擇器 142
8.5.2 類選擇器 142
8.5.3 id選擇器 144
8.5.4 通用選擇器 145
8.6 其他CSS選擇器 146
8.6.1 組合選擇器 146
8.6.2 偽類選擇器 151
8.6.3 偽對象選擇器 151
8.6.4 屬性選擇器 152
8.7 綜合案例——CSS的簡單應(yīng)用 153
8.8 習題 157
8.8.1 單選題 157
8.8.2 填空題 157
8.8.3 判斷題 157
8.8.4 簡答題 158
第9章 CSS文本樣式 159
9.1 顏色color 160
9.2 CSS字體屬性 162
9.2.1 字型font-family 162
9.2.2 字體尺寸font-size 163
9.2.3 字體粗細font-weight 166
9.2.4 字體風格font-style 167
9.2.5 小型大寫字母font-variant 168
9.2.6 字體復合屬性font 169
9.3 文本格式化 170
9.3.1 行高line-height 171
9.3.2 水平對齊方式text-align 172
9.3.3 文本縮進text-indent 173
9.3.4 大小寫text-transform 175
9.3.5 字符間距l(xiāng)etter-spacing 176
9.3.6 單詞間距word-spacing 177
9.3.7 垂直對齊方式vertical-align 178
9.3.8 文本修飾text-decoration 179
9.3.9 文本陰影text-shadow 181
9.3.10 書寫模式writing-mode 182
9.3.11 斷行處理word-wrap和overflow-wrap 184
9.3.12 文本相關(guān)偽對象 186
9.4 CSS列表屬性 187
9.4.1 列表項目符號list-style-type 187
9.4.2 圖像列表項目符號list-style-image 189
9.4.3 列表項目符號位置list-style-position 190
9.4.4 列表項目復合屬性list-style 191
9.5 綜合案例——基本圖文混排網(wǎng)頁 192
9.6 習題 196
9.6.1 單選題 196
9.6.2 填空題 197
9.6.3 判斷題 197
9.6.4 簡答題 197
第10章 CSS盒子模型 198
10.1 盒子BOX的基本概念 199
10.1.1 盒子的基本形式 199
10.1.2 盒子大小的計算width/height 201
10.1.3 改變盒子大小的計算方式box-sizing 203
10.2 邊框的基本屬性 204
10.2.1 邊框樣式border-style 204
10.2.2 邊框厚度border-width 206
10.2.3 邊框顏色border-color 208
10.2.4 邊框復合屬性 209
10.3 邊距 210
10.3.1 內(nèi)邊距padding 211
10.3.2 外邊距margin 213
10.4 邊框的其他屬性 215
10.4.1 圓角邊框border-radius 215
10.4.2 圖像邊框border-image 217
10.4.3 盒子陰影box-shadow 222
10.5 表格和表單BOX的樣式 225
10.5.1 設(shè)計表格樣式 225
10.5.2 設(shè)計表單樣式 228
10.6 綜合案例——盒子布局排版 231
10.7 習題 236
10.7.1 單選題 236
10.7.2 填空題 237
10.7.3 判斷題 237
10.7.4 簡答題 237
10.7.5 應(yīng)用題 238 第11章 CSS背景 239
11.1 CSS背景概述 240
11.2 背景顏色 240
11.2.1 背景顏色background-color 240
11.2.2 用背景色給頁面分塊 242
11.3 背景圖像 245
11.3.1 頁面背景圖像background-image 245
11.3.2 背景圖像重復background-repeat 247
11.3.3 背景圖像滾動background-attachment 249
11.3.4 背景圖像位置background-position 251
11.3.5 背景參考原點background-origin 253
11.3.6 背景圖像尺寸background-size 254
11.3.7 背景圖像裁剪區(qū)域background-clip 256
11.3.8 線性漸變背景圖像 258
11.4 背景復合屬性和多背景 260
11.4.1 背景復合屬性background 260
11.4.2 多背景 261
11.5 定義不透明度 262
11.6 綜合案例——設(shè)置背景 263
11.7 習題 270
11.7.1 單選題 270
11.7.2 填空題 270
11.7.3 判斷題 271
11.7.4 簡答題 271
第12章 CSS盒子布局和定位 272
12.1 CSS定位屬性 273
12.1.1 正常流向 273
12.1.2 定位偏移屬性top、bottom、right、left 274
12.1.3 定位方式position 274
12.1.4 分層呈現(xiàn)z-index 281
12.1.5 裁切clip 282
12.2 CSS布局屬性 283
12.2.1 可見性visibility 283
12.2.2 溢出overflow 285
12.2.3 顯示display 287
12.2.4 浮動float 289
12.2.5 清除clear 291
12.3 綜合案例——布局和定位應(yīng)用 294
12.4 習題 303
12.4.1 單選題 303
12.4.2 填空題 304
12.4.3 判斷題 304
12.4.4 簡答題 304
第13章 網(wǎng)頁布局 305
13.1 網(wǎng)頁布局方法 306
13.1.1 網(wǎng)頁布局基本思想 306
13.1.2 DIV CSS布局 306
13.1.3 DIV CSS分塊方法 307
13.2 設(shè)計超鏈接樣式 311
13.2.1 超鏈接樣式變換 311
13.2.2 按鈕式超鏈接 315
13.2.3 使用列表制作菜單 318
13.3 布局版式 321
13.3.1 版心和布局流程 321
13.3.2 單列布局 323
13.3.3 兩列布局 327
13.3.4 三列布局 333
13.3.5 通欄布局 343
13.4 習題 352
13.4.1 單選題 352
13.4.2 填空題 353
13.4.3 判斷題 353
13.4.4 簡答題 353
第14章 綜合案例——旅游網(wǎng)頁 354
14.1 頁面總體設(shè)計與實現(xiàn) 355
14.1.1 頁面效果 355
14.1.2 頁面版式布局 356
14.1.3 頁面代碼實現(xiàn) 356
14.2 全局樣式設(shè)定 366
14.3 頁眉區(qū)(top) 366
14.3.1 鏈接菜單(link) 367
14.3.2 導航菜單(menu) 367
14.3.3 橫幅廣告(bannerwrap) 369
14.4 主內(nèi)容區(qū)(main) 369
14.4.1 登錄區(qū)(login) 370
14.4.2 左邊內(nèi)容區(qū)(left) 371
14.4.3 中間上部內(nèi)容區(qū)(centertop) 373
14.4.4 中間底部內(nèi)容區(qū)(centerbottom) 375
14.4.5 右邊內(nèi)容區(qū)(rigth) 377
14.4.6 頁腳區(qū)(footer) 379
第15章 綜合案例——婚戒網(wǎng)站 380
15.1 網(wǎng)站總體設(shè)計 381
15.2 首頁設(shè)計 382
15.2.1 首頁頁面效果 382
15.2.2 首頁版式布局 384
15.2.3 首頁HTML代碼實現(xiàn) 385
15.2.4 公用的CSS代碼實現(xiàn) 387
15.2.5 首頁CSS代碼實現(xiàn) 389
15.3 “品牌文化”頁面設(shè)計 392
15.3.1 “品牌文化”頁面效果 392
15.3.2 “品牌文化”頁面版式布局 395
15.3.3 “品牌文化”頁面HTML代碼實現(xiàn) 396
15.3.4 “品牌文化”頁面CSS代碼實現(xiàn) 398
15.4 “排行榜”頁面設(shè)計 400
15.4.1 “排行榜”頁面效果 401
15.4.2 “排行榜”頁面版式布局 403
15.4.3 “排行榜”頁面HTML代碼實現(xiàn) 403
15.4.4 “排行榜”頁面CSS代碼實現(xiàn) 404
15.5 “愛的社區(qū)”頁面設(shè)計 406
15.5.1 “愛的社區(qū)”頁面效果 406
15.5.2 “愛的社區(qū)”頁面版式布局 408
15.5.3 “愛的社區(qū)”頁面HTML代碼實現(xiàn) 410
15.5.4 “愛的社區(qū)”頁面CSS代碼實現(xiàn) 411
參考文獻 413
附錄 414
附錄A 414
附錄B 414
附錄C 414
附錄D 414
附錄E 414
1.1 網(wǎng)頁相關(guān)知識簡介 2
1.1.1 互聯(lián)網(wǎng)、因特網(wǎng)和萬維網(wǎng) 2
1.1.2 網(wǎng)站和網(wǎng)頁 2
1.1.3 網(wǎng)頁與HTML 3
1.1.4 靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁 4
1.1.5 IP地址、域名和URL 5
1.1.6 HTTP和FTP 6
1.1.7 瀏覽器 6
1.2 網(wǎng)頁的基本元素 6
1.2.1 網(wǎng)頁的基本媒體元素 6
1.2.2 網(wǎng)頁的基本布局元素 8
1.3 網(wǎng)頁設(shè)計常用技術(shù) 10
1.3.1 網(wǎng)頁標記語言HTML 10
1.3.2 網(wǎng)頁表現(xiàn)技術(shù)CSS 10
1.3.3 網(wǎng)頁腳本語言JavaScript 10
1.3.4 動態(tài)網(wǎng)頁編程技術(shù)ASP.NET、JSP、PHP等 11
1.4 網(wǎng)頁設(shè)計常用工具 11
1.4.1 基于文本的編輯器 11
1.4.2 所見即所得編輯器 12
1.4.3 如何選擇工具 13
1.5 習題 13
1.5.1 單選題 13
1.5.2 填空題 14
1.5.3 判斷題 14
1.5.4 簡答題 14
第2章 HTML5基礎(chǔ) 15
2.1 認識HTML5 16
2.1.1 HTML及其發(fā)展 16
2.1.2 HTML5的特點 16
2.1.3 編寫**個HTML5文件 17
2.2 HTML基本語法 18
2.2.1 標記與元素 18
2.2.2 HTML屬性 19
2.2.3 全局屬性 20
2.3 HTML5文檔的結(jié)構(gòu) 22
2.3.1 HTML5文檔的基本結(jié)構(gòu) 22
2.3.2 網(wǎng)頁標題 23
2.3.3 定義元數(shù)據(jù) 23
2.3.4 HTML5新增的結(jié)構(gòu)標記 25
2.4 綜合案例——基本的HTML5網(wǎng)頁 26
2.5 習題 27
2.5.1 單選題 27
2.5.2 填空題 28
2.5.3 判斷題 28
2.5.4 簡答題 28
第3章 文字與段落 29
3.1 基本的文字排版 30
3.1.1 段落 30
3.1.2 控制換行
31
3.1.3 預先格式化 32
3.1.4 標題文字～ 34
3.1.5 水平線 34
3.2 HTML基本語法 36
3.2.1 強調(diào)文本/// 36
3.2.2 作品標題 37
3.2.3 小型文本 38
3.2.4 標記文本改變/ 39
3.2.5 文字上下標/ 40
3.2.6 旁注// 40
3.2.7 日期時間 41
3.2.8 其他語義化、結(jié)構(gòu)化元素 42
3.3 使用字符實體表示特殊符號 42
3.4 添加注釋 44
3.5 列表 45
3.5.1 無序列表 45
3.5.2 有序列表 46
3.5.3 描述列表// 47
3.5.4 列表的嵌套 48
3.6 塊級元素與行內(nèi)元素 49
3.7 無語義的容器元素 50
3.7.1 div元素 50
3.7.2 span元素 51
3.8 綜合案例——簡單文字網(wǎng)頁 52
3.9 習題 54
3.9.1 單選題 54
3.9.2 填空題 55
3.9.3 判斷題 55
3.9.4 簡答題 55
第4章 圖像、音頻和視頻等 56
4.1 文件路徑 57
4.1.1 絕對路徑 57
4.1.2 相對路徑 57
4.2 在網(wǎng)頁中插入圖像 58
4.2.1 網(wǎng)頁圖像的格式 58
4.2.2 插入圖像 59
4.3 在網(wǎng)頁中插入視頻 61
4.3.1 視頻格式 61
4.3.2 插入視頻 61
4.4 在網(wǎng)頁中插入音頻 62
4.4.1 音頻格式 63
4.4.2 插入音頻 63
4.5 使用多種來源的多媒體和備用文本 64
4.6 插入多媒體文件 65
4.7 定義媒介分組和標題/ 66
4.8 綜合案例——多媒體頁面的設(shè)計 67
4.9 習題 68
4.9.1 單選題 68
4.9.2 填空題 69
4.9.3 判斷題 69
4.9.4 簡答題 69
第5章 超鏈接 70
5.1 超鏈接概述 71
5.2 基本鏈接 71
5.2.1 外部鏈接 71
5.2.2 內(nèi)部鏈接 73
5.2.3 標記的屬性 73
5.2.4 超鏈接的目標類型 76
5.3 錨記(書簽)鏈接 78
5.4 設(shè)置圖像映射 80
5.5 內(nèi)聯(lián)框架及其鏈接 83
5.5.1 內(nèi)聯(lián)框架 83
5.5.2 內(nèi)聯(lián)框架相關(guān)的鏈接 84
5.6 定義基準地址 86
5.7 綜合案例——設(shè)置超鏈接 87
5.8 習題 89
5.8.1 單選題 89
5.8.2 填空題 90
5.8.3 判斷題 90
5.8.4 簡答題 90
第6章 表格 91
6.1 表格簡介 92
6.2 創(chuàng)建表格 92
6.2.1 表格基本結(jié)構(gòu) 93
6.2.2 表格邊框顯示 94
6.2.3 帶圖像的單元格 96
6.3 合并單元格 96
6.3.1 設(shè)置跨列colspan 97
6.3.2 設(shè)置跨行rowspan 98
6.4 表格嵌套 99
6.5 表格的按行分組顯示// 100
6.6 綜合案例——表格應(yīng)用 102
6.7 習題 103
6.7.1 單選題 103
6.7.2 填空題 104
6.7.3 判斷題 104
6.7.4 簡答題 104
6.7.5 應(yīng)用題 104
第7章 表單 105
7.1 表單概述 106
7.2 建立表單 107
7.3 基本的表單控件 107
7.3.1 標記 108
7.3.2 多行文本框 113
7.3.3 選擇列表// 114
7.4 新增表單控件 116
7.4.1 url類型 116
7.4.2 email類型 117
7.4.3 日期和時間類型 117
7.4.4 數(shù)字類型 118
7.4.5 color類型 119
7.4.6 search類型 120
7.4.7 tel類型 120
7.5 fieldset控件組 121
7.6 常用公共屬性 121
7.6.1 autofocus屬性 122
7.6.2 placeholder屬性 122
7.6.3 required屬性 123
7.6.4 pattern屬性 124
7.7 綜合案例——表單設(shè)計 125
7.8 習題 127
7.8.1 單選題 127
7.8.2 填空題 127
7.8.3 判斷題 128
7.8.4 簡答題 128
第8章 CSS基礎(chǔ) 129
8.1 CSS介紹 130
8.1.1 CSS概述 130
8.1.2 CSS3 131
8.2 CSS的基本語法 131
8.3 CSS屬性 132
8.4 在HTML文檔中使用CSS的方法 134
8.4.1 行內(nèi)樣式 134
8.4.2 內(nèi)部樣式表 136
8.4.3 鏈入外部樣式表 138
8.4.4 導入外部樣式表 140
8.5 CSS基本選擇器 141
8.5.1 標記選擇器 142
8.5.2 類選擇器 142
8.5.3 id選擇器 144
8.5.4 通用選擇器 145
8.6 其他CSS選擇器 146
8.6.1 組合選擇器 146
8.6.2 偽類選擇器 151
8.6.3 偽對象選擇器 151
8.6.4 屬性選擇器 152
8.7 綜合案例——CSS的簡單應(yīng)用 153
8.8 習題 157
8.8.1 單選題 157
8.8.2 填空題 157
8.8.3 判斷題 157
8.8.4 簡答題 158
第9章 CSS文本樣式 159
9.1 顏色color 160
9.2 CSS字體屬性 162
9.2.1 字型font-family 162
9.2.2 字體尺寸font-size 163
9.2.3 字體粗細font-weight 166
9.2.4 字體風格font-style 167
9.2.5 小型大寫字母font-variant 168
9.2.6 字體復合屬性font 169
9.3 文本格式化 170
9.3.1 行高line-height 171
9.3.2 水平對齊方式text-align 172
9.3.3 文本縮進text-indent 173
9.3.4 大小寫text-transform 175
9.3.5 字符間距l(xiāng)etter-spacing 176
9.3.6 單詞間距word-spacing 177
9.3.7 垂直對齊方式vertical-align 178
9.3.8 文本修飾text-decoration 179
9.3.9 文本陰影text-shadow 181
9.3.10 書寫模式writing-mode 182
9.3.11 斷行處理word-wrap和overflow-wrap 184
9.3.12 文本相關(guān)偽對象 186
9.4 CSS列表屬性 187
9.4.1 列表項目符號list-style-type 187
9.4.2 圖像列表項目符號list-style-image 189
9.4.3 列表項目符號位置list-style-position 190
9.4.4 列表項目復合屬性list-style 191
9.5 綜合案例——基本圖文混排網(wǎng)頁 192
9.6 習題 196
9.6.1 單選題 196
9.6.2 填空題 197
9.6.3 判斷題 197
9.6.4 簡答題 197
第10章 CSS盒子模型 198
10.1 盒子BOX的基本概念 199
10.1.1 盒子的基本形式 199
10.1.2 盒子大小的計算width/height 201
10.1.3 改變盒子大小的計算方式box-sizing 203
10.2 邊框的基本屬性 204
10.2.1 邊框樣式border-style 204
10.2.2 邊框厚度border-width 206
10.2.3 邊框顏色border-color 208
10.2.4 邊框復合屬性 209
10.3 邊距 210
10.3.1 內(nèi)邊距padding 211
10.3.2 外邊距margin 213
10.4 邊框的其他屬性 215
10.4.1 圓角邊框border-radius 215
10.4.2 圖像邊框border-image 217
10.4.3 盒子陰影box-shadow 222
10.5 表格和表單BOX的樣式 225
10.5.1 設(shè)計表格樣式 225
10.5.2 設(shè)計表單樣式 228
10.6 綜合案例——盒子布局排版 231
10.7 習題 236
10.7.1 單選題 236
10.7.2 填空題 237
10.7.3 判斷題 237
10.7.4 簡答題 237
10.7.5 應(yīng)用題 238 第11章 CSS背景 239
11.1 CSS背景概述 240
11.2 背景顏色 240
11.2.1 背景顏色background-color 240
11.2.2 用背景色給頁面分塊 242
11.3 背景圖像 245
11.3.1 頁面背景圖像background-image 245
11.3.2 背景圖像重復background-repeat 247
11.3.3 背景圖像滾動background-attachment 249
11.3.4 背景圖像位置background-position 251
11.3.5 背景參考原點background-origin 253
11.3.6 背景圖像尺寸background-size 254
11.3.7 背景圖像裁剪區(qū)域background-clip 256
11.3.8 線性漸變背景圖像 258
11.4 背景復合屬性和多背景 260
11.4.1 背景復合屬性background 260
11.4.2 多背景 261
11.5 定義不透明度 262
11.6 綜合案例——設(shè)置背景 263
11.7 習題 270
11.7.1 單選題 270
11.7.2 填空題 270
11.7.3 判斷題 271
11.7.4 簡答題 271
第12章 CSS盒子布局和定位 272
12.1 CSS定位屬性 273
12.1.1 正常流向 273
12.1.2 定位偏移屬性top、bottom、right、left 274
12.1.3 定位方式position 274
12.1.4 分層呈現(xiàn)z-index 281
12.1.5 裁切clip 282
12.2 CSS布局屬性 283
12.2.1 可見性visibility 283
12.2.2 溢出overflow 285
12.2.3 顯示display 287
12.2.4 浮動float 289
12.2.5 清除clear 291
12.3 綜合案例——布局和定位應(yīng)用 294
12.4 習題 303
12.4.1 單選題 303
12.4.2 填空題 304
12.4.3 判斷題 304
12.4.4 簡答題 304
第13章 網(wǎng)頁布局 305
13.1 網(wǎng)頁布局方法 306
13.1.1 網(wǎng)頁布局基本思想 306
13.1.2 DIV CSS布局 306
13.1.3 DIV CSS分塊方法 307
13.2 設(shè)計超鏈接樣式 311
13.2.1 超鏈接樣式變換 311
13.2.2 按鈕式超鏈接 315
13.2.3 使用列表制作菜單 318
13.3 布局版式 321
13.3.1 版心和布局流程 321
13.3.2 單列布局 323
13.3.3 兩列布局 327
13.3.4 三列布局 333
13.3.5 通欄布局 343
13.4 習題 352
13.4.1 單選題 352
13.4.2 填空題 353
13.4.3 判斷題 353
13.4.4 簡答題 353
第14章 綜合案例——旅游網(wǎng)頁 354
14.1 頁面總體設(shè)計與實現(xiàn) 355
14.1.1 頁面效果 355
14.1.2 頁面版式布局 356
14.1.3 頁面代碼實現(xiàn) 356
14.2 全局樣式設(shè)定 366
14.3 頁眉區(qū)(top) 366
14.3.1 鏈接菜單(link) 367
14.3.2 導航菜單(menu) 367
14.3.3 橫幅廣告(bannerwrap) 369
14.4 主內(nèi)容區(qū)(main) 369
14.4.1 登錄區(qū)(login) 370
14.4.2 左邊內(nèi)容區(qū)(left) 371
14.4.3 中間上部內(nèi)容區(qū)(centertop) 373
14.4.4 中間底部內(nèi)容區(qū)(centerbottom) 375
14.4.5 右邊內(nèi)容區(qū)(rigth) 377
14.4.6 頁腳區(qū)(footer) 379
第15章 綜合案例——婚戒網(wǎng)站 380
15.1 網(wǎng)站總體設(shè)計 381
15.2 首頁設(shè)計 382
15.2.1 首頁頁面效果 382
15.2.2 首頁版式布局 384
15.2.3 首頁HTML代碼實現(xiàn) 385
15.2.4 公用的CSS代碼實現(xiàn) 387
15.2.5 首頁CSS代碼實現(xiàn) 389
15.3 “品牌文化”頁面設(shè)計 392
15.3.1 “品牌文化”頁面效果 392
15.3.2 “品牌文化”頁面版式布局 395
15.3.3 “品牌文化”頁面HTML代碼實現(xiàn) 396
15.3.4 “品牌文化”頁面CSS代碼實現(xiàn) 398
15.4 “排行榜”頁面設(shè)計 400
15.4.1 “排行榜”頁面效果 401
15.4.2 “排行榜”頁面版式布局 403
15.4.3 “排行榜”頁面HTML代碼實現(xiàn) 403
15.4.4 “排行榜”頁面CSS代碼實現(xiàn) 404
15.5 “愛的社區(qū)”頁面設(shè)計 406
15.5.1 “愛的社區(qū)”頁面效果 406
15.5.2 “愛的社區(qū)”頁面版式布局 408
15.5.3 “愛的社區(qū)”頁面HTML代碼實現(xiàn) 410
15.5.4 “愛的社區(qū)”頁面CSS代碼實現(xiàn) 411
參考文獻 413
附錄 414
附錄A 414
附錄B 414
附錄C 414
附錄D 414
附錄E 414
展開全部
書友推薦
- >
有舍有得是人生
- >
月亮虎
- >
人文閱讀與收藏·良友文學叢書:一天的工作
- >
中國歷史的瞬間
- >
詩經(jīng)-先民的歌唱
- >
我從未如此眷戀人間
- >
伯納黛特,你要去哪(2021新版)
- >
朝聞道
本類暢銷
