任务概述

近年来，“互联网+教育”不断创新和完善，在线教学、在线考试等网络教学新形式让传统的教育焕发出新的活力。

在本书的学习过程中，我们要设计和开发一个实用的在线学习平台——新云课堂。新云课堂就是利用互联网技术打造以用户为中心的学习平台，传播真正有价值的知识，不断提升互联网用户的知识水平，满足学习者多元化学习要求。新云课堂项目主要包括课程推荐页面（页面通用头部+轮播区域+“成长路线”列表+“课程列表”部分+“更多好课”部分+页面通用尾部）即首页，课程播放页面（页面通用头部+播放区域+“课程资料”表格+“视频列表”列表+页面通用尾部+置顶按钮），课程说明页面，信息登记页面，用户登录页面，用户注册页面等页面构成。

在本学习单元，我们首先来搭建“新云课堂”项目开发环境。“新云课堂”项目把HBuilderX作为网页代码的编辑工具，把Chrome浏览器作为网页效果测试工具。我们将在开发工具中安装相应的插件，从而提高开发效率。HBuilderX是数字天堂（DCloud）公司推出的一款支持HTML5（Hypertext Markup Language 5，第5代超文本标记语言）的Web开发的集成开发环境（Integrated Development Environment，IDE）。编写速度快是它最大的优势，它通过完整的语法提示和代码输入功能，大幅提升了Web开发的工作效率。HBuilderX是一款国产软件，是非常优秀的HTML 5前端开发工具，HBuilderX让我们看到了国产编辑器的曙光。

梁启超曾说：“少年智则国智，少年富则国富，少年强则国强……少年进步则国进步……少年雄于地球，则国雄于地球。”作为当代大学生，我们更应该懂得肩负的历史使命与责任，在学习过程中坚定理想信念，学思结合、知行合一。

素质目标

培养学生远大职业理想，为祖国信息技术事业做出贡献的决心。

培养学生自主学习、终身学习的能力。

知识目标

了解Web相关概念。

了解当前主流Web浏览器与浏览器分类依据。

了解HTML5的优势。

技能目标

掌握HBuilderX、Chrome浏览器的安装与使用。

掌握在HBuilderX中进行Web项目的搭建流程。