11.2.5 实验步骤

11.2.5 实验步骤

任务1实验分解

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

(2) 在项目窗口muiMain上,右键选择“新建html文件”,输入文件名称“index”,点击创建按钮。

(3) 在实验资料与素材中找到需要的css,js和图片文件,选中复制,并粘贴到项目中,如图11.3所示。

图11.3

(4) 在新建文件下,写入html基础代码及导入对应的css和js框架。

(5) 编写对应的样式及框架代码,最终效果如图11.4所示。

图11.4

新加代码:

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