1. Offline Web Apps - an offline web application is a list of URLs for HTML, CSS, JavaScript, images, or any other kind of resource. Most browsers have offline web caching except for IE… But for the rest they are very unreliable and don’t always work the way they should.

2. Off Line Web Apps The home page of the Offline Web App points to a file that contains a list of files to be cached called a manifest file. A manifest file is just a text file located elsewhere on the web server. File can be called anything but should end with.MANIFEST but can be most anything. A cache manifest file will contain CACHE MANIFEST at top then whatever you want to store for offline use. CACHE MANIFEST clock.html clock.css clock.js

3. Off Line Web Apps A manifest can have three distinct sections: CACHE, NETWORK, and FALLBACK. CACHE: (required) This is the default section for entries. Files listed under this header (or immediately after the CACHE MANIFEST) will be explicitly cached after they're downloaded for the first time. FALLBACK: (optional) Files listed under this section are white-listed resources that require a connection to the server. All requests to these resources bypass the cache, even if the user is offline. Wildcards may be used. NETWORK: (optional) An optional section specifying fallback pages if a resource is inaccessible. The first URI is the resource, the second is the fallback. Both URIs must be relative and from the same origin as the manifest file. Wildcards may be used.

4. Off Line Web Apps URLs from the manifest file, download the resources, cache them locally, Automatically keep the local copies up to date as they change. When the time comes that you try to access the web application without a network connection your web browser will automatically switch over to the local copies instead.

5. Off Line Web Apps Here is a little demo for how it works… http://appcachefacts.info/demo/index.html Information found at http://diveintohtml5.info/offline.htmlhttp://diveintohtml5.info/offline.html http://appcachefacts.info/