- 1). Download Safari from the Apple website and install it on your computer. While you are building the app you will need this to help approximate what it will look like on an iPhone.
- 2). Go to the SnippetSpace.com website and download the iWebKit. It will download as a zip file.
- 3). Double-click the iWebKit zip file after the download is complete. It contains a user guide, a demo app and the source files for the app.
- 4). Launch Safari. Click the "File" menu, "Open," and locate the "index.html" file in the iWebKit "Demo" folder. Click on the file and press "Enter" to open it in Safari.
- 5). Examine the app carefully and click on each of the links. Think about ways you can use the templates for your own app. Click the Safari "Back" button until you have returned to the "index.html" file.
- 6). Open NotePad or any HTML editor on your computer. Click the "File" menu and select "Open." Navigate to the same "index.html" file and open it. This will show you the file's code.
- 7). Click on the NotePad window. Scan the top of the file for the words "iWebKit 5 Demo." Delete "iWebKit 5" and type your own name in place of those words. Save the file by pressing "Ctrl-S."
- 8). Click the Safari window. Click the "Refresh" button. Notice the name of the app has been changed to your name. This is the basis for most of the changes you will be making to the template to transform it into your own app. Not only can you change the text in the app, you can change the buttons and layout of each of the pages.
- 9). Read the iWebKit User Guide included with the download to learn more about using the template for making your own app.
- 10
Read about XHTML (Extensible Hypertext Markup Language) to learn more about the language used for web apps. - 11
Sign up for Apple's free Safari Developer Program on the Apple website. Go to the Developer's library inside the membership website to download more sample codes and to read tutorials on how to develop web apps for the iPhone, iPod Touch and iPad.
Source...