第一天 | 了解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个) | |