下载掌阅APP，畅读海量书库
立即打开
不管使用哪款开发工具，在开发的时候，我们都需要新建一个HTML页面，然后再在这个页面中编写代码。
HBuilder是专为前端打造的开发工具，上手非常快，也是初学者的首选。这一节我们来介绍一下怎么在HBuilder中新建一个HTML页面。
① 新建Web项目： 在HBuilder的左上方，依次单击【文件】→【新建】→【Web项目】，如图2-2所示。
图2-2 新建Web项目
② 选择文件路径及命名文件夹： 在对话框中，给文件夹命名，并且选择文件夹路径（也就是文件存放的位置）。然后单击【完成】按钮，如图2-3所示。
图2-3 选择文件路径及命名文件夹
③ 新建HTML文件： 在HBuilder左侧的项目管理器中，选中test文件夹，然后单击右键，依次选择【新建】→【HTML文件】，如图2-4所示。
图2-4 新建HTML文件
④ 选择文件路径及给HTML文件命名： 在对话框中选择文件夹路径（也就是HTML文件存放的位置），并且给HTML文件填写一个名字（建议使用英文），然后单击【完成】按钮，如图2-5所示。
图2-5 选择文件路径及给HTML文件命名
⑤ 预览页面： 在HBuilder上方工具栏中找到【预览】按钮，单击就可以在浏览器中查看页面效果了，如图2-6所示。
图2-6 预览页面
最后，对于HBuilder的使用，还有两点要跟大家说明一下。
对于站点、文件、页面等的命名，不要使用中文，而应使用英文。因为，现在绝大多数操作系统都是英文的，如果使用中文，可能会导致无法识别。
对于HBuilder的使用，我们可以在HBuilder上方的工具栏中，依次选择【帮助】→【HBuilder入门】，里面有比较详细的使用教程。