HTML+CSS+javascript網(wǎng)頁制作案例教程
定 價(jià)：49.8 元
- 作者：傳智播客高教產(chǎn)品研發(fā)部
- 出版時(shí)間：2015/8/26
- ISBN：9787115296580
- 出 版 社：人民郵電出版社
- 中圖法分類：TP393.092.2
- 頁碼：340
- 紙張：膠版紙
- 版次：1
- 開本：16開
《HTML+CSS+JavaScript網(wǎng)頁制作案例教程》共10 章，講解HTML、CSS 和JavaScript 的基礎(chǔ)知識(shí)及應(yīng)用。第1～3 章主要講解HTML 與CSS 的基礎(chǔ)知識(shí)，包括Web 基本概念、HTML 與CSS簡介、Dreamweaver 工具的使用、HTML 文本與圖像標(biāo)記、CSS 選擇器、CSS 文本樣式屬性、CSS 的繼承性和優(yōu)先級(jí)。第4～7 章分別講解了盒子模型、列表與超鏈接、表單、元素的浮動(dòng)與定位。第8～9 章主要講解JavaScript 編程基礎(chǔ)與事件處理。第10 章為實(shí)訓(xùn)項(xiàng)目，帶領(lǐng)讀者開發(fā)一個(gè)包含結(jié)構(gòu)、樣式和行為的網(wǎng)頁。
《HTML+CSS+javascript網(wǎng)頁制作案例教程》采用“案例驅(qū)動(dòng)式”教學(xué)方法，內(nèi)容包括29個(gè)原創(chuàng)經(jīng)典案例，1個(gè)綜合實(shí)戰(zhàn)項(xiàng)目，10道動(dòng)手實(shí)踐題，并提供豐富的教學(xué)素材，其中包括精美教學(xué)PPT、80個(gè)輔助案例、1208道測試題，長達(dá)26小時(shí)的教學(xué)視頻。
傳智播客成立于2006年，由中國Java培訓(xùn)先行者張孝祥老師發(fā)起，聯(lián)合全球知名中文IT社區(qū)CSDN、中關(guān)村軟件園共同創(chuàng)辦的一家專業(yè)教育機(jī)構(gòu)。辦學(xué)至今，傳智播客已成立8年，在這8年期間，我們一直堅(jiān)守著“為千萬人少走彎路而著書，為中華軟件之崛起而講課”的辦學(xué)理念，堅(jiān)持培養(yǎng)優(yōu)秀軟件應(yīng)用工程師的宏偉目標(biāo)，在累計(jì)培養(yǎng)的十萬余名學(xué)員中，8年期間，我們陸續(xù)開設(shè)了Java、網(wǎng)頁平面、PHP、.Net、iOS、C/C++六個(gè)專業(yè)方向的課程，并且未來將逐漸開設(shè)其他專業(yè)方向的課程。
目 錄 CONTENTS
第1 章 網(wǎng)頁那點(diǎn)事 1
1.1 Web 基本概念 1
1.1.1 認(rèn)識(shí)網(wǎng)頁 1
1.1.2 名詞解釋 3
1.1.3 了解Web 標(biāo)準(zhǔn) 4
1.2 網(wǎng)頁制作入門 5
1.2.1 HTML 簡介 6
1.2.2 CSS 簡介 7
1.2.3 JavaScript 簡介 8
1.2.4 常見瀏覽器介紹 8
1.3 Dreamweaver 工具的使用 10
1.3.1 Dreamweaver 界面介紹 10
1.3.2 Dreamweaver 初始化設(shè)置 14
1.3.3 創(chuàng)建第一個(gè)網(wǎng)頁 17
第2 章 從零開始構(gòu)建HTML 頁面 20
2.1 【案例1】簡單的網(wǎng)頁 20
案例描述 20
知識(shí)引入 20
案例實(shí)現(xiàn) 24
2.2 【案例2】新聞頁面 25
案例描述 25
知識(shí)引入 26
案例實(shí)現(xiàn) 30
2.3 【案例3】圖文混排 32
案例描述 32
知識(shí)引入 32
案例實(shí)現(xiàn) 42
動(dòng)手實(shí)踐 45
第3 章 使用CSS 技術(shù)美化網(wǎng)頁 46
3.1 【案例4】文字Logo 46
案例描述 46
知識(shí)引入 46
案例實(shí)現(xiàn) 55
3.2 【案例5】專題欄目 57
案例描述 57
知識(shí)引入 57
案例實(shí)現(xiàn) 62
3.3 【案例6】搜索頁面 65
案例描述 65
知識(shí)引入 65
案例實(shí)現(xiàn) 73
動(dòng)手實(shí)踐 76
第4 章 CSS 盒子模型 77
4.1 【案例7】音樂盒 77
案例描述 77
知識(shí)引入 78
案例實(shí)現(xiàn) 85
4.2 【案例8】用戶中心 88
案例描述 88
知識(shí)引入 88
案例實(shí)現(xiàn) 92
4.3 【案例9】咖啡店banner 94
案例描述 94
知識(shí)引入 95
案例實(shí)現(xiàn) 100
4.4 【案例10】圖標(biāo)導(dǎo)航欄 102
案例描述 102
知識(shí)引入 102
案例實(shí)現(xiàn) 108
動(dòng)手實(shí)踐 110
2
第5 章 列表與超鏈接 111
5.1 【案例11】精美電商懸浮框 111
案例描述 111
知識(shí)引入 112
案例實(shí)現(xiàn) 114
5.2 【案例12】二維碼名片 116
案例描述 116
知識(shí)引入 116
案例實(shí)現(xiàn) 119
5.3 【案例13】電商團(tuán)購懸浮框 122
案例描述 122
知識(shí)引入 122
案例實(shí)現(xiàn) 123
5.4 【案例14】唱吧導(dǎo)航欄 125
案例描述 125
知識(shí)引入 126
案例實(shí)現(xiàn) 131
動(dòng)手實(shí)踐 136
第6 章 HTML 表單 137
6.1 【案例15】用戶登錄界面 137
案例描述 137
知識(shí)引入 137
案例實(shí)現(xiàn) 140
6.2 【案例16】趣味選擇題 142
案例描述 142
知識(shí)引入 143
案例實(shí)現(xiàn) 147
6.3 【案例17】空間日志 150
案例描述 150
知識(shí)引入 150
案例實(shí)現(xiàn) 156
6.4 【案例18】學(xué)員檔案 160
案例描述 160
知識(shí)引入 161
案例實(shí)現(xiàn) 163
動(dòng)手實(shí)踐 169
第7 章 浮動(dòng)與定位 170
7.1 【案例19】世界杯夢幻陣容 170
案例描述 170
知識(shí)引入 171
案例實(shí)現(xiàn) 174
7.2 【案例20】商品專欄 177
案例描述 177
知識(shí)引入 177
案例實(shí)現(xiàn) 181
7.3 【案例21】移動(dòng)端電商界面 184
案例描述 184
知識(shí)引入 184
案例實(shí)現(xiàn) 186
7.4 【案例22】違停查詢 188
案例描述 188
知識(shí)引入 189
案例實(shí)現(xiàn) 195
動(dòng)手實(shí)踐 199
第8 章 JavaScript 編程基礎(chǔ) 200
8.1 【案例23】動(dòng)態(tài)獲取用戶密碼 200
案例描述 200
知識(shí)引入 200
案例實(shí)現(xiàn) 204
8.2 【案例24】傳智商城下拉菜單 205
案例描述 205
知識(shí)引入 205
案例實(shí)現(xiàn) 219
8.3 【案例25】計(jì)算器 224
案例描述 224
知識(shí)引入 225
案例實(shí)現(xiàn) 240
動(dòng)手實(shí)踐 242
3
目錄
第 9 章 JavaScript 事件處理 243
9.1 【案例26】電商網(wǎng)站限時(shí)秒殺 243
案例描述 243
知識(shí)引入 244
案例實(shí)現(xiàn) 255
9.2 【案例27】Tab 欄切換效果 259
案例描述 259
知識(shí)引入 259
案例實(shí)現(xiàn) 268
9.3 【案例28】臺(tái)球移動(dòng)游戲 274
案例描述 274
知識(shí)引入 274
案例實(shí)現(xiàn) 279
9.4 【案例29】用戶登錄驗(yàn)證 282
案例描述 282
知識(shí)引入 283
案例實(shí)現(xiàn) 286
動(dòng)手實(shí)踐 291
第10 章 實(shí)戰(zhàn)開發(fā)——傳智播客設(shè)計(jì)學(xué)院首頁面 292
10.1 準(zhǔn)備工作 293
10.2 首頁面詳細(xì)制作 301
動(dòng)手實(shí)踐 340
書單推薦
