课程门户-章节详情

网页制作技术（HTML5+CSS3）

丁家金

1 课前准备
- 1.1 课程概述
- 1.2 开课导学
- 1.3 学习工具下载
- 1.4 课程标准与考核方案
- 1.5 课程进度表
- 1.6 教材信息
- 1.7 致引用示范包任课教师
2 项目1—任务1：文本类网页
- 2.1 任务导学
- 2.2 任务电子版教程
- 2.3 课前预习：结构段落标签（1-2学时）
- 2.4 课前预习：CSS样式引入及文本属性(3-4学时）
- 2.5 课中任务：“诚聘英才”页面制作
- 2.6 ♥♥♥思政园地：学会坚持，放弃浮躁♥♥♥
- 2.7 课后拓展练习任务
- 2.8 反思小结
3 项目1—任务2：列表类网页
- 3.1 任务导学
- 3.2 任务电子教程
- 3.3 课前预习：列表及媒体标签（1-2学时）
- 3.4 课前预习：基础选择器及权重（3-4学时）
- 3.5 课中任务：“新闻中心”页面制作
- 3.6 ♥♥♥思政园地：苦痛可以通往梦想之境♥♥♥
- 3.7 课后拓展练习任务
- 3.8 反思小结
- 3.9 阶段拓展作业
4 项目1—任务3：超链接网页
- 4.1 任务导学
- 4.2 任务电子教程
- 4.3 课前预习：超链接（1-2学时）
- 4.4 课前预习：字体、边框属性及链接伪类（3-4学时）
- 4.5 课中任务：“新闻详情”页面制作
- 4.6 ♥♥♥思政园地：积少成多，滴水穿石♥♥♥
- 4.7 课后拓展练习任务
- 4.8 反思小结
5 项目1—任务4：表格类网页
- 5.1 任务导学
- 5.2 任务电子教程
- 5.3 课前预习：表格建立与样式设置（1-2学时）
- 5.4 课前预习：背景属性（3-4学时）
- 5.5 课中任务：“案例展示”页面制作
- 5.6 ♥♥♥思政园地：麻痹与骄傲是两个大敌♥♥♥
- 5.7 课后拓展练习任务
- 5.8 反思小结
- 5.9 阶段综合任务
6 项目1—任务5：表单交互类网页
- 6.1 任务导学
- 6.2 任务电子教程
- 6.3 课前预习：表单及表单元素（1-2学时）
- 6.4 课前预习：新增表单元素及元素属性（3-4学时）
- 6.5 课中任务：“在线留言”页面制作
- 6.6 ♥♥♥思政园地：人生要学会不断超越自己♥♥♥
- 6.7 课后拓展练习任务
7 项目1—任务6：综合网页制作（1）
- 7.1 任务导学
- 7.2 任务电子教程
- 7.3 课前预习：盒模型/浮动/属性选择器（1-2学时）
- 7.4 课前预习：元素类型及转换（3-4学时）
- 7.5 课中任务：“首页”页面制作一
- 7.6 反思小结
- 7.7 ♥♥♥思政园地：快乐就在我们身边♥♥♥
- 7.8 课后拓展练习任务
8 项目1—任务6：综合网页制作（2）
- 8.1 任务导学
- 8.2 任务电子教程
- 8.3 课前预习：定位属性（1-2学时）
- 8.4 课前预习：子元素伪类选择器（3-4学时）
- 8.5 课中任务：“首页”页面制作（二）
- 8.6 反思小结
- 8.7 ♥♥♥思政园地：人生因拼搏而精彩♥♥♥
- 8.8 ♥♥♥思政园地：做最好的自己♥♥♥
- 8.9 课后拓展练习任务
9 项目1-任务7：动画效果制作（1）
- 9.1 任务导学
- 9.2 任务电子教程
- 9.3 课前预习：过渡属性（1-2学时）
- 9.4 课前预习：2D变形属性（3-4学时）
- 9.5 课中任务：“首页”动画制作一
- 9.6 课后拓展练习任务
10 项目1-任务7：动画效果制作（2）
- 10.1 任务导学
- 10.2 任务电子教程
- 10.3 课前预习：3D变形属性（1-2学时）
- 10.4 课前预习：动画属性（3-4学时）
- 10.5 课中任务：“首页”动画制作二
- 10.6 ♥♥♥思政园地：冬尽春来♥♥♥
- 10.7 课后拓展练习任务
11 项目2-企业网站项目实战
- 11.1 项目导学
- 11.2 任务电子教程
- 11.3 任务1-网站设计与制作准备
- 11.4 任务2-网站首页制作
- 11.5 任务3-网站二级列表页面制作
- 11.6 任务4-网站三级内容页面制作
12 项目3-响应式网页
- 12.1 项目导学
- 12.2 任务1：响应式布局
- 12.3 任务2：响应式导航
- 12.4 任务3：响应式模块

课前预习：基础选择器及权重（3-4学时）

1.课件

2.选择器分类

3.选择器的权重

4.列表属性

5.动画游戏

交互演示

6.知识点测试——列表样式（HTML5融媒体交互动画）

扫描右侧二维码根据提示完成测试，巩固学习成果。

7.知识点测试——元素选择符（HTML5融媒体交互动画）

扫描右侧二维码根据提示完成测试，巩固学习成果。

图片预览