目录

  • 1 课前准备
    • 1.1 开课导学
    • 1.2 软件下载
    • 1.3 教材信息
    • 1.4 课程标准
    • 1.5 课程进度表
    • 1.6 致示范包任课教师
  • 2 项目1—任务1:文本类网页
    • 2.1 任务导学
    • 2.2 任务教程
    • 2.3 结构段落标签
    • 2.4 CSS样式引入及文本属性
    • 2.5 任务实现
    • 2.6 课后练习任务
    • 2.7 反思小结
  • 3 项目1—任务2:列表类网页
    • 3.1 任务导学
    • 3.2 任务教程
    • 3.3 列表及媒体标签
    • 3.4 基础选择器及权重
    • 3.5 任务实现
    • 3.6 课后练习任务
    • 3.7 反思小结
    • 3.8 阶段拓展作业
  • 4 项目1—任务3:超链接网页
    • 4.1 任务导学
    • 4.2 任务教程
    • 4.3 超链接
    • 4.4 字体边框属性及链接伪类
    • 4.5 任务实现
    • 4.6 课后练习任务
    • 4.7 反思小结
  • 5 项目1—任务4:表格类网页
    • 5.1 任务导学
    • 5.2 任务教程
    • 5.3 表格建立与样式设置
    • 5.4 背景属性
    • 5.5 任务实现
    • 5.6 课后练习任务
    • 5.7 反思小结
    • 5.8 阶段综合任务
  • 6 项目1—任务5:表单交互类网页
    • 6.1 任务导学
    • 6.2 任务教程
    • 6.3 表单及表单元素
    • 6.4 新增表单元素及元素属性
    • 6.5 任务实现
    • 6.6 课后练习任务
  • 7 项目1—任务6:综合网页制作(1)
    • 7.1 任务导学
    • 7.2 任务教程
    • 7.3 盒模型/浮动/属性选择器
    • 7.4 元素类型及转换
    • 7.5 任务实现
    • 7.6 课后练习任务
  • 8 项目1—任务6:综合网页制作(2)
    • 8.1 任务导学
    • 8.2 任务教程
    • 8.3 定位属性及子元素伪类选择器
    • 8.4 任务实现
    • 8.5 课后练习任务
  • 9 项目1-任务7:动画效果制作(1)
    • 9.1 任务导学
    • 9.2 任务教程
    • 9.3 过渡属性
    • 9.4 2 D变形属性
    • 9.5 任务实现
    • 9.6 课后练习任务
  • 10 项目1-任务7:动画效果制作(2)
    • 10.1 任务导学
    • 10.2 任务教程
    • 10.3 3D变形属性
    • 10.4 动画属性
    • 10.5 任务实现
    • 10.6 课后练习任务
  • 11 项目2-企业网站项目实战
    • 11.1 项目导学
    • 11.2 任务1-网站设计与制作准备
    • 11.3 任务2-网站首页制作
    • 11.4 任务3-网站二级列表页面制作
    • 11.5 任务4-网站三级内容页面制作
  • 12 项目3-响应式网页
    • 12.1 项目导学
    • 12.2 任务1:响应式布局
    • 12.3 任务2:响应式导航
    • 12.4 任务3:响应式模块
  • 13 课程案例库
    • 13.1 课程案例
任务导学

任务导学

学时:4学时

学习流程:

一、1-2学时任务:

1.阅读任务教程,学习任务7-2”2.3.2 3D变形 和2.3.3 动画相关知识;

2.学习10.3中相关的课件、视频资源

3.查看顶部导航中的“作业”完成“作业29“;

3.查看10.5中的任务单卡,学习任务7-2实现操作视频,完成任务效果,;

4.在浏览器中浏览完成效果并与任务单卡7-2做对比,进行完善,完成作业;

5.运用“flashFXP”上传软件将项目文件夹web上传至班级你自己的序号当中,不要传到别的同学的序号下了哦,以便教师检查,在浏览器地址栏中输入网址(http://hycollege.hyxr.com/班级/序号/web/本次课的任务文件名)查看是否成功上传,本次课任务7-2的文件名为:index.html。将之前的文件覆盖,如果能看到你完成的页面效果,说明上传成功。

6.查看顶部导航中的“作业”完成“作业30”;

二、3-4学时任务:

1.查看顶部导航中的“作业”完成“作业31”;