目录

  • 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:响应式模块
任务导学

任务导学

学时:4学时

学习流程:

一、任务1-1(2学时)

1.阅读教材P1-18及本节线上任务教程,学习”任务1-1”相关知识,任务教程是要在线上完成的任务点,是课程线上成绩的重要组成部分;

2.学习本章第3点中的相关的课件、视频资源,这是线上完成的任务点,是课程线上成绩的重要组成部分;

3.查看顶部导航中的“作业”完成“作业1”,请在截止时间之前完成,这是课程线上成绩的重要组成部分。

4.查看本章第5点中的任务单卡,学习任务1-1实现操作视频任务实现操作视频是要在线上完成的任务点,也是课程线上视频成绩的重要组成部分;

5.在浏览器中浏览完成效果并与任务单卡1做对比,进行完善;

二、任务1-2(2学时)

1.阅读教材P21-39及本节线上任务教程,学习任务1-2”相关知识,任务教程是要在线上完成的任务点,是课程线上成绩的重要组成部分;

2.学习本章节第4点中相关的课件、视频资源,这是线上完成的任务点,是课程线上成绩的重要组成部分;

3.查看顶部导航中的“作业”完成“作业2”,请在截止时间之前完成,这是课程线上成绩的重要组成部分。

4.查看本章第5点中的任务单卡,学习任务1-2实现操作视频,完成任务效果,任务实现操作视频是要在线上完成的任务点,也是课程线上成绩的重要组成部分。

5.在浏览器中浏览完成效果并与任务单卡1做对比,进行完善;


三、温馨提示

1.本门课程是线上教学模式,本周是在线学习的第一周,如在学习过程中如有什么问题,请在班级群内@老师哦!在以后的学习过程中进行改进,本次任务导学写得比较详细,以后大家就按照这个模式进行学习。

2.注意:以上步骤中所提到的“线上任务教程、课件、视频资源、作业任务、任务实现操作视频在以后的任务中都有,一样要按时完成,不能超过所定义的截止时间,不然会影响线上的学习成绩。