視頻簡介：
1. 掌握HTML的基礎(chǔ)語法和常用標(biāo)簽的使用
2. 能夠通過HTML完成網(wǎng)頁基礎(chǔ)結(jié)構(gòu)的搭建。
3. 掌握多種CSS選擇器選擇標(biāo)簽的技巧
4. 能夠通過盒子模型、浮動、定位等布局技巧完成網(wǎng)頁布局
5. 能夠使用背景、圓角、陰影等裝飾屬性進(jìn)一步美化網(wǎng)頁
6. 掌握基于設(shè)計(jì)稿開發(fā)網(wǎng)頁的基本流程
7. 能夠綜合運(yùn)用HTML+CSS技術(shù)布局企業(yè)站學(xué)成在線首頁面
8. 能夠綜合運(yùn)用HTML+CSS技術(shù)完成電商站小兔鮮兒首頁的開發(fā)
適用人群：
1. 對前端開發(fā)感興趣的在校生及應(yīng)屆畢業(yè)生
2. 對目前職業(yè)有進(jìn)一步提升需求，希望從事前端行業(yè)高薪崗位的在職人員
3. 對前端開發(fā)感興趣，希望快速入門前端開發(fā)的相關(guān)人員
課程亮點(diǎn)：
1. 實(shí)戰(zhàn)式教學(xué)：每章節(jié)案例都取自一線大廠；
2. 多元化項(xiàng)目：項(xiàng)目選型涵蓋企業(yè)站、電商站、門戶網(wǎng)站等等；
3. 專業(yè)的開發(fā)流程：專業(yè)的測量工具，做到100%還原設(shè)計(jì)稿；編碼規(guī)范對標(biāo)一線大廠開發(fā)標(biāo)準(zhǔn)，做到從頭到尾的專業(yè)開發(fā)。
講解方式：
使用最短的路徑講解每個技術(shù)點(diǎn)，每章節(jié)都自成閉環(huán)，配備取自一線大廠的綜合案例，讓同學(xué)們學(xué)以致用，學(xué)習(xí)中即可切身體會一線大廠的開發(fā)流程和標(biāo)準(zhǔn)。課程中和課程尾配備兩個實(shí)戰(zhàn)項(xiàng)目，項(xiàng)目一類型是企業(yè)站，相對簡單，可以讓同學(xué)們快速的將基礎(chǔ)知識點(diǎn)進(jìn)行反復(fù)練習(xí)；項(xiàng)目二類型是電商站，基于項(xiàng)目一升級難度，可以讓同學(xué)們掌握更復(fù)雜的網(wǎng)頁效果的開發(fā)流程和布局標(biāo)準(zhǔn)。
課程內(nèi)容：
1. HTML基礎(chǔ)語法
2. 排版、多媒體、鏈接標(biāo)簽
3. 列表、表格、表單標(biāo)簽
4. 布局、語義化標(biāo)簽
5. CSS多種選擇器
6. 外觀、文字、背景等CSS樣式屬性
7. 標(biāo)準(zhǔn)流、浮動、定位等CSS布局技巧
8. 偽元素、偽類
9. 圓角、陰影、透明、過渡CSS裝飾屬性
10. 精靈圖、SEO、性能優(yōu)化、版心等項(xiàng)目開發(fā)技巧
