HTML5+CSS3+JavaScript 從入門(mén)到項(xiàng)目實(shí)踐（超值版 軟件開(kāi)發(fā)魔典）

第1篇  基礎(chǔ)知識(shí)
第1章  HTML 5基礎(chǔ)入門(mén)    002
◎ 本章教學(xué)微視頻：12個(gè)  27分鐘
1.1  HTML的基本概念    002
1.1.1  什么是HTML    002
1.1.2  HTML的發(fā)展史    002
1.1.3  HTML與XHTML    003
1.2  HTML 5的優(yōu)勢(shì)    003
1.2.1  解決跨瀏覽器問(wèn)題    003
1.2.2  部分代替了原來(lái)的JavaScript    003
1.2.3  更明確的語(yǔ)義支持    004
1.2.4  增強(qiáng)了Web應(yīng)用程序的功能    004
1.3  編寫(xiě)個(gè)HTML頁(yè)面    005
1.3.1  搭建HTML運(yùn)行環(huán)境    005
1.3.2  檢查瀏覽器是否支持    007
1.3.3  編寫(xiě)“hello HTML 5”Web頁(yè)面    008
1.4  認(rèn)識(shí)網(wǎng)頁(yè)與網(wǎng)站    009
1.4.1  網(wǎng)頁(yè)與網(wǎng)站的關(guān)系    009
1.4.2  建立網(wǎng)站的一般流程    009
1.5  就業(yè)面試技巧與解析    010
1.5.1  面試技巧與解析（一）    010
1.5.2  面試技巧與解析（二）    010
第2章  HTML 5文檔基本結(jié)構(gòu)    011
◎ 本章教學(xué)微視頻：29個(gè)  46分鐘
2.1  HTML 5文檔構(gòu)成    011
2.1.1  聲明    012
2.1.2  標(biāo)簽    012
2.1.3  標(biāo)簽    012
2.1.4  標(biāo)簽    012
2.2  HTML 5的語(yǔ)法變化    012
2.2.1  標(biāo)簽不再區(qū)分大小寫(xiě)    013
2.2.2  元素可以省略結(jié)束標(biāo)簽    013
2.2.3  支持boolean值的屬性    014
2.2.4  允許屬性值不使用引號(hào)    014
2.3  HTML 5標(biāo)簽、元素及屬性    014
2.3.1  標(biāo)簽    014
2.3.2  單標(biāo)簽    014
2.3.3  雙標(biāo)簽    015
2.3.4  標(biāo)簽屬性    015
2.3.5  元素    015
2.4  HTML 5文檔頭部標(biāo)簽    016
2.4.1  設(shè)置頁(yè)面標(biāo)題標(biāo)簽    016
2.4.2  引用外部文件標(biāo)簽    017
2.4.3  內(nèi)嵌樣式標(biāo)簽    017
2.5  標(biāo)簽    018
2.6  頁(yè)面注釋標(biāo)簽    019
2.7  標(biāo)題標(biāo)簽、換行標(biāo)簽及不換行標(biāo)簽    019
2.7.1  標(biāo)題標(biāo)簽    020
2.7.2  標(biāo)題字對(duì)齊屬性align    020
2.8  段落標(biāo)簽、換行標(biāo)簽及不換行標(biāo)簽    021
2.8.1  段落標(biāo)簽    021
2.8.2  換行標(biāo)簽    022
2.8.3  不換行標(biāo)簽    022
2.9  其他標(biāo)簽    023
2.9.1  水平線(xiàn)標(biāo)簽    023
2.9.2  插入空格    024
2.9.3  插入特殊字符    025
2.10  就業(yè)面試技巧與解析    025
2.10.1  面試技巧與解析（一）    025
2.10.2  面試技巧與解析（二）    026
第3章  CSS 3基礎(chǔ)入門(mén)    027
◎ 本章教學(xué)微視頻：15個(gè)  42分鐘
3.1  CSS概述    027
3.1.1  CSS概述    027
3.1.2  CSS的發(fā)展歷史    028
3.1.3  CSS 3的新功能    028
3.2  CSS 的基本語(yǔ)法    028
3.3  HTML網(wǎng)頁(yè)應(yīng)用CSS樣式的方法    029
3.3.1  使用行內(nèi)樣式表    029
3.3.2  使用內(nèi)部CSS    030
3.3.3  引入外部樣式表    031
3.3.4  導(dǎo)入外部樣式文件    031
3.3.5  注釋CSS    032
3.4  CSS三大特性    033
3.4.1  CSS層疊性    033
3.4.2  CSS繼承性    034
3.4.3  CSS優(yōu)先性    035
3.5  在腳本中修改顯示樣式    036
3.5.1  隨機(jī)改變頁(yè)面的背景色    036
3.5.2  動(dòng)態(tài)增加立體效果    036
3.6  實(shí)踐案例——設(shè)計(jì)登錄和注冊(cè)界面    037
3.7  就業(yè)面試技巧與解析    040
3.7.1  面試技巧與解析（一）    040
3.7.2  面試技巧與解析（二）    040
第4章  CSS 3樣式選擇器    041
◎ 本章教學(xué)微視頻：22個(gè)  71分鐘
4.1  選擇器分類(lèi)    041
4.2  基本選擇器    041
4.2.1  元素選擇器    042
4.2.2  通配選擇器    042
4.2.3  ID選擇器    043
4.2.4  class選擇器    044
4.2.5  群組選擇器    045
4.3  層次選擇器    046
4.3.1  包含選擇器    046
4.3.2  子選擇器    047
4.3.3  CSS 3新增的兄弟選擇器    047
4.4  動(dòng)態(tài)偽類(lèi)選擇器    049
4.4.1  內(nèi)容相關(guān)的屬性    049
4.4.2  插入圖像    049
4.4.3  只插入部分元素    050
4.4.4  配合quotes屬性執(zhí)行插入    051
4.4.5  配合counter-increment屬性添加
               編號(hào)    052
