-
1 课前准备
-
1.1 集成开发软件
-
1.2 教材信息
-
1.3 课程标准
-
1.4 课程考核要求
-
2 初识HTML5—— 任务1:文本类页面制作
-
2.1 HTML5 概述
-
2.2 任务实现
-
2.3 课程思政—家乡红色文化素材收集
-
2.4 反思小结
-
3 项目1:广东红色文化网站制作——任务2:CSS美化页面
-
3.1 结构段落类元素
-
3.2 CSS样式引入及文本属性
-
3.3 任务实现
-
3.4 课后练习任务
-
3.5 课程思政——工匠精神
-
3.6 反思小结
-
4 项目1:广东红色文化网站制作—任务3和4:列表类网页
-
4.1 列表及媒体类元素
-
4.2 基础选择器及权重
-
4.3 任务实现
-
4.4 课后练习任务
-
4.5 课程思政——自主学习
-
4.6 反思小结
-
5 项目1:广东红色文化网站制作—任务5和6:超链接网页
-
5.1 超链接
-
5.2 字体边框属性及链接伪类
-
5.3 任务实现
-
5.4 课后练习任务
-
5.5 反思小结
-
6 项目1:广东红色文化网站制作—任务7:背景属性
-
6.1 背景属性
-
6.2 任务实现
-
6.3 课后练习任务
-
7 项目1:广东红色文化网站制作—任务8和9:表单交互类网页
-
7.1 表格及表单元素
-
7.2 新增表单及表单元素
-
7.3 任务实现
-
7.4 课后练习任务
-
8 盒子模型及浮动属性
-
8.1 盒子模型
-
8.2 二级导航的实现
-
8.3 课程思政——红色革命故事
-
9 项目2:企业网站—任务1:网页的布局及美化
-
9.1 任务2-1页面布局
-
9.2 任务2-2页面实现
-
9.3 课程思政—知识产权保护法
-
10 CSS3 高级动画
-
10.1 transition过渡动画
-
10.2 transform 2D动画
-
10.3 transfrom 3D动画
-
11 项目3—响应式网页设计
-
11.1 响应式设计
-
11.2 任务实现
-
11.3 弹性布局