HTML5制作APP模板是一种基于Web技术的应用程序，它在不同平台之间具有高度的兼容性，并且使用起来方便快捷。
在实际开发中，常用的技术有 Cordova、PhoneGap 等，这些技术框架都是基于HTML5来开发APP的。在制作APP模板之前，需要掌握一些基础知识。
一、HTML5的特点
HTML5作为下一代标准，其最大的特点就是跨平台，并且可以脱离浏览器独立运行，因此主要适用于移动端开发。
除此之外，HTML5在绘图、音频、视频等方面也有了很大的提升，可用于开发3D游戏、音频、视频等多媒体应用。
二、Cordova的使用
Cordova 是一个开源的移动应用程序开发框架，它可以将 HTML5 封装成一个本地的应用程序，提供了访问原生设备功能的能力，比如加速度计、相机、联系人、文件系统等等。
使用 Cordova 开发 APP 模板需要进行以下几个步骤：
1. 安装 Cordova
Cordova是基于node.js开发的，因此需要先安装node.js，然后通过命令行方式全局安装 Cordova。
`npm install -g cordova`
2. 创建 Cordova 项目
在终端中进入到项目所在目录，使用如下命令创建 Cordova 项目：
`cordova create myproject com.myapp.myproject MyProject`
其中 `myproject` 为项目名称，`com.myapp.myproject` 为包名，`MyProject` 为项目标题。
3. 添加平台
在创建的项目中添加需要支持的平台，比如 Android、iOS 等。
`cordova platform add android`
`cordova platform add ios`
4. 编写 HTML/CSS/JS
编写对应的 HTML、CSS、JS 文件。
5. 进行编译
使用如下命令进行编译：
`cordova compile android`
`cordova compile ios`
6. 进行打包
将编译后的文件进行打包。
三、PhoneGap的使用
1. 安装 PhoneGap
运行以下命令安装 PhoneGap：
`npm install -g phonegap`
2. 创建 PhoneGap 项目
可以通过访问 PhoneGap 官网工具来创建项目，或者直接通过命令行创建。
`phonegap create myproject --id "com.myapp.myproject" --name "My Project"`
其中 `myproject` 为项目名称，`com.myapp.myproject` 为包名，`My Project` 为项目标题。
3. 添加平台
在创建的项目中添加需要支持的平台，比如 Android、iOS 等。
`phonegap platform add android`
`phonegap platform add ios`
4. 编写 HTML/CSS/JS
编写对应的 HTML、CSS、JS 文件。
5. 进行编译
使用如下命令进行编译：
`phonegap build android`
`phonegap build ios`
6. 进行打包
将编译后的文件进行打包。
四、注意事项
在使用 HTML5 制作 APP 模板时，需要注意以下几点：
1. 选择合适的框架
选择合适的框架有助于提高开发效率和减少出错率。
2. 适配不同平台
因为不同平台的设备大小、分辨率等不同，需要进行适配。
3. 性能优化
为了提高用户体验，需要注意性能优化，比如减少 HTTP 请求次数、压缩文件大小等。
综上所述，HTML5 制作 APP 模板需要掌握一些基础知识，在选择合适的框架、适配不同平台和性能优化等方面需要注意。