4.4.6  使用自定義編號(hào)    053
4.4.7  添加多級(jí)編號(hào)    054
4.5  CSS 3新增的偽類(lèi)選擇器    055
4.5.1  結(jié)構(gòu)性偽類(lèi)選擇器    055
4.5.2  UI元素狀態(tài)偽類(lèi)選擇器    057
4.5.3  目標(biāo)（:target）偽類(lèi)選擇器    059
4.5.4  否定（:not）偽類(lèi)選擇器    059
4.6  屬性選擇器    060
4.7  實(shí)踐案例——制作404頁(yè)面    061
4.8  就業(yè)面試技巧與解析    063
4.8.1  面試技巧與解析（一）    063
4.8.2  面試技巧與解析（二）    063
第5章  使用并美化網(wǎng)頁(yè)文本    064
◎ 本章教學(xué)微視頻：16個(gè)  43分鐘
5.1  設(shè)置網(wǎng)頁(yè)文本字體    064
5.1.1  設(shè)置字體粗細(xì)屬性    064
5.1.2  設(shè)置字體風(fēng)格屬性    065
5.1.3  設(shè)置字體大小屬性    066
5.1.4  設(shè)置字體類(lèi)型屬性    067
5.1.5  設(shè)置文本行高屬性    068
5.1.6  設(shè)置字體復(fù)合屬性    069
5.1.7  定義網(wǎng)頁(yè)文本顏色屬性    070
5.2  設(shè)置網(wǎng)頁(yè)文本的縮進(jìn)和間距    070
5.2.1  設(shè)置首行縮進(jìn)屬性    071
5.2.2  設(shè)置字符間距屬性    071
5.2.3  設(shè)置單詞間距屬性    072
5.3  設(shè)置網(wǎng)頁(yè)文本的對(duì)齊方式    073
5.3.1  控制文本的水平對(duì)齊方式    073
5.3.2  控制文本的垂直對(duì)齊方式    074
5.4  CSS 3新增的服務(wù)器字體    075
5.4.1  使用服務(wù)器字體    076
5.4.2  定義斜體、粗體和粗斜體字    077
5.4.3  優(yōu)先使用客戶(hù)端字體    078
5.5  實(shí)踐案例——設(shè)置簡(jiǎn)單的文字效果    079
5.6  就業(yè)面試技巧與解析    080
5.6.1  面試技巧與解析（一）    080
5.6.2  面試技巧與解析（二）    080
第6章  使用并美化網(wǎng)頁(yè)圖像    081
◎ 本章教學(xué)微視頻：17個(gè)  48分鐘
6.1  插入網(wǎng)頁(yè)圖像    081
6.1.1  網(wǎng)頁(yè)圖像格式    081
6.1.2  插入圖像標(biāo)簽    082
6.2  設(shè)置網(wǎng)頁(yè)圖像    083
6.2.1  設(shè)置圖像路徑及文件    083
6.2.2  設(shè)置圖像的寬度和高度    083
6.2.3  設(shè)置圖像的提示文字    084
6.3  設(shè)置網(wǎng)頁(yè)圖像樣式    085
6.3.1  設(shè)置圖像邊框    085
6.3.2  設(shè)置圖像不透明度    086
6.3.3  設(shè)置圓角圖像    087
6.3.4  設(shè)置陰影圖像    088
6.3.5  設(shè)置圖像與文字的對(duì)齊方式    089
6.3.6  圖文混排    090
6.4  設(shè)置網(wǎng)頁(yè)背景顏色和背景圖    091
6.4.1  設(shè)置背景顏色    091
6.4.2  設(shè)置背景圖    092
6.4.3  設(shè)置背景圖平鋪    093
6.4.4  設(shè)置背景圖位置    094
6.4.5  設(shè)置漸變背景    095
6.5  實(shí)踐案例——獨(dú)特的瀑布流效果    096
6.6  就業(yè)面試技巧與解析    097
6.6.1  面試技巧與解析（一）    097
6.6.2  面試技巧與解析（二）    098
第2篇  核心應(yīng)用
第7章  使用并美化網(wǎng)頁(yè)超鏈接    100
◎ 本章教學(xué)微視頻：14個(gè)  33分鐘
7.1  超鏈接基礎(chǔ)    100
7.2  超鏈接路徑    100
7.3  定義超鏈接和熱點(diǎn)區(qū)域    101
7.3.1  定義超鏈接    101
7.3.2  鏈接的目標(biāo)窗口    101
7.3.3  定義不同目標(biāo)的超鏈接    102
7.3.4  定義熱點(diǎn)區(qū)域    102
7.4  定義錨點(diǎn)超鏈接    103
7.4.1  建立錨點(diǎn)超鏈接    103
7.4.2  超鏈接同一頁(yè)面中的錨點(diǎn)    104
7.4.3  超鏈接到其他頁(yè)面中的錨點(diǎn)    104
7.5  使用CSS樣式美化超鏈接    105
7.5.1  定義按鈕式超鏈接樣式    106
7.5.2  定義立體超鏈接樣式    107
7.5.3  定義文章中的超鏈接樣式    107
7.5.4  定義圖像交換超鏈接樣式    109
7.6  實(shí)踐案例——鼠標(biāo)指針跟隨的超鏈接
         樣式    110
