HTML Archive ZIP for Custom Page Activity

Organizing your HTML Archive Content

The content used for an HTML Archive can be as simple as a single HTML file, or a complex structure of files, folders, and images. This type of structure is very similar to what you would create if you were making a Web site.

The first thing you'll want to do is create a folder on your computer that will contain all of the files you will be using in your HTML files. As an example, I've created a folder on my computer named "My HTML Archive" that I've put all of my files that I will be using. You can organize your files any way you wish, but for this example I've created two folders named "images" and "pages". The "images" folder contains the file "logo.jpg", and the "pages" folder contains an HTML file named "support.html" as shown below:

Folder Structure

Folder Strucure2

Folder Structure 3

Just like a website, every HTML Archive must have a file that is shown first. This file acts as the entry point that can be used to provide access to other files via hyperlinks. In my example, I've created an HTML file called "index.html" which will be the first page that is shown. This file links to the image "logo.jpg" and the HTML file, "support.html" as discussed earlier. While I've named my file "index.html", it can be named anything you want, but must be located at the top level, in this case in my containing folder "My HTML Archive", and must also contain the file extension ".html". Whatever you name this file, be sure to make note it, because you will be required to enter its filename in the Custom Page activity's settings on the Android Application Request. This filename is also case-sensitive.

How to Create a Zip File Containing Your HTML Files

Once you're happy with all of your HTML content and have tested it to make sure all links are working properly, the next step is to create a .zip file that will contain your files. This .zip file will be the file that you will be uploading in the HTML Archive activity of your project on the Android Application Request.

Creating the .ZIP File in Windows

By default, Windows Vista and Windows 7 has the ability to create .zip files, so this example will illustrate how to create it directly within Windows. If you're using an earlier OS such as Windows XP, you can download free .zip utility software such WinZip or 7-Zip that can be used to create the zip file.

1) Browse to the Folder

Following the example discussed earlier, browse to the folder containing all of your HTML content, in particular, to the folder containing your index file, which should be directly visible in your containing folder. In this example, I've named the folder "My HTML Archive", and my index file is called "index.html". You should see the contents of the folder as seen below (Note: This is shown using "Details" view. You can change your view by selecting the "View" dropdown next to the "Organize" button):

Folder Structure 4

2) Select the Contents of the Folder

The next step is to select all of the files and folders that you want to include in the .zip file as shown below.

Folder Structure 5

3) Right-click on Selected Files

While all of the files are selected, right-click on one of your files such as your index file and choose "Send To > Compressed (zipped) Folder".

Folder Struture 6

4) Provide a Name for the .ZIP File

Windows will automatically highlight the name of the .zip file so you can rename it. You can name this file anything you want, however you must preserve the ".zip" extension. For this example, I've named it "my_html_archive_sample.zip".

FolderStructure 7

Updating Or Enter Your HTML Archive Activity

At this point you now have the required files and information in order to update or setup your Custom Page Activity on the Android Application Request.

Based on the above example, you'll need to update 2 settings in your Custom Page Activity, the .zip file and the HTML index file as discussed below.

HTML Archive File

The first setting you'll need to update or enter is the "HTML Archive File". This is the .zip file you've just created that you will need to upload by clicking the "Choose File" button. In my example, it's the file named "my_html_archive_sample.zip".

Archive Settings 1

HTML Index Page

This is the name of the file that was discussed previously in the section "Organizing your HTML Archive Content" that you've specified as the first page to show. The name chosen for this example was "index.html", so this is the full name of the file that needs to be entered there.

Index Page

You can download the sample HTML Archive ZIP discussed in the above article below:
my_html_archive_sample.zip

  • 0 Users Found This Useful
Was this answer helpful?

Related Articles

Email Activity

The Email activity is used to initiate an email message using the end user's chosen email...

Flickr Activity

The Flickr Gallery Activity allows you to take your photos from flickr and display them...

Website Activity

The Website activity is used to display the contents of a website in your application. It is one...

Phone Activity

The Phone activity is used to display the phone dialer (if available) filled in with a specific...

YouTube Activity

The YouTube Activity allows you to take video content from YouTube and display it in...