
html+css網頁前端課程培訓
第一章 HTML代碼基礎回顧
1.1常見的文本及區塊標簽
1.2 超級鏈接和錨記鏈接
1.3 圖像標簽及路徑
1.4 表格標簽
1.5 表單的制作
1.6京東模塊布局案例
1.7 京東注冊表案例
第二章 CSS層疊樣式表概述
2.1.CSS語法格式及7種選擇器
2.2.常見的文本樣式
2.3.背景樣式及簡寫規則
2.4.盒子模型的概念以及內邊距和外邊距
2.5.盒子模型的邊框及應用
2.6.三種不同類型的區塊及轉換
2.7.添加浮動和清除浮動及導航條案例
2.8.選擇器優先級和其他屬性
第三章 網頁布局小案例
3.1.CSS文本樣式-百度W3C頁面
3.2.背景樣式的應用-模擬小米5頁面
3.3.浮動布局案例練習-網頁基礎框架1
3.4.浮動布局案例練習-網頁基礎框架2
3.5.網頁布局實戰-Gulp中文網
第四章 網站首頁制作實例
4.1.網站框架搭建及頭部布局
4.2.海報區域和公司簡介布局搭建
4.3.產品展示區域的搭建
4.4.新聞區域的搭建
4.5.底部區域和頁面細節及代碼優化
第五章 網站整站布局案例
5.1.三種定位布局方式
5.2.帶有下拉框的導航條
5.3.定位在交互上的應用
5.4.CSS3的transition屬性及應用
5.5.CSS3的其他常用屬性
第六章 商業網站的綜合實例
6.1.1網站首頁 - 頭部及海報區域的搭建(上)
6.1.2 網站首頁 - 頭部及海報區域的搭建(下)
6.2.1網站首頁 - 帶有下拉框的導航菜單搭建(上)
6.2.2網站首頁 - 帶有下拉框的導航菜單搭建(下)
6.3.網站首頁 - 廣告模塊及新聞區域
6.4.網站首頁 - 底部區域的搭建
6.5.網站內頁的搭建技巧