7.7  就業(yè)面試技巧與解析    111
7.7.1  面試技巧與解析（一）    111
7.7.2  面試技巧與解析（二）    111
第8章  使用并美化網(wǎng)頁(yè)列表    112
◎ 本章教學(xué)微視頻：9個(gè)  27分鐘
8.1  列表標(biāo)簽    112
8.1.1  無(wú)序列表    112
8.1.2  有序列表    113
8.1.3  自定義列表    115
8.2  列表的常見(jiàn)應(yīng)用    115
8.2.1  使用列表實(shí)現(xiàn)縱向菜單    115
8.2.2  使用列表實(shí)現(xiàn)新聞列表    116
8.2.3  使用列表實(shí)現(xiàn)圖片的排列    117
8.3  設(shè)計(jì)CSS 3樣式美化列表    118
8.3.1  自定義項(xiàng)目符號(hào)    118
8.3.2  使用背景圖片設(shè)計(jì)項(xiàng)目符號(hào)    119
8.4  實(shí)踐案例——設(shè)計(jì)排行榜    120
8.5  就業(yè)面試技巧與解析    122
8.5.1  面試技巧與解析（一）    122
8.5.2  面試技巧與解析（二）    122
第9章  使用并美化表格    123
◎ 本章教學(xué)微視頻：30個(gè)  64分鐘
9.1  表格的基本結(jié)構(gòu)    123
9.1.1  標(biāo)簽的屬性    123
9.1.2  標(biāo)簽的屬性    124
9.1.3  和標(biāo)簽的屬性    124
9.2  創(chuàng)建網(wǎng)頁(yè)表格    125
9.2.1  創(chuàng)建普通表格    125
9.2.2  創(chuàng)建包含表頭的表格    126
9.2.3  創(chuàng)建包含標(biāo)題的表格    127
9.2.4  創(chuàng)建沒(méi)有邊框的表格    128
9.2.5  創(chuàng)建含有跨行、列單元格的表格    129
9.2.6  創(chuàng)建含有內(nèi)嵌標(biāo)簽元素的表格    130
9.3  表格的邊框    131
9.3.1  設(shè)置表格邊框?qū)挾?nbsp;   131
9.3.2  設(shè)置表格邊框顏色    132
9.3.3  設(shè)置之間的間距    133
9.3.4  設(shè)置表格內(nèi)文字與的間距    134
9.4  表格背景    135
9.4.1  設(shè)置表格背景顏色    135
9.4.2  設(shè)置表格背景圖    136
9.5  表格的行屬性    137
9.5.1  設(shè)置表格的行高    137
9.5.2  設(shè)置邊框顏色    138
9.5.3  設(shè)置行背景顏色    139
9.5.4  設(shè)置行文字的水平對(duì)齊方式    139
9.5.5  設(shè)置行文字的垂直對(duì)齊方式    140
9.6  單元格屬性    141
9.6.1  設(shè)置單元格的寬度和高度    141
9.6.2  設(shè)置單元格的對(duì)齊方式    142
9.6.3  設(shè)置單元格的背景色    143
9.6.4  設(shè)置單元格的邊框顏色    143
9.6.5  設(shè)置單元格的亮邊框和暗邊框    144
9.6.6  設(shè)置單元格的背景圖    145
9.7  使用CSS樣式美化表格    145
9.7.1  設(shè)置細(xì)線(xiàn)表格    145
9.7.2  設(shè)置表格標(biāo)題的樣式    146
9.8  實(shí)踐案例    148
9.8.1  設(shè)置隔行換色表格    148
9.8.2  設(shè)置日歷表    149
9.9  就業(yè)面試技巧與解析    150
9.9.1  面試技巧與解析（一）    150
9.9.2  面試技巧與解析（二）    150
第10章  使用并美化表單    151
◎ 本章教學(xué)微視頻：23個(gè)  55分鐘
10.1  表單的基本結(jié)構(gòu)    151
10.2  表單及表單控件    152
10.2.1  表單form標(biāo)簽    152
10.2.2  表單input標(biāo)簽    152
10.2.3  使用label定義標(biāo)簽    152
10.2.4  使用button定義按鈕    153
10.2.5  使用和標(biāo)簽    153
10.2.6  使用和標(biāo)簽    154
10.2.7  使用HTML 5增強(qiáng)的

顯示全部信息