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