HTML5+CSS3+JavaScript 從入門到項目實踐(超值版)

聚慕課教育研發中心，是有一家軟體開發公司和線下培訓機構共同組建的IT圖書研發中心，具有18年的圖書開發和12年軟體開發經驗。該研發中心有軟體開發團隊，一批一線軟體培訓講師，高校青年教師以及學科專家團隊構成。致力於IT類圖書策劃、組稿、及編寫。我們對電腦圖書市場進行科學、嚴謹的調查分析，緊跟高新科技，深度挖掘讀者需求，整合優質作者資源，協助作者制定創作計劃、確立創作思想與體例，並實時監控創作質量與進度，確保做出讓讀者讀得懂、用的好、學的會的電腦類圖書。

第1篇基礎知識
第1章HTML 5基礎入門002 
◎本章教學微視頻：12個27分鐘
1.1 HTML的基本概念002 
1.1.1什麼是HTML 002 
1.1.2 HTML的發展史002 
1.1.3 HTML與XHTML 003 
1.2 HTML 5的優勢003 
1.2.1解決跨瀏覽器問題003 
1.2.2部分代替了原來的JavaScript 003 
1.2.3更明確的語義支持004 
1.2.4增強了Web應用程序的功能004 
1.3編寫第一個HTML頁面005 
1.3.1搭建HTML運行環境005 
1.3.2檢查瀏覽器是否支持007 
1.3.3編寫“hello HTML 5”Web頁面008 
1.4認識網頁與網站009 
1.4.1網頁與網站的關係009 
1.4. 2建立網站的一般流程009 
1.5就業面試技巧與解析010 
1.5.1面試技巧與解析（一） 010 
1.5.2面試技巧與解析（二） 010 
第2章HTML 5文檔基本結構011 
◎本章教學微視頻：29個46分鐘
2.1 HTML 5文檔構成011 
2.1.1聲明012 
2.1.2標籤012 
2.1.3標籤012 
2.1.4標籤012 
2.2 HTML 5的語法變化012 
2.2.1標籤不再區分大小寫013 
2.2.2元素可以省略結束標籤013 
2.2.3支持boolean值的屬性014 
2.2.4允許屬性值不使用引號014 
2.3 HTML 5標籤、元素及屬性014 
2.3.1標籤014 
2.3.2單標籤014 
2.3.3雙標籤015 
2.3.4標籤屬性015 
2.3.5元素015 
2.4 HTML 5文檔頭部標籤016 
2.4.1設置頁面標題標籤016 
2.4.2引用外部文件標籤017 
2.4.3內嵌樣式標籤017 
2.5  標籤018 
2.6頁面註釋標籤019 
2.7標題標籤、換行標籤及不換行標籤019 
2.7.1標題標籤020 
2.7.2標題字對齊屬性align 020
2.8段落標籤、換行標籤及不換行標籤021 
2.8.1段落標籤021 
2.8.2換行標籤022 
2.8.3不換行標籤022 
2.9其他標籤023 
2.9.1水平線標籤023 
2.9.2插入空格024 
2.9.3插入特殊字符025 
2.10就業面試技巧與解析025 
2.10.1面試技巧與解析（一） 025 
2.10.2面試技巧與解析（二） 026 
第3章CSS 3基礎入門027 
◎本章教學微視頻：15個42分鐘
3.1 CSS概述027 
3.1.1 CSS概述027 
3.1.2 CSS的發展歷史028 
3.1.3 CSS 3的新功能028 
3.2 CSS的基本語法028 
3.3 HTML網頁應用CSS樣式的方法029 
3.3.1使用行內樣式表029 
3.3.2使用內部CSS 030 
3.3.3引入外部樣式表031 
3.3.4導入外部樣式文件031 
3.3.5註釋CSS 032 
3.4 CSS三大特性033
3.4.1 CSS層疊性033 
3.4.2 CSS繼承性034 
3.4.3 CSS優先性035 
3.5在腳本中修改顯示樣式036 
3.5.1隨機改變頁面的背景色036 
3.5.2動態增加立體效果036 
3.6實踐案例——設計登錄和註冊界面037 
3.7就業面試技巧與解析040 
3.7.1面試技巧與解析（一） 040 
3.7.2面試技巧與解析（二） 040 
第4章CSS 3樣式選擇器041 
◎本章教學微視頻：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動態偽類選擇器049 
4.4.1內容相關的屬性049
4.4.2插入圖像049 
4.4.3只插入部分元素050 
4.4.4配合quotes屬性執行插入051 
4.4.5配合counter-increment屬性添加
               編號052 
