課程體系解析、常見系統(tǒng)介紹、HTML簡(jiǎn)介、IDE介紹
HTML常用標(biāo)簽(h1-h6、p、b、hr、ul、li、a、img)、常用屬性、特殊符號(hào)
表格標(biāo)簽使用、單元格合并、單元格邊框、邊框距離
表單標(biāo)簽的意義,屬性,表單元素標(biāo)簽及常用屬性,表單提交方式及區(qū)別
行內(nèi)樣式、內(nèi)嵌樣式、外部樣式、選擇器(*選擇器、id選擇器、html標(biāo)簽選擇器、class選擇器)文本樣式、列表樣式、背景樣式、偽類樣式
浮動(dòng)、盒子模型、內(nèi)邊距、外邊距、定位屬性、相對(duì)定位、固定位置
使用DIV標(biāo)簽和CCS技術(shù)的結(jié)合,對(duì)網(wǎng)頁(yè)進(jìn)行設(shè)計(jì)布局
掌握CSS3的彈性布局和網(wǎng)格布局、彈性盒子常用屬性和布局實(shí)現(xiàn)
響應(yīng)式設(shè)計(jì)的概念和原理、 使用CSS3媒體查詢創(chuàng)建響應(yīng)式布局,css動(dòng)畫,Canvas繪制圖形
項(xiàng)目實(shí)戰(zhàn):
愛尚商城項(xiàng)目:
(1)基本布局分析、頁(yè)面通用樣式書寫、iconfont字體庫(kù)引入
(2)項(xiàng)目首頁(yè)logo、搜索框、購(gòu)物車、導(dǎo)航欄、廣告咨詢實(shí)現(xiàn)
(3)今日推薦、樓層導(dǎo)航、產(chǎn)品詳情、分頁(yè)底部實(shí)現(xiàn)志查詢
(4)商品詳情頁(yè)面頭部區(qū)域、推薦品牌、商品介紹實(shí)現(xiàn)
(5)用戶登錄頁(yè)面實(shí)現(xiàn),頁(yè)面跳轉(zhuǎn)
(6) 用戶注冊(cè)頁(yè)面實(shí)現(xiàn)