HTML5+CSS3網(wǎng)站設計基礎教程

目錄
第 一章 網(wǎng)站概述與HTML語言\t2
1．1 HTML概述\t2
1．1．1 HTML發(fā)展歷程\t2
1．1．2 HTML5的優(yōu)勢\t3
1．1．3 HTML5瀏覽器支持情況\t4
1．1．4 創(chuàng)建第 一個HTML5頁面\t5
1．2 HTML5基礎\t10
1．2．1 HTML5文檔基本格式\t10
1．2．2 HTML5語法\t11
1．2．3 HTML標記\t12
1．2．4 標記的屬性\t14
1．2．5 HTML5文檔頭部相關標記\t16
1．3 文本控制標記\t20
1．3．1 標題和段落標記\t20
1．3．2 文本格式化標記\t25
1．3．3 特殊標記字符\t26
1．4 圖像標記\t27
1．4．1 常用圖像格式\t27
1．4．2 圖像標記\t28
1．4．3 絕對路徑和相對路徑\t33
1．5 超鏈接標記\t33
1．5．1 創(chuàng)建超鏈接\t33
1．5．2 錨點鏈接\t35
1．6階段案例——制作HTML5百科頁面\t37
1．6．1 分析效果圖\t39
1．6．2 制作頁面\t39
1．6．3 制作頁面鏈接\t43
本章小節(jié)\t43
第二章 HTML5頁面元素及屬性\t2
2．1 列表元素\t2
2．1．1 無序列表元素\t2
2．1．2 有序列表元素\t4
2．1．3 定義列表元素\t6
2．1．4 列表的嵌套應用\t7
2．2 結構元素\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頁面交互元素\t18
2．4．1 details元素和summary元素\t18
2．4．2 progress元素\t20
2．4．3 meter元素\t21
2．5 文本層次語義元素\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 階段案例--制作電影影評網(wǎng)\t28
2．7．1 分析效果圖\t29
2．7．2 制作頁面\t30
本章小結\t35
第三章 CSS3入門\t2
3．1 CSS3 簡介\t2
3．1．1 CSS概述\t2
3．1．2 CSS3發(fā)展歷史\t3
3．1．3 CSS3瀏覽器支持情況\t4
3．2 CSS核心基礎\t5
3．2．1 CSS樣式規(guī)則\t5
3．2．2 引入CSS樣式表\t6
3．2．3 CSS基礎選擇器\t11
3．3 文本樣式屬性\t18
3．3．1 字體樣式屬性\t18
3．3．2 文本外觀屬性\t24
3．4\t CSS高級特性\t35
3．4．1 CSS層疊性和繼承性\t35
3．4．2 CSS優(yōu)先級\t37
3．5 階段案例——制作服裝推廣軟文\t41
3．5．1 分析結果圖\t42
3．5．2 制作頁面結構\t42
3．5．3 定義CSS樣式\t43
本章小結\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 關系選擇器\t7
4．2．1 子代選擇器（>）\t7
4．2．2 兄弟選擇器（+、~）\t8
4．3 結構化偽類選擇器\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 鏈接偽類\t24
4．6 階段案例——制作網(wǎng)頁設計軟件列表\t26
4．6．1 分析效果圖\t27
4．6．2 制作頁面結構\t28
4．6．3 定義CSS樣式\t30
本章小結\t32
第五章 CSS盒子模型\t2
5．1盒子模型概述\t2
5．1．1 認識盒子模型\t2
5．1．2 標記\t4
5．1．3 盒子的寬與高\t6
5．2盒子模型相關屬性\t8
5．2．1 邊框屬性\t8
5．2．2 邊距屬性\t19
5．2．3 box-shadow屬性\t24
5．2．4 box-sizing屬性\t25
5．3背景屬性\t27
5．3．1 設置背景顏色\t27
5．3．2 設置背景圖片\t29
5．3．3 背景與圖片不透明度設置\t29
5．3．4 設置背景圖像平鋪\t31
5．3．5 設置背景圖像的位置\t32
5．3．6 設置背景圖像固定\t34
5．3．7 設置背景圖像的大小\t35
5．3．8 設置背景的顯示區(qū)域\t37
5．3．9 設置背景圖像的裁剪區(qū)域\t39
5．3．10 設置多重背景圖像\t40
5．3．11 背景復合屬性\t42
5．4\tCSS漸變屬性\t44
5．4．1 線性漸變\t44
5．4．2 徑向漸變\t46
5．4．3 重復漸變\t48
5．5階段案例——制作音樂排行榜\t51
5．5．1 分析效果圖\t51
5．5．2 制作頁面結構\t52
5．5．3 定義CSS樣式\t53
本章小結\t55
第六章 浮動與定位\t3
6．1 元素浮動\t3
6．1．1 元素的浮動屬性float\t3
6．1．2 清除浮動\t7
6．2 overflow屬性\t15
6．3 元素的定位\t17
6．3．1 元素的定位屬性\t17
6．3．2 靜態(tài)定位static\t18
6．3．3 相對定位 relative\t18
6．3．4 絕對定位 absolute\t20
6．3．5 固定定位fixed\t23
6．3．6 z-index層疊等級屬性\t23
6．4 元素的類型與轉換\t24
6．4．1 元素的類型\t24
6．4．2 標記\t27
6．4．3 元素的轉換\t28
6．5 階段案例--制作網(wǎng)頁焦點圖\t30
6．5．1 分析效果圖\t31
6．5．2 制作頁面結構\t31
6．5．3 定義CSS樣式\t33
本章小結\t36
第七章 表單的應用\t2
7．1 認識表單\t2
7．1．1 表單的構成\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 制作頁面結構\t40
7．6．3 定義CSS樣式\t42
本章小結\t45
第八章 多媒體技術\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 調用網(wǎng)頁多媒體文件\t10
8．4 CSS控制視頻的寬高\t13
8．5 視頻和音頻的方法和事件\t15
8．6 HTML5音、視頻發(fā)展趨勢\t16
8．7 階段案例-------制作音樂播放界面\t17
8．7．1 分析效果圖\t17
8．7．2 制作頁面結構\t18
8．7．3 定義CSS樣式\t19
本章小結\t22
第九章 CSS高級應用\t2
9．1\t過渡\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認識transform\t8
9．2．2 D轉換\t9
9．2．3 3D轉換\t17
9．3 動畫\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階段案例——制作工作日天氣預報\t30
9．4．1 分析效果圖\t31
9．4．2 制作頁面結構\t32
9．4．3 定義CSS樣式\t33
9．4．4 制作CSS3動畫\t37
本章小結\t43
第十章 跨平臺移動Web技術\t1
10．1\t響應式Web設計\t1
10．1．1\t響應式Web設計簡介\t2
10．1．2\t響應式Web設計相關技術\t3
10．2\t媒體查詢\t4
10．3\t柵格系統(tǒng)\t7
10．4\t彈性盒布局\t11
本章小結\t20