HTML 5+CSS+JavaScript網(wǎng)頁設(shè)計制作教程 版權(quán)信息
- ISBN:9787302664246
- 條形碼:9787302664246 ; 978-7-302-66424-6
- 裝幀:一般膠版紙
- 冊數(shù):暫無
- 重量:暫無
- 所屬分類:>
HTML 5+CSS+JavaScript網(wǎng)頁設(shè)計制作教程 本書特色
《HTML5 CSS JavaScript網(wǎng)頁設(shè)計制作教程》是一本網(wǎng)站前端設(shè)計案例實戰(zhàn)類圖書,以作者實際參與的項目作為實踐講解,由淺入深地介紹了如何將*初的想法變成精美的網(wǎng)頁,即使是初學(xué)者也可以通過這種過程訓(xùn)練,能夠輕松使用Web標(biāo)準(zhǔn)進(jìn)行網(wǎng)頁設(shè)計制作的各方面知識:利用HTML標(biāo)記元素描述網(wǎng)頁的內(nèi)容結(jié)構(gòu);CSS DIV描述網(wǎng)頁的排版布局;Javascript描述網(wǎng)頁的特效和交互處理。以循序漸進(jìn)的方式講述了網(wǎng)站前端開發(fā)所需要的技術(shù),內(nèi)容豐富、結(jié)構(gòu)清晰。知識點實例練習(xí)是以知名網(wǎng)站的典型部分作為案例,實戰(zhàn)部分是筆者實際參與的項目作為案例,使書中內(nèi)容的選取更有說服力,增強(qiáng)了內(nèi)容的實用性。
HTML 5+CSS+JavaScript網(wǎng)頁設(shè)計制作教程 內(nèi)容簡介
本書深入探討HTML 5、CSS 3和JavaScript網(wǎng)站前端開發(fā)的核心技術(shù),全書采用理論知識與實際案例相結(jié)合的教學(xué)方式,系統(tǒng)地介紹了這三項技術(shù)的相關(guān)知識和具體應(yīng)用方法。本書共分為10章,主要內(nèi)容包括HTML 5網(wǎng)頁設(shè)計的文檔結(jié)構(gòu)、常用標(biāo)記、表單的使用及HTML 5新增的標(biāo)記和屬性、CSS在網(wǎng)頁中的應(yīng)用方法、CSS 3新增的功能,以及JavaScript語言基礎(chǔ)、內(nèi)置對象、對象編程、JavaScript操作HTML 5和CSS實現(xiàn)網(wǎng)頁設(shè)計的方法和技巧。
本書特別注重實際操作,旨在幫助學(xué)生不僅理解理論知識,還能夠通過實際練習(xí)掌握技能。為方便學(xué)習(xí),本書配套素材、源代碼、習(xí)題答案,讀者可掃描前言末尾左側(cè)二維碼下載;針對教師,本書另贈PPT課件等資源,教師可掃描前言末尾右側(cè)二維碼獲取。本書適合作為普通高等院校計算機(jī)相關(guān)專業(yè)Web前端網(wǎng)站開發(fā)課程的教材,也可為從事網(wǎng)站設(shè)計開發(fā)的從業(yè)人員提供實用的技術(shù)參考。
HTML 5+CSS+JavaScript網(wǎng)頁設(shè)計制作教程 目錄
第1章 網(wǎng)站前端設(shè)計基礎(chǔ) 1
1.1 Web基礎(chǔ) 2
1.1.1 Web的基本概念 2
1.1.2 了解“Web標(biāo)準(zhǔn)” 2
1.1.3 靜態(tài)網(wǎng)頁 3
1.1.4 動態(tài)網(wǎng)頁 4
1.2 網(wǎng)站開發(fā) 4
1.2.1 網(wǎng)站開發(fā)的基本流程 4
1.2.2 網(wǎng)站開發(fā)的人才需求 5
1.2.3 網(wǎng)站開發(fā)的主要技術(shù) 5
1.3 Web前端開發(fā)所需技能 6
1.3.1 Web前端工程師的工作內(nèi)容 6
1.3.2 Web前端工程師需要掌握的
技術(shù) 6
1.4 網(wǎng)站開發(fā)工具介紹 7
1.4.1 原型設(shè)計工具 8
1.4.2 技術(shù)開發(fā)工具 8
1.4.3 Web調(diào)試工具 9
1.4.4 代碼托管工具 9
本章小結(jié) 10
自測題 10
第2章 HTML 5基礎(chǔ) 11
2.1 HTML概述 12
2.1.1 了解HTML 12
2.1.2 HTML元素 13
2.2 初識HTML 5 14
2.2.1 HTML 5的新功能 14
2.2.2 HTML 5的廢棄標(biāo)記 15
2.2.3 HTML 5的新增標(biāo)記 16
2.2.4 HTML 5的新增屬性 16
2.3 HTML 5的結(jié)構(gòu) 17
2.3.1 HTML 5的基本結(jié)構(gòu) 17
2.3.2 編寫**個符合W3C標(biāo)準(zhǔn)的HTML 5網(wǎng)頁 18
2.4 HTML 5文檔的常用標(biāo)記 20
2.4.1 文本段落的相關(guān)標(biāo)記 20
2.4.2 圖像標(biāo)記 21
2.4.3 超鏈接 21
2.4.4 列表 23
2.4.5 表格 25
2.4.6 HTML 5的音頻和視頻 27
2.5 HTML 5的表單元素 29
2.5.1 創(chuàng)建表單 29
2.5.2 輸入控件的類型 30
2.5.3 列表框 36
2.5.4 多行文本輸入框 37
2.5.5 表單控件綜合示例 37
2.6 HTML 5語義化結(jié)構(gòu)性元素 38
2.6.1 新增的主體結(jié)構(gòu)元素 39
2.6.2 新增的非主體結(jié)構(gòu)元素 43
2.7 上機(jī)實訓(xùn):使用結(jié)構(gòu)元素進(jìn)行網(wǎng)頁
布局 44
本章小結(jié) 47
自測題 47
第3章 CSS基礎(chǔ) 49
3.1 CSS 3概述 50
3.2 CSS的組成 50
3.2.1 CSS基本語法規(guī)則 50
3.2.2 選擇符的分類 51
3.3 在HTML中使用CSS樣式 57
3.3.1 行內(nèi)樣式 57
3.3.2 內(nèi)部樣式 58
3.3.3 外部樣式 59
3.3.4 CSS的優(yōu)先級 59
3.3.5 常用的CSS 3屬性前綴 60
本章小結(jié) 60
自測題 60
第4章 CSS設(shè)計布局 63
4.1 CSS的盒模型 64
4.1.1 盒模型的結(jié)構(gòu) 64
4.1.2 盒模型的元素類型 65
4.1.3 使用div 67
4.1.4 外邊距、內(nèi)邊距與邊框的CSS
設(shè)置 68
4.1.5 CSS 3對盒模型邊框的完善 72
4.2 網(wǎng)頁元素的定位 76
4.2.1 使用position屬性進(jìn)行定位 76
4.2.2 使用float屬性進(jìn)行浮動定位 78
4.2.3 其他CSS布局定位方式 80
4.3 DIV CSS常用的布局方式 82
4.3.1 單列水平居中布局 82
4.3.2 浮動的布局 84
4.3.3 div嵌套布局 87
4.3.4 CSS 3的多列布局 89
4.4 列表元素布局 91
4.5 上機(jī)實訓(xùn):布局電商網(wǎng)站首頁(制作
盒模型) 92
4.5.1 布局網(wǎng)頁的總體結(jié)構(gòu) 93
4.5.2 頭部區(qū)域的結(jié)構(gòu)分析及布局 93
4.5.3 網(wǎng)頁主體內(nèi)容區(qū)域的設(shè)計 95
4.5.4 頁腳區(qū)域的設(shè)計 97
本章小結(jié) 98
自測題 98
第5章 CSS樣式 101
5.1 CSS 3字體相關(guān)屬性 102
5.1.1 設(shè)置字體屬性 102
5.1.2 設(shè)置字體屬性的綜合示例 103
5.1.3 CSS 3新增的字體屬性 104
5.2 CSS控制文本的樣式 104
5.2.1 文本屬性 104
5.2.2 設(shè)置文本屬性的綜合示例 107
5.2.3 CSS 3新增的文本屬性 108
5.3 使用CSS控制背景 111
5.3.1 背景屬性 111
5.3.2 背景設(shè)置綜合示例 113
5.3.3 CSS 3新增的與背景相關(guān)的
屬性 114
5.4 使用CSS設(shè)置列表樣式 118
5.4.1 CSS列表屬性 118
5.4.2 列表屬性的綜合示例 119
5.5 上機(jī)實訓(xùn) 121
5.5.1 實訓(xùn)1:制作商品信息展示
頁面 121
5.5.2 實訓(xùn)2:使用CSS制作二級
導(dǎo)航下拉菜單 123
本章小結(jié) 126
自測題 126
第6章 JavaScript基礎(chǔ) 127
6.1 JavaScript概述 128
6.1.1 認(rèn)識JavaScript 128
6.1.2 JavaScript的特點和作用 128
6.1.3 在網(wǎng)頁中使用JavaScript 129
6.1.4 JavaScript代碼規(guī)范 131
6.2 變量、數(shù)據(jù)類型 131
6.2.1 變量的聲明和使用 131
6.2.2 JavaScript的基本數(shù)據(jù)類型 133
6.3 表達(dá)式與運算符 136
6.3.1 表達(dá)式 136
6.3.2 運算符 136
6.4 流程控制語句 143
6.4.1 分支結(jié)構(gòu) 143
6.4.2 循環(huán)結(jié)構(gòu) 145
6.5 JavaScript的函數(shù) 149
6.5.1 函數(shù)的定義 149
6.5.2 函數(shù)的調(diào)用 149
6.5.3 使用函數(shù)的返回值 151
6.5.4 函數(shù)的嵌套 152
6.5.5 內(nèi)置函數(shù) 153
6.6 上機(jī)實訓(xùn):制作簡易計算器 154
本章小結(jié) 156
自測題 157
第7章 JavaScript中的對象 159
7.1 JavaScript的常用內(nèi)置對象 160
7.1.1 數(shù)組對象 160
7.1.2 字符串對象 164
7.1.3 日期對象 165
7.1.4 數(shù)學(xué)對象 168
7.2 常用文檔對象 171
7.2.1 文檔對象模型 171
7.2.2 文檔對象的節(jié)點樹 171
7.2.3 文檔對象 178
7.2.4 表單及其控件對象 180
7.2.5 style對象 183
7.3 常用窗口對象 185
7.3.1 屏幕對象 185
7.3.2 窗口對象 186
7.3.3 瀏覽器信息對象 188
7.3.4 網(wǎng)址對象 189
7.3.5 歷史記錄對象 191
7.4 上機(jī)實訓(xùn) 192
7.4.1 實訓(xùn)1:將英文單詞首字母
改成大寫 192
7.4.2 實訓(xùn)2:限制多行文本域輸入
的字符個數(shù) 194
本章小結(jié) 196
自測題 197
第8章 事件處理 201
8.1 認(rèn)識JavaScript事件 202
8.1.1 JavaScript的常用事件 202
8.1.2 調(diào)用事件處理程序的方法 203
8.2 常用事件在網(wǎng)頁中的應(yīng)用 205
8.2.1 鼠標(biāo)事件 205
8.2.2 鍵盤事件 207
8.2.3 表單事件 209
8.2.4 頁面相關(guān)事件 213
8.3 上機(jī)實訓(xùn):使用JavaScript實現(xiàn)廣告
圖像輪播 214
本章小結(jié) 218
自測題 218
第9章 使用JavaScript實現(xiàn)Canvas
功能 221
9.1 創(chuàng)建Canvas元素 222
9.2 繪制基本圖形 222
9.2.1 繪制直線 223
9.2.2 繪制圓形 224
9.2.3 繪制矩形 225
9.2.4 繪制多邊形 226
9.3 圖形的變換 227
9.3.1 保存與恢復(fù)Canvas狀態(tài) 227
9.3.2 移動坐標(biāo)位置 227
9.3.3 縮放圖形 228
9.4 特效應(yīng)用 229
9.5 繪制文本 230
9.6 上機(jī)實訓(xùn):用Canvas繪制時鐘 231
9.6.1 繪制靜態(tài)時鐘 231
9.6.2 制作動態(tài)時鐘 235
本章小結(jié) 236
自測題 236
第10章 購物車的設(shè)計 237
10.1 案例導(dǎo)入 238
10.2 案例分析 238
10.3 操作步驟 239
10.3.1 設(shè)計購物車的HTML
結(jié)構(gòu) 239
10.3.2 購物車的樣式設(shè)計 241
10.3.3 利用JavaScript實現(xiàn)購物車
功能 246
參考文獻(xiàn) 251
展開全部
HTML 5+CSS+JavaScript網(wǎng)頁設(shè)計制作教程 作者簡介
彭進(jìn)香,湖南應(yīng)用技術(shù)學(xué)院信息工程學(xué)院院長,教授,市級優(yōu)秀教師,“十三五”校級首批重點建設(shè)學(xué)科——計算機(jī)應(yīng)用技術(shù)學(xué)科建設(shè)負(fù)責(zé)人。近年來主持和參與省、市級教研、科研項目20多項,指導(dǎo)省大學(xué)生研究性學(xué)習(xí)和創(chuàng)新性實驗計劃項目2項,發(fā)表研究論文20多篇,主編和參編教材6部,專利1項,軟件著作權(quán)2項。對互聯(lián)網(wǎng)企業(yè)從事數(shù)據(jù)挖掘有較深的研究,在大數(shù)據(jù)挖掘、分析及實戰(zhàn)場景應(yīng)用方面具有豐富經(jīng)驗。