In this recipe we will create a cache manifest file to enable us to store an HTML5 page offline and still view the images and video displayed on the page.
You will need an HTML5 page, such as the one provided in the code files of this recipe, and access to upload files to a server, and then view them on a computer, smart phone, or other web-enabled device with a browser.
First, we will create the Cache Manifest file. This should be created in a simple text editor. It should contain all the files and supporting code a user will need to access while offline. The first thing listed is the current file type (CACHE MANIFEST). The version number of the manifest should also be included. Notice we add paths to all the files we want the users to have access to in the following block of code:
CACHE MANIFEST # version 0.1 itsallgooed.html css/Brian Kent Font License.txt css/exact-css-from-tutorial.css css/font-stylesheet.css css...