HTML5+CSS3網(wǎng)站設(shè)計(jì)基礎(chǔ)教程

目錄
第 一章 網(wǎng)站概述與HTML語(yǔ)言\t2
1．1 HTML概述\t2
1．1．1 HTML發(fā)展歷程\t2
1．1．2 HTML5的優(yōu)勢(shì)\t3
1．1．3 HTML5瀏覽器支持情況\t4
1．1．4 創(chuàng)建第 一個(gè)HTML5頁(yè)面\t5
1．2 HTML5基礎(chǔ)\t10
1．2．1 HTML5文檔基本格式\t10
1．2．2 HTML5語(yǔ)法\t11
1．2．3 HTML標(biāo)記\t12
1．2．4 標(biāo)記的屬性\t14
1．2．5 HTML5文檔頭部相關(guān)標(biāo)記\t16
1．3 文本控制標(biāo)記\t20
1．3．1 標(biāo)題和段落標(biāo)記\t20
1．3．2 文本格式化標(biāo)記\t25
1．3．3 特殊標(biāo)記字符\t26
1．4 圖像標(biāo)記\t27
1．4．1 常用圖像格式\t27
1．4．2 圖像標(biāo)記\t28
1．4．3 絕對(duì)路徑和相對(duì)路徑\t33
1．5 超鏈接標(biāo)記\t33
1．5．1 創(chuàng)建超鏈接\t33
1．5．2 錨點(diǎn)鏈接\t35
1．6階段案例——制作HTML5百科頁(yè)面\t37
1．6．1 分析效果圖\t39
1．6．2 制作頁(yè)面\t39
1．6．3 制作頁(yè)面鏈接\t43
本章小節(jié)\t43
第二章 HTML5頁(yè)面元素及屬性\t2
2．1 列表元素\t2
2．1．1 無(wú)序列表元素\t2
2．1．2 有序列表元素\t4
2．1．3 定義列表元素\t6
2．1．4 列表的嵌套應(yīng)用\t7
2．2 結(jié)構(gòu)元素\t8
2．2．1 header元素\t8
2．2．2 nav元素\t9
2．2．3 article元素\t10
2．2．4 aside元素\t11
2．2．5 section元素\t13
2．2．6 footer元素\t14
2．3 分組元素\t15
2．3．1 figure元素和figcaption元素\t15
2．3．2 hgroup元素\t16
2．4頁(yè)面交互元素\t18
2．4．1 details元素和summary元素\t18
2．4．2 progress元素\t20
2．4．3 meter元素\t21
2．5 文本層次語(yǔ)義元素\t22
2．5．1 time元素\t22
2．5．2 mark 元素\t23
2．5．3 cite 元素\t24
2．6 全局屬性\t25
2．6．1 draggable 屬性\t25
2．6．2 hidden 屬性\t26
2．6．3 spellcheck屬性\t26
2．6．4 contenteditable屬性\t27
2．7 階段案例--制作電影影評(píng)網(wǎng)\t28
2．7．1 分析效果圖\t29
2．7．2 制作頁(yè)面\t30
本章小結(jié)\t35
第三章 CSS3入門(mén)\t2
3．1 CSS3 簡(jiǎn)介\t2
3．1．1 CSS概述\t2
3．1．2 CSS3發(fā)展歷史\t3
3．1．3 CSS3瀏覽器支持情況\t4
3．2 CSS核心基礎(chǔ)\t5
3．2．1 CSS樣式規(guī)則\t5
3．2．2 引入CSS樣式表\t6
3．2．3 CSS基礎(chǔ)選擇器\t11
3．3 文本樣式屬性\t18
3．3．1 字體樣式屬性\t18
3．3．2 文本外觀屬性\t24
3．4\t CSS高級(jí)特性\t35
3．4．1 CSS層疊性和繼承性\t35
3．4．2 CSS優(yōu)先級(jí)\t37
3．5 階段案例——制作服裝推廣軟文\t41
3．5．1 分析結(jié)果圖\t42
3．5．2 制作頁(yè)面結(jié)構(gòu)\t42
3．5．3 定義CSS樣式\t43
本章小結(jié)\t45
第四章 CSS3選擇器\t2
4．1 屬性選擇器\t2
4．1．1 E[att^=value]屬性選擇器\t2
4．1．2 E[att$=value]屬性選擇器\t4
4．1．3 E[att*=value]屬性選擇器\t6
4．2 關(guān)系選擇器\t7
4．2．1 子代選擇器（>）\t7
4．2．2 兄弟選擇器（+、~）\t8
4．3 結(jié)構(gòu)化偽類(lèi)選擇器\t11
4．3．1 ：root選擇器\t11
4．3．2 ：not選擇器\t12
4．3．3 ：only-child選擇器\t13
4．3．4 ：first-child 和 ：last-child選擇器\t15
4．3．5 ：nth-child(n)和：nth-last-child(n)選擇器\t16
4．3．6 ：nth-of-type(n)和：nth-last-of-type(n)選擇器\t17
4．3．7 ：empty選擇器\t19
4．3．8 ：target選擇器\t20
4．4 偽元素選擇器\t22
4．4．1 ：before選擇器\t22
4．4．2 ：after選擇器\t23
4．5 鏈接偽類(lèi)\t24
4．6 階段案例——制作網(wǎng)頁(yè)設(shè)計(jì)軟件列表\t26
4．6．1 分析效果圖\t27
4．6．2 制作頁(yè)面結(jié)構(gòu)\t28
4．6．3 定義CSS樣式\t30
本章小結(jié)\t32
第五章 CSS盒子模型\t2
5．1盒子模型概述\t2
5．1．1 認(rèn)識(shí)盒子模型\t2
5．1．2 標(biāo)記\t4
5．1．3 盒子的寬與高\(yùn)t6
5．2盒子模型相關(guān)屬性\t8
5．2．1 邊框?qū)傩診t8
5．2．2 邊距屬性\t19
5．2．3 box-shadow屬性\t24
5．2．4 box-sizing屬性\t25
5．3背景屬性\t27
5．3．1 設(shè)置背景顏色\t27
5．3．2 設(shè)置背景圖片\t29
5．3．3 背景與圖片不透明度設(shè)置\t29
5．3．4 設(shè)置背景圖像平鋪\t31
5．3．5 設(shè)置背景圖像的位置\t32
5．3．6 設(shè)置背景圖像固定\t34
5．3．7 設(shè)置背景圖像的大小\t35
5．3．8 設(shè)置背景的顯示區(qū)域\t37
5．3．9 設(shè)置背景圖像的裁剪區(qū)域\t39
5．3．10 設(shè)置多重背景圖像\t40
5．3．11 背景復(fù)合屬性\t42
5．4\tCSS漸變屬性\t44
5．4．1 線性漸變\t44
5．4．2 徑向漸變\t46
5．4．3 重復(fù)漸變\t48
5．5階段案例——制作音樂(lè)排行榜\t51
5．5．1 分析效果圖\t51
5．5．2 制作頁(yè)面結(jié)構(gòu)\t52
5．5．3 定義CSS樣式\t53
本章小結(jié)\t55
第六章 浮動(dòng)與定位\t3
6．1 元素浮動(dòng)\t3
6．1．1 元素的浮動(dòng)屬性float\t3
6．1．2 清除浮動(dòng)\t7
6．2 overflow屬性\t15
6．3 元素的定位\t17
6．3．1 元素的定位屬性\t17
6．3．2 靜態(tài)定位static\t18
6．3．3 相對(duì)定位 relative\t18
6．3．4 絕對(duì)定位 absolute\t20
6．3．5 固定定位fixed\t23
6．3．6 z-index層疊等級(jí)屬性\t23
6．4 元素的類(lèi)型與轉(zhuǎn)換\t24
6．4．1 元素的類(lèi)型\t24
6．4．2 標(biāo)記\t27
6．4．3 元素的轉(zhuǎn)換\t28
6．5 階段案例--制作網(wǎng)頁(yè)焦點(diǎn)圖\t30
6．5．1 分析效果圖\t31
6．5．2 制作頁(yè)面結(jié)構(gòu)\t31
6．5．3 定義CSS樣式\t33
本章小結(jié)\t36
第七章 表單的應(yīng)用\t2
7．1 認(rèn)識(shí)表單\t2
7．1．1 表單的構(gòu)成\t2
7．1．2 創(chuàng)建表單\t3
7．2 表單屬性\t4
7．3 input元素及屬性\t7
7．3．1 input元素的type屬性\t8
7．3．2 input元素的其他屬性\t17
7．4 其他表單元素\t25
7．4．1 textarea元素\t25
7．4．2 select元素\t26
7．4．3 datalist元素\t30
7．4．4 keygen元素\t31
7．4．5 output元素\t33
7．5 CSS控制表單樣式\t33
7．6 階段案例——制作信息登記表\t38
7．6．1 分析效果圖\t39
7．6．2 制作頁(yè)面結(jié)構(gòu)\t40
7．6．3 定義CSS樣式\t42
本章小結(jié)\t45
第八章 多媒體技術(shù)\t2
8．1 HTML5多媒體的特性\t2
8．2 多媒體的支持條件\t3
8．2．1 視頻和音頻編解碼器\t3
8．2．2 多媒體的格式\t4
8．2．3 支持視頻和音頻的瀏覽器\t4
8．3 嵌入視頻和音頻\t6
8．3．1 在HTML5中嵌入視頻\t6
8．3．2 在HTML5中嵌入音頻\t8
8．3．3 音、視頻中的source元素\t9
8．3．4 調(diào)用網(wǎng)頁(yè)多媒體文件\t10
8．4 CSS控制視頻的寬高\(yùn)t13
8．5 視頻和音頻的方法和事件\t15
8．6 HTML5音、視頻發(fā)展趨勢(shì)\t16
8．7 階段案例-------制作音樂(lè)播放界面\t17
8．7．1 分析效果圖\t17
8．7．2 制作頁(yè)面結(jié)構(gòu)\t18
8．7．3 定義CSS樣式\t19
本章小結(jié)\t22
第九章 CSS高級(jí)應(yīng)用\t2
9．1\t過(guò)渡\t2
9．1．1\ttransition-property屬性\t2
9．1．2\ttransition-duration屬性\t4
9．1．3\ttransition-timing-function屬性\t5
9．1．4\ttransition-delay屬性\t7
9．1．5\ttransition屬性\t8
9．2\t變形\t8
9．2．1認(rèn)識(shí)transform\t8
9．2．2 D轉(zhuǎn)換\t9
9．2．3 3D轉(zhuǎn)換\t17
9．3 動(dòng)畫(huà)\t23
9．3．1 @keyframes\t23
9．3．2 animation-name屬性\t24
9．3．3 animation-duration屬性\t24
9．3．4 animation-timing-function屬性\t26
9．3．5 animation-delay屬性\t27
9．3．6 animation-iteration-count屬性\t28
9．3．7 animation-direction屬性\t28
9．3．8 animation屬性\t30
9．4\t階段案例——制作工作日天氣預(yù)報(bào)\t30
9．4．1 分析效果圖\t31
9．4．2 制作頁(yè)面結(jié)構(gòu)\t32
9．4．3 定義CSS樣式\t33
9．4．4 制作CSS3動(dòng)畫(huà)\t37
本章小結(jié)\t43
第十章 跨平臺(tái)移動(dòng)Web技術(shù)\t1
10．1\t響應(yīng)式Web設(shè)計(jì)\t1
10．1．1\t響應(yīng)式Web設(shè)計(jì)簡(jiǎn)介\t2
10．1．2\t響應(yīng)式Web設(shè)計(jì)相關(guān)技術(shù)\t3
10．2\t媒體查詢(xún)\t4
10．3\t柵格系統(tǒng)\t7
10．4\t彈性盒布局\t11
本章小結(jié)\t20