任务目标

 在HBuilderX IDE环境下创建Web项目，熟悉Web项目目录构成。

任务要求

（1）在HBuilder工具中创建新云课堂项目目录。

（2）在项目目录的根路径创建index.html文件。项目目录构成如图1-19所示。

（3）编写测试页面内容，并使用内置浏览器插件预览，验证环境是否搭建成功。

效果图如下：

任务实施

(1) 在HBuilderX IDE环境下创建新云课堂项目。

(2) 创建index.html文件。

(3) 编写测试内容页面。

教学微课

教学课件

经验分享

项目目录并不是严格固定的，通常根据具体需求去设计。但基本是要将同一类文件放到相同的目录下，如css文件夹下放置的应该全部是.css文件。文件夹名也可以相对自由地设定，但是推荐使用予以清晰的英文单词作为文件夹名称,css文件夹也可以使用style作为名字。常见的前端项目的路径结构也可可以是这样的，根据具体的内容关联进行区分：

能量贴士

“业精于勤，荒于嬉；行成于思，毁于随。”，意思是学业由于勤奋而精通，但它却能荒废在游戏玩耍中，事情由于反复思考而成功，但它却能毁灭于不经大脑的随性中。语出韩愈《进学解》。