中圖網(wǎng)小程序
一鍵登錄
更方便
本類五星書更多>
-
>
闖進(jìn)數(shù)學(xué)世界――探秘歷史名題
-
>
中醫(yī)基礎(chǔ)理論
-
>
當(dāng)代中國政府與政治(新編21世紀(jì)公共管理系列教材)
-
>
高校軍事課教程
-
>
思想道德與法治(2021年版)
-
>
毛澤東思想和中國特色社會(huì)主義理論體系概論(2021年版)
-
>
中醫(yī)內(nèi)科學(xué)·全國中醫(yī)藥行業(yè)高等教育“十四五”規(guī)劃教材
HTML+CSS+JavaScript網(wǎng)頁制作案例教程(第2版)/黑馬程序員 版權(quán)信息
- ISBN：9787115547392
- 條形碼：9787115547392 ; 978-7-115-54739-2
- 裝幀：一般膠版紙
- 冊數(shù)：暫無
- 重量：暫無
- 所屬分類：>>
HTML+CSS+JavaScript網(wǎng)頁制作案例教程(第2版)/黑馬程序員 本書特色
1.黑馬程序員經(jīng)典教材改版。 2.本書在保留了原有風(fēng)格的基礎(chǔ)上，內(nèi)容做了大量更新，包括增加了HTML5部分基礎(chǔ)標(biāo)簽和CSS3新屬性的講解和應(yīng)用，增加了網(wǎng)頁視聽技術(shù)的應(yīng)用，調(diào)整了JavaScript部分知識點(diǎn)的順序，更換了大量案例，符合**的教學(xué)需要。 3.本書附有教學(xué)視頻、源代碼、習(xí)題、教學(xué)PPT等資源。
HTML+CSS+JavaScript網(wǎng)頁制作案例教程(第2版)/黑馬程序員 內(nèi)容簡介
本書站在初學(xué)者的角度，以實(shí)用的案例、通俗易懂的語言詳細(xì)介紹使用HTML、CSS和JavaScript進(jìn)行網(wǎng)頁制作的技巧。 本書共10章，結(jié)合HTML、CSS和JavaScript的基礎(chǔ)知識及應(yīng)用，提供了34個(gè)精選案例和1個(gè)綜合實(shí)訓(xùn)項(xiàng)目。其中，~3章講解了HTML和CSS的基礎(chǔ)知識，包括Web基本概念、HTML和CSS簡介、Dreamweaver工具的使用、HTML文本和圖像標(biāo)簽、CSS選擇器、CSS樣式、CSS的繼承性和優(yōu)先等級。第4~8章分別講解了盒子模型、列表和超鏈接、表格和表單、元素的浮動(dòng)和定位、網(wǎng)頁視聽技術(shù)等。第9章講解了JavaScript編程基礎(chǔ)與事件處理。0章為綜合實(shí)訓(xùn)項(xiàng)目——好趣藝術(shù)，帶領(lǐng)讀者開發(fā)一個(gè)包含結(jié)構(gòu)、樣式和行為的網(wǎng)站首頁面。 本書附有源代碼、習(xí)題、教學(xué)課件等資源，還提供了在線答疑，用以幫助讀者更好地學(xué)習(xí)本書。 本書既可作為高等教育本、專科院校相關(guān)專業(yè)的網(wǎng)頁設(shè)計(jì)教材，也可供網(wǎng)頁制作愛好者學(xué)習(xí)參考。
HTML+CSS+JavaScript網(wǎng)頁制作案例教程(第2版)/黑馬程序員 目錄
第 1章 網(wǎng)頁那點(diǎn)事 1
1．1 網(wǎng)頁概述 1
1．1．1 網(wǎng)頁的組成 1
1．1．2 網(wǎng)頁名詞解釋 2
1．1．3 Web標(biāo)準(zhǔn) 4
1．2 網(wǎng)頁制作技術(shù)入門 5
1．2．1 HTML 5
1．2．2 CSS 6
1．2．3 JavaScript 6
1．2．4 網(wǎng)頁的展示平臺——瀏覽器 7
1．3 Dreamweaver工具的使用 9
1．3．1 認(rèn)識Dreamweaver界面 10
1．3．2 Dreamweaver初始化設(shè)置 14
1．3．3 Dreamweaver基本操作 16
1．4 創(chuàng)建網(wǎng)頁 17
1．5 動(dòng)手實(shí)踐 19
第 2章 從零開始構(gòu)建HTML頁面 20
2．1 【案例1】簡單的網(wǎng)頁 20
案例描述 20
知識引入 20
1． HTML文檔基本格式 20
2． 標(biāo)簽的分類 21
3． 標(biāo)簽的關(guān)系 22
4． 頁面格式化標(biāo)簽 23
案例實(shí)現(xiàn) 26
1． 分析效果圖 26
2． 制作頁面結(jié)構(gòu) 26
3． 設(shè)置標(biāo)題居中 27
2．2 【案例2】新聞頁面 27
案例描述 27
知識引入 27
1． 標(biāo)簽的屬性 27
2． HTML文檔頭部相關(guān)標(biāo)簽 28
3． 文本樣式標(biāo)簽 29
4． 文本格式化標(biāo)簽 30
案例實(shí)現(xiàn) 30
1． 結(jié)構(gòu)分析 30
2． 樣式分析 31
3． 制作頁面結(jié)構(gòu) 31
4． 控制文本 31
2．3 【案例3】圖文混排 32
案例描述 32
知識引入 32
1． 常見圖像格式 32
2． 圖像標(biāo)簽33
3． 相對路徑和絕對路徑 36
4． 特殊字符標(biāo)簽 37
案例實(shí)現(xiàn) 37
1． 分析效果圖 37
2． 制作頁面結(jié)構(gòu) 38
3． 控制圖像 38
4． 控制文本 39
2．4 動(dòng)手實(shí)踐 40
第3章 使用CSS技術(shù)美化網(wǎng)頁 41
3．1 【案例4】文字Logo 41
案例描述 41
知識引入 41
1． 認(rèn)識CSS 41
2． CSS樣式規(guī)則 42
3． 引入CSS樣式表 43
4． CSS基礎(chǔ)選擇器 47
案例實(shí)現(xiàn) 49
1． 分析效果圖 49
2． 制作頁面結(jié)構(gòu) 50
3． 定義CSS樣式 50
3．2 【案例5】美食專題欄目 50
案例描述 50
知識引入 51
1． CSS字體樣式屬性 51
2． CSS文本外觀屬性 54
案例實(shí)現(xiàn) 61
1． 結(jié)構(gòu)分析 61
2． 樣式分析 61
3． 制作頁面結(jié)構(gòu) 62
4． 定義CSS樣式 62
3．3 【案例6】搜索頁面 63
案例描述 63
知識引入 64
1． CSS復(fù)合選擇器 64
2． CSS層疊性和繼承性 66
3． CSS優(yōu)先級 67
案例實(shí)現(xiàn) 69
1． 結(jié)構(gòu)分析 69
2． 樣式分析 70
3． 制作頁面結(jié)構(gòu) 70
4． 定義CSS樣式 70
3．4 動(dòng)手實(shí)踐 71
第4章 運(yùn)用盒子模型劃分網(wǎng)頁模塊 72
4．1 【案例7】音樂盒 72
案例描述 72
知識引入 72
1． 認(rèn)識盒子模型 72
2． 標(biāo)簽 73
3． 邊框?qū)傩浴?4
案例實(shí)現(xiàn) 80
1． 結(jié)構(gòu)分析 80
2． 樣式分析 80
3． 制作頁面結(jié)構(gòu) 80
4． 定義CSS樣式 80
4．2 【案例8】用戶中心 81
案例描述 81
知識引入 81
1． 內(nèi)邊距屬性 81
2． 外邊距屬性 83
3． 盒子的寬與高 84
案例實(shí)現(xiàn) 85
1． 結(jié)構(gòu)分析 85
2． 樣式分析 85
3． 制作頁面結(jié)構(gòu) 85
4． 定義CSS樣式 85
4．3 【案例9】咖啡店banner 86
案例描述 86
知識引入 87
1． 設(shè)置背景顏色 87
2． 設(shè)置背景圖像 87
3． 設(shè)置背景圖像平鋪 88
4． 設(shè)置背景圖像的位置 88
5． 設(shè)置背景圖像固定 90
6． 綜合設(shè)置元素的背景 90
案例實(shí)現(xiàn) 91
1． 結(jié)構(gòu)分析 91
2． 樣式分析 91
3． 制作頁面結(jié)構(gòu) 91
4． 定義CSS樣式 91
4．4 【案例10】圖標(biāo)導(dǎo)航欄 92
案例描述 92
知識引入 92
1． 元素類型 92
2． 標(biāo)簽 94
3． 元素類型的轉(zhuǎn)換 95
案例實(shí)現(xiàn) 96
1． 結(jié)構(gòu)分析 96
2． 樣式分析 96
3． 制作頁面結(jié)構(gòu) 96
4． 定義CSS樣式 97
4．5 【案例11】創(chuàng)意畫框 98
案例描述 98
知識引入 98
1． 顏色透明度 98
2． 圖片邊框 99
3． 陰影 100
4． 漸變 101
案例實(shí)現(xiàn) 106
1． 結(jié)構(gòu)分析 106
2． 樣式分析 106
3． 制作頁面結(jié)構(gòu) 106
4． 定義CSS樣式 107
4．6 【案例12】拼圖效果 108
案例描述 108
知識引入 108
1． 圓角 108
2． 多背景圖像 111
案例實(shí)現(xiàn) 111
1． 結(jié)構(gòu)分析 111
2． 樣式分析 112
3． 制作頁面結(jié)構(gòu) 112
4． 定義CSS樣式 112
4．7 動(dòng)手實(shí)踐 113
第5章 為網(wǎng)頁添加列表和超鏈接 114
5．1 【案例13】精美電商懸浮框 114
案例描述 114
知識引入 114
1． 無序列表 114
2． 有序列表 115
案例實(shí)現(xiàn) 117
1． 結(jié)構(gòu)分析 117
2． 樣式分析 117
3． 制作頁面結(jié)構(gòu) 117
4． 定義CSS樣式 118
5．2 【案例14】二維碼名片 119
案例描述 119
知識引入 119
1． 定義列表 119
2． 定義列表實(shí)現(xiàn)圖文混排 120
3． 列表嵌套的應(yīng)用 121
案例實(shí)現(xiàn) 122
1． 結(jié)構(gòu)分析 122
2． 樣式分析 122
3． 制作頁面結(jié)構(gòu) 123
4． 定義CSS樣式 123
5．3 【案例15】電商團(tuán)購懸浮框 124
案例描述 124
知識引入 125
1． list-style-type屬性 125
2． list-style-image屬性 126
3． list-style-position屬性 127
4． list-style屬性 127
5． 背景圖像定義列表項(xiàng)目符號 128
案例實(shí)現(xiàn) 129
1． 結(jié)構(gòu)分析 129
2． 樣式分析 129
3． 制作頁面結(jié)構(gòu) 129
4． 定義CSS樣式 130
5．4 【案例16】唱吧導(dǎo)航欄 131
案例描述 131
知識引入 131
1． 創(chuàng)建超鏈接 131
2． 錨點(diǎn)鏈接 133
3． 鏈接偽類控制超鏈接 134
案例實(shí)現(xiàn) 136
1． 結(jié)構(gòu)分析 136
2． 樣式分析 136
3． 制作頁面結(jié)構(gòu) 136
4． 定義CSS樣式 138
5．5 動(dòng)手實(shí)踐 139
第6章 為網(wǎng)頁添加表格和表單 141
6．1 【案例17】簡歷表 141
案例描述 141
知識引入 141
1． 創(chuàng)建表格 141
2．
標(biāo)簽的屬性 1433． 標(biāo)簽的屬性 1474． 標(biāo)簽的屬性 148
5． 標(biāo)簽及其屬性 150
6． 表格的結(jié)構(gòu) 151
7． CSS控制表格樣式 152
案例實(shí)現(xiàn) 156
1． 結(jié)構(gòu)分析 156
2． 樣式分析 157
3． 制作頁面結(jié)構(gòu) 157
4． 定義CSS樣式 158
6．2 【案例18】用戶登錄界面 159
案例描述 159
知識引入 159
1． 認(rèn)識表單 159
2． 創(chuàng)建表單 159
案例實(shí)現(xiàn) 161
1． 結(jié)構(gòu)分析 161
2． 樣式分析 161
3． 制作頁面結(jié)構(gòu) 161
4． 定義CSS樣式 162
6．3 【案例19】趣味選擇題 163
案例描述 163
知識引入 164
input控件 164
案例實(shí)現(xiàn) 167
1． 結(jié)構(gòu)分析 167
2． 樣式分析 167
3． 制作頁面結(jié)構(gòu) 167
4． 定義CSS樣式 168
6．4 【案例20】空間日志 169
案例描述 169
知識引入 170
1． textarea控件 170
2． select控件 171
案例實(shí)現(xiàn) 174
1． 結(jié)構(gòu)分析 174
2． 樣式分析 175
3． 制作頁面結(jié)構(gòu) 175
4． 定義CSS樣式 175
6．5 【案例21】員工檔案 177
案例描述 177
知識引入 178
CSS控制表單樣式 178
案例實(shí)現(xiàn) 180
1． 結(jié)構(gòu)分析 180
2． 樣式分析 180
3． 制作頁面結(jié)構(gòu) 181
4． 定義CSS樣式 181
6．6 動(dòng)手實(shí)踐 183
第7章 運(yùn)用浮動(dòng)和定位布局 184
7．1 【案例22】世界杯夢幻陣容 184
案例描述 184
知識引入 185
認(rèn)識浮動(dòng) 185
案例實(shí)現(xiàn) 187
1． 結(jié)構(gòu)分析 187
2． 樣式分析 187
3． 制作頁面結(jié)構(gòu) 187
4． 定義CSS樣式 189
7．2 【案例23】商品專欄 189
案例描述 189
知識引入 190
清除浮動(dòng) 190
案例實(shí)現(xiàn) 194
1． 結(jié)構(gòu)分析 194
2． 樣式分析 194
3． 制作頁面結(jié)構(gòu) 194
4． 定義CSS樣式 195
7．3 【案例24】移動(dòng)端電商界面 196
案例描述 196
知識引入 196
overflow屬性 196
案例實(shí)現(xiàn) 199
1． 結(jié)構(gòu)分析 199
2． 樣式分析 199
3． 制作頁面結(jié)構(gòu) 199
4． 定義CSS樣式 200
7．4 【案例25】違停查詢 201
案例描述 201
知識引入 201
1． 認(rèn)識定位屬性 201
2． 定位類型 202
3． z-index層疊等級屬性 206
案例實(shí)現(xiàn) 206
1． 結(jié)構(gòu)分析 206
2． 樣式分析 206
3． 制作頁面結(jié)構(gòu) 207
4． 定義CSS樣式 207
7．5 【案例26】網(wǎng)頁布局 209
案例描述 209
知識引入 210
1． 認(rèn)識布局 210
2． 單列布局 211
3． 兩列布局 213
4． 三列布局 214
5． 網(wǎng)頁模塊命名規(guī)范 217
案例實(shí)現(xiàn) 218
1． 結(jié)構(gòu)分析 218
2． 樣式分析 218
3． 制作頁面結(jié)構(gòu) 218
4． 定義CSS樣式 219
7．6 動(dòng)手實(shí)踐 220
第8章 全新的網(wǎng)頁視聽技術(shù) 221
8．1 【案例27】電影播放界面 221
案例描述 221
知識引入 222
1． 音頻和視頻嵌入技術(shù)概述 222
2． 嵌入視頻 223
3． 嵌入音頻 225
4． 瀏覽器對音頻、視頻文件的
兼容性 225
5． 控制視頻寬和高 226
案例實(shí)現(xiàn) 228
1． 結(jié)構(gòu)分析 228
2． 樣式分析 228
3． 制作頁面結(jié)構(gòu) 229
4． 定義CSS樣式 229
8．2 【案例28】導(dǎo)航欄懸浮特效 231
案例描述 231
知識引入 231
1． transition-property屬性 231
2． transition-duration屬性 232
3． transition-timing-function屬性 233
4． transition-delay屬性 234
5． transition屬性 234
案例實(shí)現(xiàn) 234
1． 結(jié)構(gòu)分析 234
2． 樣式分析 235
3． 制作頁面結(jié)構(gòu) 235
4． 定義CSS樣式 235
8．3 【案例29】翻牌動(dòng)畫 236
案例描述 236
知識引入 237
1． 2D變形 237
2． 3D變形 242
案例實(shí)現(xiàn) 245
1． 結(jié)構(gòu)分析 245
2． 樣式分析 245
3． 制作頁面結(jié)構(gòu) 246
4． 定義CSS樣式 246
8．4 【案例30】寶石旋轉(zhuǎn) 247
案例描述 247
知識引入 247
1． @keyframes規(guī)則 247
2． animation-name屬性 248
3． animation-duration屬性 248
4． animation-timing-function屬性 249
5． animation-delay屬性 250
6． animation-iteration-count屬性 250
7． animation-direction屬性 250
8． animation屬性 251
案例實(shí)現(xiàn) 251
1． 結(jié)構(gòu)分析 251
2． 樣式分析 251
3． 制作頁面結(jié)構(gòu) 252
4． 定義CSS樣式 252
8．5 動(dòng)手實(shí)踐 254
第9章 簡單的JavaScript 255
9．1 【案例31】身份驗(yàn)證 255
案例描述 255
知識引入 256
1． 認(rèn)識JavaScript 256
2． JavaScript的語法規(guī)則 258
3． 關(guān)鍵字 258
4． JavaScript的引入方式 259
5． alert()方法 260
6． prompt()方法 260
案例實(shí)現(xiàn) 261
1． 案例分析 261
2． 案例實(shí)現(xiàn) 261
9．2 【案例32】商城下拉菜單 261
案例描述 261
知識引入 262
1． DOM簡介 262
2． 對象 262
3． 訪問節(jié)點(diǎn) 263
4． 設(shè)置節(jié)點(diǎn)樣式 263
5． 變量 264
6． 函數(shù) 265
7． 事件和事件調(diào)用 267
8． 常用的JavaScript事件 268
案例實(shí)現(xiàn) 269
1． 結(jié)構(gòu)分析 269
2． 樣式分析 269
3． JavaScript效果分析 269
4． 制作頁面結(jié)構(gòu) 269
5． 定義CSS樣式 270
6． 添加JavaScript特效 271
9．3 【案例33】限時(shí)秒殺 271
案例描述 271
知識引入 271
1． 數(shù)據(jù)類型 271
2． 運(yùn)算符 273
3． 運(yùn)算符優(yōu)先級 277
4． 條件語句 279
5． BOM簡介 283
6． Date對象 287
7． 數(shù)據(jù)類型轉(zhuǎn)換 288
案例實(shí)現(xiàn) 289
1． 結(jié)構(gòu)分析 289
2． 樣式分析 289
3． JavaScript效果分析 289
4． 制作頁面結(jié)構(gòu) 289
5． 定義CSS樣式 290
6． 添加JavaScript效果 291
9．4 【案例34】Tab欄切換效果 292
案例描述 292
知識引入 292
1． 循環(huán)控制語句 292
2． 跳轉(zhuǎn)語句 295
3． 數(shù)組 296
案例實(shí)現(xiàn) 297
1． 結(jié)構(gòu)分析 297
2． 樣式分析 298
3． JavaScript效果分析 298
4． 制作頁面結(jié)構(gòu) 298
5． 定義CSS樣式 299
6． 添加JavaScript效果 300
9．5 動(dòng)手實(shí)踐 301
第 10章 實(shí)戰(zhàn)開發(fā)—好趣藝術(shù)
設(shè)計(jì)部落首頁面 302
10．1 準(zhǔn)備工作 303
1． 建立站點(diǎn) 303
2． 站點(diǎn)初始化設(shè)置 303
3． 切片 304
4． 效果圖分析 306
5． 頁面布局 307
6． 定義公共樣式 308
10．2 首頁面詳細(xì)制作 308
1． 制作頭部和導(dǎo)航 308
2． banner和通知公告 308
3． 主體內(nèi)容區(qū)域 308
4． 底部版權(quán)區(qū)域 309
10．3 動(dòng)手實(shí)踐 309
1．1 網(wǎng)頁概述 1
1．1．1 網(wǎng)頁的組成 1
1．1．2 網(wǎng)頁名詞解釋 2
1．1．3 Web標(biāo)準(zhǔn) 4
1．2 網(wǎng)頁制作技術(shù)入門 5
1．2．1 HTML 5
1．2．2 CSS 6
1．2．3 JavaScript 6
1．2．4 網(wǎng)頁的展示平臺——瀏覽器 7
1．3 Dreamweaver工具的使用 9
1．3．1 認(rèn)識Dreamweaver界面 10
1．3．2 Dreamweaver初始化設(shè)置 14
1．3．3 Dreamweaver基本操作 16
1．4 創(chuàng)建網(wǎng)頁 17
1．5 動(dòng)手實(shí)踐 19
第 2章 從零開始構(gòu)建HTML頁面 20
2．1 【案例1】簡單的網(wǎng)頁 20
案例描述 20
知識引入 20
1． HTML文檔基本格式 20
2． 標(biāo)簽的分類 21
3． 標(biāo)簽的關(guān)系 22
4． 頁面格式化標(biāo)簽 23
案例實(shí)現(xiàn) 26
1． 分析效果圖 26
2． 制作頁面結(jié)構(gòu) 26
3． 設(shè)置標(biāo)題居中 27
2．2 【案例2】新聞頁面 27
案例描述 27
知識引入 27
1． 標(biāo)簽的屬性 27
2． HTML文檔頭部相關(guān)標(biāo)簽 28
3． 文本樣式標(biāo)簽 29
4． 文本格式化標(biāo)簽 30
案例實(shí)現(xiàn) 30
1． 結(jié)構(gòu)分析 30
2． 樣式分析 31
3． 制作頁面結(jié)構(gòu) 31
4． 控制文本 31
2．3 【案例3】圖文混排 32
案例描述 32
知識引入 32
1． 常見圖像格式 32
2． 圖像標(biāo)簽33
3． 相對路徑和絕對路徑 36
4． 特殊字符標(biāo)簽 37
案例實(shí)現(xiàn) 37
1． 分析效果圖 37
2． 制作頁面結(jié)構(gòu) 38
3． 控制圖像 38
4． 控制文本 39
2．4 動(dòng)手實(shí)踐 40
第3章 使用CSS技術(shù)美化網(wǎng)頁 41
3．1 【案例4】文字Logo 41
案例描述 41
知識引入 41
1． 認(rèn)識CSS 41
2． CSS樣式規(guī)則 42
3． 引入CSS樣式表 43
4． CSS基礎(chǔ)選擇器 47
案例實(shí)現(xiàn) 49
1． 分析效果圖 49
2． 制作頁面結(jié)構(gòu) 50
3． 定義CSS樣式 50
3．2 【案例5】美食專題欄目 50
案例描述 50
知識引入 51
1． CSS字體樣式屬性 51
2． CSS文本外觀屬性 54
案例實(shí)現(xiàn) 61
1． 結(jié)構(gòu)分析 61
2． 樣式分析 61
3． 制作頁面結(jié)構(gòu) 62
4． 定義CSS樣式 62
3．3 【案例6】搜索頁面 63
案例描述 63
知識引入 64
1． CSS復(fù)合選擇器 64
2． CSS層疊性和繼承性 66
3． CSS優(yōu)先級 67
案例實(shí)現(xiàn) 69
1． 結(jié)構(gòu)分析 69
2． 樣式分析 70
3． 制作頁面結(jié)構(gòu) 70
4． 定義CSS樣式 70
3．4 動(dòng)手實(shí)踐 71
第4章 運(yùn)用盒子模型劃分網(wǎng)頁模塊 72
4．1 【案例7】音樂盒 72
案例描述 72
知識引入 72
1． 認(rèn)識盒子模型 72
2． 標(biāo)簽 73
3． 邊框?qū)傩浴?4
案例實(shí)現(xiàn) 80
1． 結(jié)構(gòu)分析 80
2． 樣式分析 80
3． 制作頁面結(jié)構(gòu) 80
4． 定義CSS樣式 80
4．2 【案例8】用戶中心 81
案例描述 81
知識引入 81
1． 內(nèi)邊距屬性 81
2． 外邊距屬性 83
3． 盒子的寬與高 84
案例實(shí)現(xiàn) 85
1． 結(jié)構(gòu)分析 85
2． 樣式分析 85
3． 制作頁面結(jié)構(gòu) 85
4． 定義CSS樣式 85
4．3 【案例9】咖啡店banner 86
案例描述 86
知識引入 87
1． 設(shè)置背景顏色 87
2． 設(shè)置背景圖像 87
3． 設(shè)置背景圖像平鋪 88
4． 設(shè)置背景圖像的位置 88
5． 設(shè)置背景圖像固定 90
6． 綜合設(shè)置元素的背景 90
案例實(shí)現(xiàn) 91
1． 結(jié)構(gòu)分析 91
2． 樣式分析 91
3． 制作頁面結(jié)構(gòu) 91
4． 定義CSS樣式 91
4．4 【案例10】圖標(biāo)導(dǎo)航欄 92
案例描述 92
知識引入 92
1． 元素類型 92
2． 標(biāo)簽 94
3． 元素類型的轉(zhuǎn)換 95
案例實(shí)現(xiàn) 96
1． 結(jié)構(gòu)分析 96
2． 樣式分析 96
3． 制作頁面結(jié)構(gòu) 96
4． 定義CSS樣式 97
4．5 【案例11】創(chuàng)意畫框 98
案例描述 98
知識引入 98
1． 顏色透明度 98
2． 圖片邊框 99
3． 陰影 100
4． 漸變 101
案例實(shí)現(xiàn) 106
1． 結(jié)構(gòu)分析 106
2． 樣式分析 106
3． 制作頁面結(jié)構(gòu) 106
4． 定義CSS樣式 107
4．6 【案例12】拼圖效果 108
案例描述 108
知識引入 108
1． 圓角 108
2． 多背景圖像 111
案例實(shí)現(xiàn) 111
1． 結(jié)構(gòu)分析 111
2． 樣式分析 112
3． 制作頁面結(jié)構(gòu) 112
4． 定義CSS樣式 112
4．7 動(dòng)手實(shí)踐 113
第5章 為網(wǎng)頁添加列表和超鏈接 114
5．1 【案例13】精美電商懸浮框 114
案例描述 114
知識引入 114
1． 無序列表 114
2． 有序列表 115
案例實(shí)現(xiàn) 117
1． 結(jié)構(gòu)分析 117
2． 樣式分析 117
3． 制作頁面結(jié)構(gòu) 117
4． 定義CSS樣式 118
5．2 【案例14】二維碼名片 119
案例描述 119
知識引入 119
1． 定義列表 119
2． 定義列表實(shí)現(xiàn)圖文混排 120
3． 列表嵌套的應(yīng)用 121
案例實(shí)現(xiàn) 122
1． 結(jié)構(gòu)分析 122
2． 樣式分析 122
3． 制作頁面結(jié)構(gòu) 123
4． 定義CSS樣式 123
5．3 【案例15】電商團(tuán)購懸浮框 124
案例描述 124
知識引入 125
1． list-style-type屬性 125
2． list-style-image屬性 126
3． list-style-position屬性 127
4． list-style屬性 127
5． 背景圖像定義列表項(xiàng)目符號 128
案例實(shí)現(xiàn) 129
1． 結(jié)構(gòu)分析 129
2． 樣式分析 129
3． 制作頁面結(jié)構(gòu) 129
4． 定義CSS樣式 130
5．4 【案例16】唱吧導(dǎo)航欄 131
案例描述 131
知識引入 131
1． 創(chuàng)建超鏈接 131
2． 錨點(diǎn)鏈接 133
3． 鏈接偽類控制超鏈接 134
案例實(shí)現(xiàn) 136
1． 結(jié)構(gòu)分析 136
2． 樣式分析 136
3． 制作頁面結(jié)構(gòu) 136
4． 定義CSS樣式 138
5．5 動(dòng)手實(shí)踐 139
第6章 為網(wǎng)頁添加表格和表單 141
6．1 【案例17】簡歷表 141
案例描述 141
知識引入 141
1． 創(chuàng)建表格 141
2．
標(biāo)簽的屬性 1433． 標(biāo)簽的屬性 1474． 標(biāo)簽的屬性 148
5． 標(biāo)簽及其屬性 150
6． 表格的結(jié)構(gòu) 151
7． CSS控制表格樣式 152
案例實(shí)現(xiàn) 156
1． 結(jié)構(gòu)分析 156
2． 樣式分析 157
3． 制作頁面結(jié)構(gòu) 157
4． 定義CSS樣式 158
6．2 【案例18】用戶登錄界面 159
案例描述 159
知識引入 159
1． 認(rèn)識表單 159
2． 創(chuàng)建表單 159
案例實(shí)現(xiàn) 161
1． 結(jié)構(gòu)分析 161
2． 樣式分析 161
3． 制作頁面結(jié)構(gòu) 161
4． 定義CSS樣式 162
6．3 【案例19】趣味選擇題 163
案例描述 163
知識引入 164
input控件 164
案例實(shí)現(xiàn) 167
1． 結(jié)構(gòu)分析 167
2． 樣式分析 167
3． 制作頁面結(jié)構(gòu) 167
4． 定義CSS樣式 168
6．4 【案例20】空間日志 169
案例描述 169
知識引入 170
1． textarea控件 170
2． select控件 171
案例實(shí)現(xiàn) 174
1． 結(jié)構(gòu)分析 174
2． 樣式分析 175
3． 制作頁面結(jié)構(gòu) 175
4． 定義CSS樣式 175
6．5 【案例21】員工檔案 177
案例描述 177
知識引入 178
CSS控制表單樣式 178
案例實(shí)現(xiàn) 180
1． 結(jié)構(gòu)分析 180
2． 樣式分析 180
3． 制作頁面結(jié)構(gòu) 181
4． 定義CSS樣式 181
6．6 動(dòng)手實(shí)踐 183
第7章 運(yùn)用浮動(dòng)和定位布局 184
7．1 【案例22】世界杯夢幻陣容 184
案例描述 184
知識引入 185
認(rèn)識浮動(dòng) 185
案例實(shí)現(xiàn) 187
1． 結(jié)構(gòu)分析 187
2． 樣式分析 187
3． 制作頁面結(jié)構(gòu) 187
4． 定義CSS樣式 189
7．2 【案例23】商品專欄 189
案例描述 189
知識引入 190
清除浮動(dòng) 190
案例實(shí)現(xiàn) 194
1． 結(jié)構(gòu)分析 194
2． 樣式分析 194
3． 制作頁面結(jié)構(gòu) 194
4． 定義CSS樣式 195
7．3 【案例24】移動(dòng)端電商界面 196
案例描述 196
知識引入 196
overflow屬性 196
案例實(shí)現(xiàn) 199
1． 結(jié)構(gòu)分析 199
2． 樣式分析 199
3． 制作頁面結(jié)構(gòu) 199
4． 定義CSS樣式 200
7．4 【案例25】違停查詢 201
案例描述 201
知識引入 201
1． 認(rèn)識定位屬性 201
2． 定位類型 202
3． z-index層疊等級屬性 206
案例實(shí)現(xiàn) 206
1． 結(jié)構(gòu)分析 206
2． 樣式分析 206
3． 制作頁面結(jié)構(gòu) 207
4． 定義CSS樣式 207
7．5 【案例26】網(wǎng)頁布局 209
案例描述 209
知識引入 210
1． 認(rèn)識布局 210
2． 單列布局 211
3． 兩列布局 213
4． 三列布局 214
5． 網(wǎng)頁模塊命名規(guī)范 217
案例實(shí)現(xiàn) 218
1． 結(jié)構(gòu)分析 218
2． 樣式分析 218
3． 制作頁面結(jié)構(gòu) 218
4． 定義CSS樣式 219
7．6 動(dòng)手實(shí)踐 220
第8章 全新的網(wǎng)頁視聽技術(shù) 221
8．1 【案例27】電影播放界面 221
案例描述 221
知識引入 222
1． 音頻和視頻嵌入技術(shù)概述 222
2． 嵌入視頻 223
3． 嵌入音頻 225
4． 瀏覽器對音頻、視頻文件的
兼容性 225
5． 控制視頻寬和高 226
案例實(shí)現(xiàn) 228
1． 結(jié)構(gòu)分析 228
2． 樣式分析 228
3． 制作頁面結(jié)構(gòu) 229
4． 定義CSS樣式 229
8．2 【案例28】導(dǎo)航欄懸浮特效 231
案例描述 231
知識引入 231
1． transition-property屬性 231
2． transition-duration屬性 232
3． transition-timing-function屬性 233
4． transition-delay屬性 234
5． transition屬性 234
案例實(shí)現(xiàn) 234
1． 結(jié)構(gòu)分析 234
2． 樣式分析 235
3． 制作頁面結(jié)構(gòu) 235
4． 定義CSS樣式 235
8．3 【案例29】翻牌動(dòng)畫 236
案例描述 236
知識引入 237
1． 2D變形 237
2． 3D變形 242
案例實(shí)現(xiàn) 245
1． 結(jié)構(gòu)分析 245
2． 樣式分析 245
3． 制作頁面結(jié)構(gòu) 246
4． 定義CSS樣式 246
8．4 【案例30】寶石旋轉(zhuǎn) 247
案例描述 247
知識引入 247
1． @keyframes規(guī)則 247
2． animation-name屬性 248
3． animation-duration屬性 248
4． animation-timing-function屬性 249
5． animation-delay屬性 250
6． animation-iteration-count屬性 250
7． animation-direction屬性 250
8． animation屬性 251
案例實(shí)現(xiàn) 251
1． 結(jié)構(gòu)分析 251
2． 樣式分析 251
3． 制作頁面結(jié)構(gòu) 252
4． 定義CSS樣式 252
8．5 動(dòng)手實(shí)踐 254
第9章 簡單的JavaScript 255
9．1 【案例31】身份驗(yàn)證 255
案例描述 255
知識引入 256
1． 認(rèn)識JavaScript 256
2． JavaScript的語法規(guī)則 258
3． 關(guān)鍵字 258
4． JavaScript的引入方式 259
5． alert()方法 260
6． prompt()方法 260
案例實(shí)現(xiàn) 261
1． 案例分析 261
2． 案例實(shí)現(xiàn) 261
9．2 【案例32】商城下拉菜單 261
案例描述 261
知識引入 262
1． DOM簡介 262
2． 對象 262
3． 訪問節(jié)點(diǎn) 263
4． 設(shè)置節(jié)點(diǎn)樣式 263
5． 變量 264
6． 函數(shù) 265
7． 事件和事件調(diào)用 267
8． 常用的JavaScript事件 268
案例實(shí)現(xiàn) 269
1． 結(jié)構(gòu)分析 269
2． 樣式分析 269
3． JavaScript效果分析 269
4． 制作頁面結(jié)構(gòu) 269
5． 定義CSS樣式 270
6． 添加JavaScript特效 271
9．3 【案例33】限時(shí)秒殺 271
案例描述 271
知識引入 271
1． 數(shù)據(jù)類型 271
2． 運(yùn)算符 273
3． 運(yùn)算符優(yōu)先級 277
4． 條件語句 279
5． BOM簡介 283
6． Date對象 287
7． 數(shù)據(jù)類型轉(zhuǎn)換 288
案例實(shí)現(xiàn) 289
1． 結(jié)構(gòu)分析 289
2． 樣式分析 289
3． JavaScript效果分析 289
4． 制作頁面結(jié)構(gòu) 289
5． 定義CSS樣式 290
6． 添加JavaScript效果 291
9．4 【案例34】Tab欄切換效果 292
案例描述 292
知識引入 292
1． 循環(huán)控制語句 292
2． 跳轉(zhuǎn)語句 295
3． 數(shù)組 296
案例實(shí)現(xiàn) 297
1． 結(jié)構(gòu)分析 297
2． 樣式分析 298
3． JavaScript效果分析 298
4． 制作頁面結(jié)構(gòu) 298
5． 定義CSS樣式 299
6． 添加JavaScript效果 300
9．5 動(dòng)手實(shí)踐 301
第 10章 實(shí)戰(zhàn)開發(fā)—好趣藝術(shù)
設(shè)計(jì)部落首頁面 302
10．1 準(zhǔn)備工作 303
1． 建立站點(diǎn) 303
2． 站點(diǎn)初始化設(shè)置 303
3． 切片 304
4． 效果圖分析 306
5． 頁面布局 307
6． 定義公共樣式 308
10．2 首頁面詳細(xì)制作 308
1． 制作頭部和導(dǎo)航 308
2． banner和通知公告 308
3． 主體內(nèi)容區(qū)域 308
4． 底部版權(quán)區(qū)域 309
10．3 動(dòng)手實(shí)踐 309
展開全部
HTML+CSS+JavaScript網(wǎng)頁制作案例教程(第2版)/黑馬程序員 作者簡介
黑馬程序員，傳智播客旗下高端IT教育品牌，它是由中國Java培訓(xùn)先行者張孝祥老師發(fā)起，聯(lián)合***大的中文IT社區(qū)CSDN、中關(guān)村軟件園共同創(chuàng)辦的一家專業(yè)教育機(jī)構(gòu)。辦學(xué)至今，我們一直堅(jiān)守著“為千萬人少走彎路而著書，為中華軟件之崛起而講課”的辦學(xué)理念，堅(jiān)持培養(yǎng)優(yōu)秀軟件應(yīng)用工程師的宏偉目標(biāo)，在累計(jì)培養(yǎng)的十萬余名學(xué)員中，其中90%的學(xué)員均已在北、上、廣等一線城市高薪就業(yè)。
書友推薦
- >
苦雨齋序跋文-周作人自編集
- >
唐代進(jìn)士錄
- >
小考拉的故事-套裝共3冊
- >
經(jīng)典常談
- >
新文學(xué)天穹兩巨星--魯迅與胡適/紅燭學(xué)術(shù)叢書(紅燭學(xué)術(shù)叢書)
- >
山海經(jīng)
- >
李白與唐代文化
- >
我與地壇
本類暢銷
