目录

  • 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.第一个网站

第一个网站是由互联网之父 Tim Bermers-Lee 于1991年创建的。第一个网站不包含任何图像只有文本和超链接。

2.W3C成立1994 年,W3C成立,将HTML确立为网页的标准标记语言。W3C 一直致力于确立与维护网页编程语言的标准(如JavaScript)。

3基于表格的网页表格布局使网页设计师制作网站时有了更多选择。基于表格的网页更加复杂,有更多的栏目也使建立一个网站变得更加容易。

4.Flash 网站

从2000 年开始,Flash 网站因能够实现多种酷炫的效果而迅速风靡世界。Flash 网站在视觉效果互动效果等多方面具有很强的优势,被广泛应用于汽车、奢侈品等行业。

5,基于 CSS 的设计

CSS 于21世纪初受到关注。它将网页的内容与样式分离,这在本质上意味着视觉表现与内容结构的分离,使网站维护更加简便。人们完全可以改变一个基于 CSS 设计的网站的视觉效果而不用改动网站的内容。

6,HTML5的诞生

HTML5于2008 年正式发布。HTMLS 由不同的技术构成,其在互联网中得到了广泛的应用。HTML5 是互联网的下一代标准之一,是构建以及呈现互联网内容的一种语言方式,是互联网的核心技术之一。

未来网页将会更加多样化、个性化,随着人工智能等新技术的发展,网页独特的需求变得更加重要。web 前端开发工程师需要有很强的学习能力、良好的敬业精神、较好的沟通能力、良好的团队合作精神及独立的工作能力。