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