HTML5+CSS3網(wǎng)站設(shè)計(jì)基礎(chǔ)教程
定 價(jià):45 元
叢書(shū)名:工業(yè)和信息化人才培養(yǎng)規(guī)劃教材
- 作者:傳智播客高教產(chǎn)品研發(fā)部
- 出版時(shí)間:2016/3/1
- ISBN:9787115410641
- 出 版 社:人民郵電出版社
- 中圖法分類:TP312
- 頁(yè)碼:341
- 紙張:膠版紙
- 版次:1
- 開(kāi)本:16K
HTML5與CSS3是下一代Web應(yīng)用技術(shù)的基礎(chǔ),使互聯(lián)網(wǎng)進(jìn)入了一個(gè)嶄新的時(shí)代。本書(shū)從HTML5和CSS3的基礎(chǔ)知識(shí)入手,重點(diǎn)講解HTML5和CSS3新增功能和*新前端技術(shù),通過(guò)大量實(shí)例對(duì)HTML5和CSS3進(jìn)行深入淺出的分析,使讀者在學(xué)習(xí)技術(shù)的同時(shí),掌握Web開(kāi)發(fā)和設(shè)計(jì)的精髓,提高綜合應(yīng)用能力。
本書(shū)共10章,第1~2章主要講解HTML5的基礎(chǔ)知識(shí),包括HTML5的發(fā)展歷史、HTML5的優(yōu)勢(shì)及瀏覽器支持情況、HTML5語(yǔ)法及文檔基本格式、HTML5的頁(yè)面元素及屬性等。第3~4章主要講解CSS3入門(mén)及CSS3選擇器,包括CSS3發(fā)展歷史、CSS3瀏覽器支持情況、文本樣式屬性、屬性選擇器、關(guān)系選擇器、偽類選擇器等。第5~7章分別講解盒子模型、元素的浮動(dòng)與定位、表單的應(yīng)用,它們是學(xué)習(xí)網(wǎng)頁(yè)布局的核心。第8章主要講解多媒體技術(shù),包括HTML5多媒體的特性、多媒體的支持條件,以及如何在HTML 5中創(chuàng)建音頻和視頻。第9章講解CSS3的高級(jí)應(yīng)用,包括變形、過(guò)渡和動(dòng)畫(huà)等。第10章為實(shí)訓(xùn)項(xiàng)目,帶領(lǐng)讀者使用HTML5和CSS3等新技術(shù)制作一個(gè)炫麗的網(wǎng)頁(yè)。
本書(shū)附有配套視頻、源代碼、習(xí)題、教學(xué)課件等資源,而且為了幫助初學(xué)者更好地學(xué)習(xí)本書(shū)講解的內(nèi)容,還提供了在線答疑,希望得到更多讀者的關(guān)注。
本書(shū)系統(tǒng)地講解了HTML5和CSS3的基礎(chǔ)理論和實(shí)際應(yīng)用技術(shù),適合沒(méi)有基礎(chǔ)的讀者進(jìn)行學(xué)習(xí)。本書(shū)既可作為高等院校本、專科相關(guān)專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)與制作課程的教材,也可作為前端與移動(dòng)開(kāi)發(fā)的培訓(xùn)教材,對(duì)于廣大網(wǎng)站開(kāi)發(fā)人員來(lái)說(shuō),更是一本不可多得的閱讀與參考的優(yōu)秀讀物。
《HTML5+CSS3網(wǎng)站設(shè)計(jì)基礎(chǔ)教程》是Web前端開(kāi)發(fā)工程師的入門(mén)讀物,本書(shū)配套有PPT、課程設(shè)計(jì)、教學(xué)視頻、課后練習(xí)及答案等學(xué)習(xí)資源,合適初學(xué)者學(xué)習(xí)。
傳智播客成立于2006年,它是由中國(guó)Java培訓(xùn)第一人張孝祥老師發(fā)起,聯(lián)合全球*大的中文IT社區(qū)CSDN、中關(guān)村軟件園共同創(chuàng)辦的一家專業(yè)教育機(jī)構(gòu)。辦學(xué)至今,傳智播客已成立10年,在這10年期間,我們一直堅(jiān)守著“為千萬(wàn)人少走彎路而著書(shū),為中華軟件之崛起而講課”的辦學(xué)理念,堅(jiān)持培養(yǎng)優(yōu)秀軟件應(yīng)用工程師的宏偉目標(biāo),在累計(jì)培養(yǎng)的十萬(wàn)余名學(xué)員中,其中90%的學(xué)員均已在北、上、廣等一線城市高薪就業(yè),特別是“黑馬程序員”的平均就業(yè)薪資已達(dá)到8K以上。為了迎合軟件市場(chǎng)的需求,8年期間,我們陸續(xù)開(kāi)設(shè)了Java、網(wǎng)頁(yè)平面、PHP、.Net、iOS、C/C++六個(gè)專業(yè)方向的課程,并且未來(lái)將逐漸開(kāi)設(shè)其他專業(yè)方向的課程。隨著傳智播客的日益壯大,除了北京總部,我們?cè)谏虾、廣州、武漢、成都、深圳等地也創(chuàng)立了直營(yíng)分支機(jī)構(gòu),傳智播客儼然已成為了國(guó)內(nèi)*具專業(yè)口碑的IT教育機(jī)構(gòu)。
第1章 初識(shí)HTML5 1
1.1 HTML5概述 1
1.1.1 HTML5發(fā)展歷程 1
1.1.2 HTML5的優(yōu)勢(shì) 2
1.1.3 HTML5瀏覽器支持情況 3
1.1.4 創(chuàng)建第一個(gè)HTML5頁(yè)面 4
1.2 HTML5基礎(chǔ) 6
1.2.1 HTML5文檔基本格式 6
1.2.2 HTML5語(yǔ)法 7
1.2.3 HTML標(biāo)記 8
1.2.4 標(biāo)記的屬性 10
1.2.5 HTML5文檔頭部相關(guān)標(biāo)記 12
1.3 文本控制標(biāo)記 15
1.3.1 標(biāo)題和段落標(biāo)記 15
1.3.2 文本格式化標(biāo)記 19
1.3.3 特殊字符標(biāo)記 21
第2章 HTML5頁(yè)面元素及屬性 37
2.1 列表元素 37
2.1.1 ul元素 37
2.1.2 ol元素 38
2.1.3 dl元素 40
2.1.4 列表的嵌套應(yīng)用 41
2.2 結(jié)構(gòu)元素 42
2.2.1 header元素 42
2.2.2 nav元素 43
2.2.3 article元素 44
2.2.4 aside元素 45
2.2.5 section元素 46
2.2.6 footer元素 47
2.3 分組元素 48
2.3.1 figure元素和figcaption元素 48
2.3.2 hgroup元素 49
2.4 頁(yè)面交互元素 51
2.4.1 details元素和summary元素 51
第3章 CSS3入門(mén) 68
3.1 CSS3簡(jiǎn)介 68
3.1.1 CSS概述 68
3.1.2 CSS3發(fā)展歷史 69
3.1.3 CSS3瀏覽器支持情況 70
3.2 CSS核心基礎(chǔ) 71
3.2.1 CSS樣式規(guī)則 71
3.2.2 引入CSS樣式表 72
3.2.3 CSS基礎(chǔ)選擇器 77
3.3 文本樣式屬性 82
3.3.1 字體樣式屬性 82
第4章 CSS3選擇器 106
4.1 屬性選擇器 106
4.1.1 E[att^=value]屬性選擇器 106
4.1.2 E[att$=value]屬性選擇器 108
4.1.3 E[att*=value]屬性選擇器 109
4.2 關(guān)系選擇器 110
4.2.1 子代選擇器(>) 110
4.2.2 兄弟選擇器(+、~) 111
4.3 結(jié)構(gòu)化偽類選擇器 113
4.3.1。簉oot選擇器 113
4.3.2。簄ot選擇器 115
4.3.3 :only-child?選擇器 116
4.3.4。篺irst-child和:last-child選擇器 117
4.3.5 :nth-child(n)和:nth-last-child(n)
選擇器 118
4.3.6。簄th-of-type(n)和:nth-last-of-type(n)
第5章 CSS盒子模型 134
5.1 盒子模型概述 134
5.1.1 認(rèn)識(shí)盒子模型 134
5.1.2
標(biāo)記 136
5.1.3 盒子的寬與高 138
5.2 盒子模型相關(guān)屬性 139
5.2.1 邊框?qū)傩浴?39
5.2.2 邊距屬性 148
5.2.3 box-shadow屬性 152
5.3.7 設(shè)置背景圖像的大小 161
5.3.8 設(shè)置背景的顯示區(qū)域 163
5.3.9 設(shè)置背景圖像的裁剪區(qū)域 164
5.3.10 設(shè)置多重背景圖像 166
5.3.11 背景復(fù)合屬性 167
5.4 CSS3漸變屬性 169
5.4.1 線性漸變 169
5.4.2 徑向漸變 171
第6章 浮動(dòng)與定位 180
6.1 元素的浮動(dòng) 180
6.1.1 元素的浮動(dòng)屬性float 180
6.1.2 清除浮動(dòng) 184
6.2 overflow屬性 190
6.3 元素的定位 192
6.3.1 元素的定位屬性 192
6.3.2 靜態(tài)定位static 193
6.3.3 相對(duì)定位relative 193
6.3.4 絕對(duì)定位absolute 195
6.3.5 固定定位fixed 198
6.3.6 z-index層疊等級(jí)屬性 198
第7章 表單的應(yīng)用 211
7.1 認(rèn)識(shí)表單 211
7.1.1 表單的構(gòu)成 211
7.1.2 創(chuàng)建表單 212
7.2 表單屬性 213
7.3 input元素及屬性 215
7.3.1 input元素的type屬性 216
7.3.2 input元素的其他屬性 224
7.4 其他表單元素 231
7.4.1 textarea元素 231
7.4.2 select元素 232
第8章 多媒體技術(shù) 249
8.1 HTML5多媒體的特性 249
8.2 多媒體的支持條件 250
8.2.1 視頻和音頻編解碼器 250
8.2.2 多媒體的格式 251
8.3.3 音、視頻中的source元素 255
8.3.4 調(diào)用網(wǎng)頁(yè)多媒體文件 257
8.4 CSS控制視頻的寬高 258
8.5 視頻和音頻的方法和事件 260
8.6 HTML5音、視頻發(fā)展趨勢(shì) 262
8.7 階段案例——制作音樂(lè)播放界面 262
第9章 CSS3高級(jí)應(yīng)用 269
9.1 過(guò)渡 269
9.1.1 transition-property屬性 269
9.1.2 transition-duration屬性 271
9.1.3 transition-timing-function屬性 272
9.1.4 transition-delay屬性 274
9.1.5 transition屬性 274
9.2 變形 274
9.2.1 認(rèn)識(shí)transform 274
9.2.2 2D轉(zhuǎn)換 275
9.2.3 3D轉(zhuǎn)換 282
9.3 動(dòng)畫(huà) 287
9.3.1 @keyframes 287
9.3.2 animation-name屬性 288
第10章 實(shí)戰(zhàn)開(kāi)發(fā)——制作電商網(wǎng)站首頁(yè) 308
10.1 準(zhǔn)備工作 309
10.2 首頁(yè)面詳細(xì)制作 314