目录

  • 1 课程介绍
    • 1.1 课程介绍
    • 1.2 思政设计
    • 1.3 软件安装
  • 2 任务一 创建第一个HTML5网页
    • 2.1 教学设计
    • 2.2 任务描述
    • 2.3 知识准备
    • 2.4 任务实现
    • 2.5 任务小结
    • 2.6 测试
    • 2.7 拓展
    • 2.8 教学反思
  • 3 任务二 搭建学院简单网站
    • 3.1 教学设计
    • 3.2 任务描述
    • 3.3 知识准备
    • 3.4 任务实现
    • 3.5 测试
    • 3.6 任务小结
    • 3.7 拓展
  • 4 任务三 美化学院简单网站
    • 4.1 教学设计
    • 4.2 任务描述
    • 4.3 知识准备
    • 4.4 任务实现
    • 4.5 任务小结
    • 4.6 测试
    • 4.7 拓展
  • 5 任务四 制作学院介绍页面
    • 5.1 教学设计
    • 5.2 任务描述
    • 5.3 知识准备
    • 5.4 任务实现
    • 5.5 任务小结
    • 5.6 测试
    • 5.7 拓展
  • 6 任务五 制作学院网站导航条
    • 6.1 教学设计
    • 6.2 任务描述
    • 6.3 知识准备
    • 6.4 任务实现
    • 6.5 任务小结
    • 6.6 测试
    • 6.7 拓展
  • 7 任务六 制作学院新闻块
    • 7.1 教学设计
    • 7.2 任务描述
    • 7.3 知识准备
    • 7.4 任务实现
    • 7.5 任务小结
    • 7.6 测试
    • 7.7 拓展1 盒子模型
    • 7.8 拓展2 CSS常见数值单位
    • 7.9 拓展3 行内元素与块级元素
    • 7.10 拓展4 flex布局
  • 8 任务七 制作学生信息表
    • 8.1 教学设计
    • 8.2 任务描述
    • 8.3 知识准备
    • 8.4 任务实现
    • 8.5 任务小结
    • 8.6 测试
    • 8.7 拓展
  • 9 任务八 制作学生信息注册表单
    • 9.1 教学设计
    • 9.2 任务描述
    • 9.3 知识准备
    • 9.4 任务实现
    • 9.5 任务小结
    • 9.6 测试
    • 9.7 拓展
  • 10 任务九布局学院网站主页
    • 10.1 教学设计
    • 10.2 任务描述
    • 10.3 知识准备
    • 10.4 任务实现
    • 10.5 任务小结
    • 10.6 测试
    • 10.7 拓展
  • 11 任务十 使用CSS3制作动画效果
    • 11.1 教学设计
    • 11.2 任务描述
    • 11.3 知识准备
    • 11.4 任务实现
    • 11.5 任务小结
    • 11.6 测试
    • 11.7 拓展
  • 12 任务十一 学院网站
    • 12.1 教学设计
    • 12.2 任务描述
    • 12.3 任务实现
    • 12.4 任务小结
    • 12.5 拓展
  • 13 任务十二 制作化妆品网站
    • 13.1 教学设计
    • 13.2 任务描述
    • 13.3 任务实现
    • 13.4 任务小结
    • 13.5 拓展
知识准备
  • 1 知识准备
  • 2 认识Web前端开发
  • 3 HTML5概述

知识准备

2005年以后,互联网进入 Web 2.0 时代,各种类似桌面软件的 Web应用大量涌现,网站的前端由此发生了翻天覆地的变化。网页不再只承载单一的文字和图片,各种丰富的媒体让网页的内容更加生动,网页的各种交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。