创建HTML5应用程序

在Pepper Folio中，用户可以查看HTML5应用程序并与其互动。每个HTML5应用程序都是一个压缩文件，其包含HTML文件、CSS文件、JS文件和图片。下载时，其文件类型会显示为.pepperapp。

要为Pepper Folio准备一个HTML5应用程序，请执行以下操作：

1. 确保您的HTML5应用程序有一个index.html文件作为其主页。
2. 在准备好HTML5应用文件之后，将其压缩成一个.zip文件。确保index.html文件位于root。
   
3. 将您的.zip文件的扩展名更改为.pepperapp。
• 在Windows操作系统中，右击.zip文件并选择“重命名”。将.zip更改为.pepperapp，然后确认更改。
• 在Mac操作系统中，右击.zip文件并选择“获取信息”。在名称与扩展下，将.zip更改为.pepperapp，然后确认更改。
4. 将您的.pepperapp文件上传到Pepper Flow，并通过审查程序发送。被批准后，文件将在Pepper Folio中显示。

提示

• 默认情况下，每个HTML5应用程序都会显示一个平板图标作为缩略图。要使用自定义缩略图，请在您的index.html旁添加一个thumb.png文件。建议图片尺寸为400px乘400px，但可以有一些差别。
  
• 要从您的HTML5应用程序链接到文件，请执行以下任何一项：
• 对于在Pepper Folio中可用的文件，复制并粘贴该文件的Viewer URL。要让该选项生效，浏览HTML5应用程序的用户还需要访问Pepper Folio。
• 对于在Pepper Flow中批准的文件，使用公共URL。
• 对于任何其他文件，将其包含在HTML5应用程序中，并使用相关链接。
• 当您链接到HTML5应用程序以外的任何内容时，使用target="_blank"在新窗口中打开链接。这会让导航回您的HTML5应用程序更容易。
• 跟您对网站所做的一样，将图片、视频和其他文件保存为较小的尺寸。这会让您的HTML5应用程序的加载速度更快。

您可能会遇到的问题

• 如果在上传到Pepper Flow之前，您忘记将.zip更改为.pepperapp，则确保在重新上传正确的.pepperapp之前要进行任意更改（如添加一个空文件夹）。否则，Pepper Flow将继续将您的.pepperapp识别为普通的.zip文件，HTML5应用程序将不会在Pepper Folio中显示。