4.4.6使用自定義編號053 
4.4.7添加多級編號054 
4.5 CSS 3新增的偽類選擇器055 
4.5.1結構性偽類選擇器055 
4.5.2 UI元素狀態偽類選擇器057 
4.5.3目標（:target）偽類選擇器059 
4.5.4否定（ :not）偽類選擇器059 
4.6屬性選擇器060 
4.7實踐案例——製作404頁面061 
4.8就業面試技巧與解析063 
4.8.1面試技巧與解析（一） 063 
4.8.2面試技巧與解析（二） 063 
第5章使用並美化網頁文本064 
◎本章教學微視頻：16個43分鐘
5.1設置網頁文本字體064 
5.1.1設置字體粗細屬性064 
5.1.2設置字體風格屬性065 
5.1.3設置字體大小屬性066
5.1.4設置字體類型屬性067 
5.1.5設置文本行高屬性068 
5.1.6設置字體複合屬性069 
5.1.7定義網頁文本顏色屬性070 
5.2設置網頁文本的縮進和間距070 
5.2.1設置首行縮進屬性071 
5.2.2設置字符間距屬性071 
5.2.3設置單詞間距屬性072 
5.3設置網頁文本的對齊方式073 
5.3.1控製文本的水平對齊方式073 
5.3.2控製文本的垂直對齊方式074 
5.4 CSS 3新增的服務器字體075 
5.4.1使用服務器字體076 
5.4.2定義斜體、粗體和粗斜體字077 
5.4.3優先使用客戶端字體078 
5.5實踐案例——設置簡單的文字效果079 
5.6就業面試技巧與解析080 
5.6.1面試技巧與解析（一） 080 
5.6.2面試技巧與解析（二） 080 
第6章使用並美化網頁圖像081 
◎本章教學微視頻：17個48分鐘
6.1插入網頁圖像081 
6.1.1網頁圖像格式081 
6.1.2插入圖像標籤082
6.2設置網頁圖像083 
6.2.1設置圖像路徑及文件083 
6.2.2設置圖像的寬度和高度083 
6.2.3設置圖像的提示文字084 
6.3設置網頁圖像樣式085 
6.3.1設置圖像邊框085 
6.3.2設置圖像不透明度086 
6.3.3設置圓角圖像087 
6.3.4設置陰影圖像088 
6.3.5設置圖像與文字的對齊方式089 
6.3.6圖文混排090 
6.4設置網頁背景顏色和背景圖091 
6.4.1設置背景顏色091 
6.4.2設置背景圖092 
6.4.3設置背景圖平鋪093 
6.4.4設置背景圖位置094 
6.4.5設置漸變背景095 
6.5實踐案例——獨特的瀑布流效果096 
6.6就業面試技巧與解析097 
6.6.1面試技巧與解析（一） 097 
6.6.2面試技巧與解析（二） 098 

第2篇核心應用
第7章使用並美化網頁超鏈接100 
◎本章教學微視頻：14個33分鐘
7.1超鏈接基礎100
7.2超鏈接路徑100 
7.3定義超鏈接和熱點區域101 
7.3.1定義超鏈接101 
7.3.2鏈接的目標窗口101 
7.3.3定義不同目標的超鏈接102 
7.3.4定義熱點區域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實踐案例——鼠標指針跟隨的超鏈接
         樣式110 
7.7就業面試技巧與解析111 
7.7.1面試技巧與解析（一） 111 
7.7.2面試技巧與解析（二） 111 
第8章使用並美化網頁列表112 
◎本章教學微視頻：9個27分鐘
8.1列表標籤112 
8.1 .1無序列表112 
8.1.2有序列表113
8.1.3自定義列表115 
8.2列表的常見應用115 
8.2.1使用列表實現縱向菜單115 
8.2.2使用列表實現新聞列表116 
8.2.3使用列表實現圖片的排列117 
8.3設計CSS 3樣式美化列表118 
8.3 .1自定義項目符號118 
8.3.2使用背景圖片設計項目符號119 
8.4實踐案例——設計排行榜120 
8.5就業面試技巧與解析122 
8.5.1面試技巧與解析（一） 122 
8.5.2面試技巧與解析（二） 122 
第9章使用並美化表格123 
◎本章教學微視頻：30個64分鐘
9.1表格的基本結構123 
9.1.1標籤的屬性123 
9.1.2標籤的屬性124 
9.1.3 
和    標籤的屬性124 
9.2創建網頁表格125 
9.2.1創建普通表格125 
9.2.2創建包含表頭的表格126 
9.2.3創建包含標題的表格127 
9.2.4創建沒有邊框的表格128 
9.2.5創建含有跨行、列單元格的表格129 
9.2.6創建含有內嵌標籤元素的表格130 
9.3表格的邊框131 
9.3.1設置表格邊框寬度131 
9.3.2設置表格邊框顏色132 
9.3.3設置    之間的間距133 
9.3.4設置表格內文字與    的間距134 
9.4表格背景135 
9.4.1設置表格背景顏色135 
9.4.2設置表格背景圖136 
9.5表格的行屬性137 
9.5.1設置表格的行高137 
9.5.2設置邊框顏色138 
9.5.3設置行背景顏色139 
9.5.4設置行文字的水平對齊方式139 
9.5.5設置行文字的垂直對齊方式140 
9.6單元格屬性141 
9.6.1設置單元格的寬度和高度141 
9.6.2設置單元格的對齊方式142 
9.6.3設置單元格的背景色143 
9.6.4設置單元格的邊框顏色143 
9.6.5設置單元格的亮邊框和暗邊框144 
9.6.6設置單元格的背景圖145 
9.7使用CSS樣式美化表格145 
9.7.1設置細線表格145 
9.7.2設置表格標題的樣式146 
9.8實踐案例148 
9.8.1設置隔行換色表格148 
9.8.2設置日曆表149 
9.9就業面試技巧與解析150 
9.9.1面試技巧與解析（一） 150
9.9.2面試技巧與解析（二） 150 
第10章使用並美化表單151 
◎本章教學微視頻：23個55分鐘
10.1表單的基本結構151 
10.2表單及表單控件152 
10.2.1表單form標籤152 
10.2. 2表單input標籤152 
10.2.3使用label定義標籤152 
10.2.4使用button定義按鈕153 
10.2.5使用