課程體系解析、常見系統(tǒng)介紹、HTML簡介、IDE介紹
HTML常用標簽(h1-h6、p、b、hr、ul、li、a、img)、常用屬性、特殊符號
表格標簽使用、單元格合并、單元格邊框、邊框距離
表單標簽的意義,屬性,表單元素標簽及常用屬性,表單提交方式及區(qū)別
行內(nèi)樣式、內(nèi)嵌樣式、外部樣式、選擇器(*選擇器、id選擇器、html標簽選擇器、class選擇器)文本樣式、列表樣式、背景樣式、偽類樣式
浮動、盒子模型、內(nèi)邊距、外邊距、定位屬性、相對定位、固定位置
使用DIV標簽和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)