課程體系解析、常見系統(tǒng)介紹、HTML簡介、IDE介紹

HTML常用標(biāo)簽(h1-h6、p、b、hr、ul、li、a、img)、常用屬性、特殊符號

表格標(biāo)簽使用、單元格合并、單元格邊框、邊框距離

表單標(biāo)簽的意義，屬性，表單元素標(biāo)簽及常用屬性，表單提交方式及區(qū)別

行內(nèi)樣式、內(nèi)嵌樣式、外部樣式、選擇器(*選擇器、id選擇器、html標(biāo)簽選擇器、class選擇器）文本樣式、列表樣式、背景樣式、偽類樣式

浮動、盒子模型、內(nèi)邊距、外邊距、定位屬性、相對定位、固定位置

使用DIV標(biāo)簽和CCS技術(shù)的結(jié)合，對網(wǎng)頁進行設(shè)計布局

掌握CSS3的彈性布局和網(wǎng)格布局、彈性盒子常用屬性和布局實現(xiàn)

響應(yīng)式設(shè)計的概念和原理、 使用CSS3媒體查詢創(chuàng)建響應(yīng)式布局,css動畫,Canvas繪制圖形

項目實戰(zhàn)：

愛尚商城項目：

（1）基本布局分析、頁面通用樣式書寫、iconfont字體庫引入

（2）項目首頁logo、搜索框、購物車、導(dǎo)航欄、廣告咨詢實現(xiàn)

（3）今日推薦、樓層導(dǎo)航、產(chǎn)品詳情、分頁底部實現(xiàn)志查詢

（4）商品詳情頁面頭部區(qū)域、推薦品牌、商品介紹實現(xiàn)

（5）用戶登錄頁面實現(xiàn),頁面跳轉(zhuǎn)

  (6) 用戶注冊頁面實現(xiàn)