9.3.5　实验步骤

9.3.5　实验步骤

任务1实验分解

（1） 打开HBuilderX 进入开发界面，选择“文件新建项目”菜单，进入新建项目界面。选择普通项目，输入项目名称“ShowGoodsInfo”，并选择默认项目，点击创建按钮。

（2） 在项目窗口ShowGoodsInfo上，右键选择“新建html文件”，输入文件名称“index”，点击创建按钮。

（3） 在实验资料与素材中找到文件，选中全部复制，并粘贴到项目中，如图9.5所示。

图9.5

（4） 在实验资料与素材中找到所需要的css和js及图片文件，选中文件进行复制，并粘贴到项目对应的文件夹中，如图9.6所示。

图9.6

（5） 在新建文件下，写入html基础代码及导入对应的css和js文件。

（6） 在页面的＜body＞标签里面加上设计层的布局，及样式的引用，最终效果如图9.7所示。

图9.7

至此完成任务1所有要求。