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