第一天 | 了解Web前端及開發前的準備 | 1.WEB前端現狀 2.IDE環境介紹安裝配置 3.WebStorm使用 4.HTML骨架 |
第二天 | DTD文檔模型及HTML基礎元素 | 1.DTD文檔模型介紹 2.HTML基礎元素 3.WebStorm快捷鍵 |
第三天 | HTML框架集與布局 | 1.frameset框架集 2.iframe內聯框架 3.div+css布局 4.table布局 |
第四天 | CSS基本樣式、基礎選擇器、選擇器優先級 | 1.類選擇器 2.id選擇器 3.元素選擇器 4.關系選擇器 5.屬性選擇器 6.偽類選擇器 7.偽元素選擇器 8.選擇器優先級 9.基本樣式(背景,字體等) |
第五天 | CSS3動畫 | 1.2D變換 2.過度 3.動畫 |
|
第一個月:第二周 (CSS基礎) |
第一天 | HTML Form表單提交 | 1.form表單描述及input標簽 2.form表單配合table標簽 3.form表單配合更多標簽 4.html5新增input類型 5.表單提交到服務器 6.meta標簽 |
第二天 | CSS浮動、定位 | 1.浮動 2.清除浮動 3.定位(position) 4.z-index |
|
第三天 | CSS盒子模型 | 1.內邊距(padding) 2.外編劇(margin) 3.邊框 |
|
第四天 | 怪異盒子模型、伸縮盒子模型 | 1.怪異盒子模型 2.新伸縮盒子 3.舊伸縮盒子 4.伸縮盒子屬性 |
|
第五天 | HTML與CSS實例操作 | 1.HTML與CSS布局使用及樣式添加(今日頭條) | |
第一個月:第三周 (CSS3新特性) |
第一天 | HTML5新增元素 | 1.HTML5新增元素(footer、header等) 2.HTML實體 3.編碼格式 4.HTML5新增元素(表單新增屬性) |
第二天 | CSS3媒體查詢、CSS3多列布局 | 1.媒體查詢(Media Queries) 2.grid 3.多列布局 4.resize 5.繪制三角形 6.繪制矩形 7.繪制梯形 8.繪制特殊圖形 |
|
第三天 | 實例頁面 | 實例頁面(2個) | |