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