HTML5+CSS3+JavaScript 從入門到項目實踐（超值版 軟件開發(fā)魔典）

第1篇  基礎(chǔ)知識
第1章  HTML 5基礎(chǔ)入門    002
◎ 本章教學(xué)微視頻：12個  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)勢    003
1.2.1  解決跨瀏覽器問題    003
1.2.2  部分代替了原來的JavaScript    003
1.2.3  更明確的語義支持    004
1.2.4  增強了Web應(yīng)用程序的功能    004
1.3  編寫個HTML頁面    005
1.3.1  搭建HTML運行環(huán)境    005
1.3.2  檢查瀏覽器是否支持    007
1.3.3  編寫“hello HTML 5”Web頁面    008
1.4  認(rèn)識網(wǎng)頁與網(wǎng)站    009
1.4.1  網(wǎng)頁與網(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個  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的語法變化    012
2.2.1  標(biāo)簽不再區(qū)分大小寫    013
2.2.2  元素可以省略結(jié)束標(biāo)簽    013
2.2.3  支持boolean值的屬性    014
2.2.4  允許屬性值不使用引號    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è)置頁面標(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  頁面注釋標(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)題字對齊屬性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  水平線標(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ǔ)入門    027
◎ 本章教學(xué)微視頻：15個  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 的基本語法    028
3.3  HTML網(wǎng)頁應(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  隨機改變頁面的背景色    036
3.5.2  動態(tài)增加立體效果    036
3.6  實踐案例——設(shè)計登錄和注冊界面    037
3.7  就業(yè)面試技巧與解析    040
3.7.1  面試技巧與解析（一）    040
3.7.2  面試技巧與解析（二）    040
第4章  CSS 3樣式選擇器    041
◎ 本章教學(xué)微視頻：22個  71分鐘
4.1  選擇器分類    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  動態(tà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屬性添加
               編號    052
4.4.6  使用自定義編號    053
4.4.7  添加多級編號    054
4.5  CSS 3新增的偽類選擇器    055
4.5.1  結(jié)構(gòu)性偽類選擇器    055
4.5.2  UI元素狀態(tài)偽類選擇器    057
4.5.3  目標(biāo)（:target）偽類選擇器    059
4.5.4  否定（:not）偽類選擇器    059
4.6  屬性選擇器    060
4.7  實踐案例——制作404頁面    061
4.8  就業(yè)面試技巧與解析    063
4.8.1  面試技巧與解析（一）    063
4.8.2  面試技巧與解析（二）    063
第5章  使用并美化網(wǎng)頁文本    064
◎ 本章教學(xué)微視頻：16個  43分鐘
5.1  設(shè)置網(wǎng)頁文本字體    064
5.1.1  設(shè)置字體粗細屬性    064
5.1.2  設(shè)置字體風(fēng)格屬性    065
5.1.3  設(shè)置字體大小屬性    066
5.1.4  設(shè)置字體類型屬性    067
5.1.5  設(shè)置文本行高屬性    068
5.1.6  設(shè)置字體復(fù)合屬性    069
5.1.7  定義網(wǎng)頁文本顏色屬性    070
5.2  設(shè)置網(wǎng)頁文本的縮進和間距    070
5.2.1  設(shè)置首行縮進屬性    071
5.2.2  設(shè)置字符間距屬性    071
5.2.3  設(shè)置單詞間距屬性    072
5.3  設(shè)置網(wǎng)頁文本的對齊方式    073
5.3.1  控制文本的水平對齊方式    073
5.3.2  控制文本的垂直對齊方式    074
5.4  CSS 3新增的服務(wù)器字體    075
5.4.1  使用服務(wù)器字體    076
5.4.2  定義斜體、粗體和粗斜體字    077
5.4.3  優(yōu)先使用客戶端字體    078
5.5  實踐案例——設(shè)置簡單的文字效果    079
5.6  就業(yè)面試技巧與解析    080
5.6.1  面試技巧與解析（一）    080
5.6.2  面試技巧與解析（二）    080
第6章  使用并美化網(wǎng)頁圖像    081
◎ 本章教學(xué)微視頻：17個  48分鐘
6.1  插入網(wǎng)頁圖像    081
6.1.1  網(wǎng)頁圖像格式    081
6.1.2  插入圖像標(biāo)簽    082
6.2  設(shè)置網(wǎng)頁圖像    083
6.2.1  設(shè)置圖像路徑及文件    083
6.2.2  設(shè)置圖像的寬度和高度    083
6.2.3  設(shè)置圖像的提示文字    084
6.3  設(shè)置網(wǎng)頁圖像樣式    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è)置圖像與文字的對齊方式    089
6.3.6  圖文混排    090
6.4  設(shè)置網(wǎng)頁背景顏色和背景圖    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  實踐案例——獨特的瀑布流效果    096
6.6  就業(yè)面試技巧與解析    097
6.6.1  面試技巧與解析（一）    097
6.6.2  面試技巧與解析（二）    098
第2篇  核心應(yīng)用
第7章  使用并美化網(wǎng)頁超鏈接    100
◎ 本章教學(xué)微視頻：14個  33分鐘
7.1  超鏈接基礎(chǔ)    100
7.2  超鏈接路徑    100
7.3  定義超鏈接和熱點區(qū)域    101
7.3.1  定義超鏈接    101
7.3.2  鏈接的目標(biāo)窗口    101
7.3.3  定義不同目標(biāo)的超鏈接    102
7.3.4  定義熱點區(qū)域    102
7.4  定義錨點超鏈接    103
7.4.1  建立錨點超鏈接    103
7.4.2  超鏈接同一頁面中的錨點    104
7.4.3  超鏈接到其他頁面中的錨點    104
7.5  使用CSS樣式美化超鏈接    105
7.5.1  定義按鈕式超鏈接樣式    106
7.5.2  定義立體超鏈接樣式    107
7.5.3  定義文章中的超鏈接樣式    107
7.5.4  定義圖像交換超鏈接樣式    109
7.6  實踐案例——鼠標(biāo)指針跟隨的超鏈接
         樣式    110
7.7  就業(yè)面試技巧與解析    111
7.7.1  面試技巧與解析（一）    111
7.7.2  面試技巧與解析（二）    111
第8章  使用并美化網(wǎng)頁列表    112
◎ 本章教學(xué)微視頻：9個  27分鐘
8.1  列表標(biāo)簽    112
8.1.1  無序列表    112
8.1.2  有序列表    113
8.1.3  自定義列表    115
8.2  列表的常見應(yīng)用    115
8.2.1  使用列表實現(xiàn)縱向菜單    115
8.2.2  使用列表實現(xiàn)新聞列表    116
8.2.3  使用列表實現(xiàn)圖片的排列    117
8.3  設(shè)計CSS 3樣式美化列表    118
8.3.1  自定義項目符號    118
8.3.2  使用背景圖片設(shè)計項目符號    119
8.4  實踐案例——設(shè)計排行榜    120
8.5  就業(yè)面試技巧與解析    122
8.5.1  面試技巧與解析（一）    122
8.5.2  面試技巧與解析（二）    122
第9章  使用并美化表格    123
◎ 本章教學(xué)微視頻：30個  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)頁表格    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)建沒有邊框的表格    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è)置行文字的水平對齊方式    139
9.5.5  設(shè)置行文字的垂直對齊方式    140
9.6  單元格屬性    141
9.6.1  設(shè)置單元格的寬度和高度    141
9.6.2  設(shè)置單元格的對齊方式    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è)置細線表格    145
9.7.2  設(shè)置表格標(biāo)題的樣式    146
9.8  實踐案例    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個  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增強的

顯示全部信息