1

• 模块一 初识HTML5
• 1.1模块一 任务指令
• 1.2项目1-1 创建第一个...
•     1.2.1知识点：html5语法
•     1.2.2知识点：元信息标记
• 1.3项目1-2 制作图文并茂...
•     1.3.1知识点：文本控制标记
•     1.3.2知识点：网页图像格式
•     1.3.3知识点：图像标记img
•     1.3.4知识点：绝对和相对路径
• 1.4项目1-3 制作含有超链...
•     1.4.1知识点：超链接
•     1.4.2知识点：锚点链接
• 1.5项目1-4 制作含有列表...
•     1.5.1知识点：列表标记
• 1.6项目1-5 制作含有视频...

2

• 模块二 走进CSS3
• 2.1模块二 任务指令
• 2.2项目2-1 使用CSS设...
•     2.2.1知识点：CSS样式规则
•     2.2.2知识点：字体属性
•     2.2.3知识点：文本属性
•     2.2.4知识点：@font-f...
• 2.3项目2-2 使用CSS设...
•     2.3.1知识点：链接伪类
•     2.3.2多种超链接样式
• 2.4项目2-3 使用CSS美...
•     2.4.1知识点：背景属性
• 2.5项目2-4 使用CSS美...
•     2.5.1知识点：表格标记
•     2.5.2知识点：边框属性
• 2.6项目2-5 制作学员信息...
•     2.6.1知识点：表单标记
•     2.6.2知识点：input标记...
•     2.6.3知识点：其他表单元素

3

• 模块三 网页项目实战
• 3.1模块3 任务指令
• 3.2项目3-1 制作招生信息...
•     3.2.1知识点：盒子模型
•     3.2.2知识点：结构元素
•     3.2.3知识点：box-siz...
• 3.3项目3-2 制作大国工匠...
•     3.3.1知识点：浮动与溢出
•     3.3.2知识点：渐变属性
•     3.3.3技能点：弹性布局
•     3.3.4技能点：二级菜单
• 3.4项目3-3 制作海报新闻...
•     3.4.1知识点：定位与类型转换
•     3.4.2知识点：阴影box-s...
•     3.4.3知识点：border-...
•     3.4.4技能点：border-...
• 3.5项目3-4 制作海报新闻...
•     3.5.1知识点：过渡与变形
•     3.5.2技能点：动画anima...
•     3.5.3技能点：小米布局
•     3.5.4技能点：播放按钮
• 3.6项目3-5 制作美妆网页
•     3.6.1技能点：水平垂直居中
•     3.6.2技能点：iconfon...

4

• 课程教学资料
• 4.1课程标准
• 4.2课程整体设计
• 4.3课程单元设计
• 4.4课程教案
• 4.5课程教学计划
• 4.6教学课件

5

• "1 X"证书前端开发资料
• 5.1Web前端开发初级
• 5.2Web前端开发中级
• 5.3Web前端开发高级

6

• 学生作品
• 6.122级学生作品
• 6.221级学生作品
• 6.320级学生作品
• 6.419级学生作品
• 6.518级学生作品