移动WEB应用技术综合实训-2017 4、项目目录、文件结构 实训任务单：创建项目目录与文件.docVIP

创建掌上商城目录与文件 PAGE 2 实验项目任务单 实训(实验)项目: 创建掌上商城目录与文件 实验目的： 掌握Hbuilder移动项目开发； 掌握项目文件夹的合理安排； 掌握项目涉及的文件及框架。 实训（实验）设计（器材、步骤、结论）： 简介： 本任务开始进行项目实际的创建准备阶段，在这任务中会涉及项目创建、框架插件的下载，文件的布局。 任务 1：准备实训设备与工具 步骤1：准备素材与设备 HTML5常用开发软件HBuilder、字体文件。 任务 2：创建项目 步骤1：创建移动APP项目 打开HBuilder开发工具，在打开HBuilder开发工具后，选择“文件”-“新建”-“创建Web项目”，打开创建Web项目对话框，在应用名称栏中输入项目名称MyShoppingMall，选择项目创建位置，在选择模板中选择“空模板”，点击确定。 步骤2：查看的项目管理器 在HBuilder的项目管理器中展开MyShoppingMall项目，可以看到项目自动生成的项目文件及子文件夹。 任务 3：框架与插件 步骤1：下载Zepto框架 打开Zepto官方网站/doc/zeptojs_api/#download，在左边选择并打开“Download”页。选择开发版下载右击选择连接别存。如图1所示 步骤2：下载fontawesome字体图标 在百度中搜索fontawesome，选择其中一个，如 /，在官方网站下选择下载。 步骤3：导入到项目中 把下载完成的Zepto和fontawesome的二个主文件Zepto-js和fontawesome压缩包中的css和font文件夹导入项目中。 步骤4：把图片导入图目录中 把准备好的图片，图标导入项目中。 步骤5：导入一些基于Zepto的插件 把老师提供的几个Zepto的插件也导入到项目中。 实验结论及总结 成绩 教师签字 日期