Website/HTML Pages for the iPhone and iTouch
July 24, 2008
Tools: Dreamweaver 8.
With all the fuss about Apple’s device, I decided that it was a good idea to have an iPhone/iTouch accessible site of my main site, djjc.com. I need it to look good in portrait or landscape mode. Let’s remember, the iPhone’s portrait resolution is 320 width by 356 height, and its landscape width is 980 pixels.
1. Let’s create a new page. File –> New –> Basic page –> HTML. The DTD can be left as XHTML 1.0 Transitional. Click on Create. Now File –> Save and name it index.html.
2. Place the cursor after <body>. Insert –> Layout Objects –> Div Tag. Click on New CSS Style. The Selector Type should be Advanced (IDs, pseudo-class selectors). In Selector: type this #iphonecss.
3. Save as iphone.css. Click on Box. Width: 320, Height: 356. Un-check Same for all under Margin and on Right and Left select auto. Click Ok and Ok.
4. Go to Modify –> Page Properties. Under Appeareance I will select my Page Font as Verdana, Arial, Helvetica, sans-serif. Size:12. Text color: #FFFFFF. Background color: #000000. Left, Right, Top and Bottom margin all set to 0.
5. Now click on Title/Encoding. In Title i will add my site name: Jose Cotes (DJJC) for the iPhone. On Encoding select Unicode (UTF-8). Click OK.
6. After <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> add the following: <meta name=”viewport” content=”width=320″ />.
7. Start adding the content. You can create more styles for different content, graphics, etc. Check the following links for CSS Support in Safari: http://developer.apple.com/internet/safari/safari_css.html, and here is Apple’s reference library for Internet & Web: http://developer.apple.com/referencelibrary/InternetWeb/idxWebContent-date.html.
8. Upload your files to the server, and test it here: testiphone.com.
iPhone and iTouch Hello World Application
July 18, 2008
Tools: MAC Intel, iPhone SDK.
Here is probably the most simplified way to create a Hello World application for the iPhone or iTouch: http://techblog.muthuka.com/index.php/2008/03/27/hello-world-iphone-native-application/
Update: Here is another step by step that applies to the SDK V. 2.0: http://icodeblog.com/2008/07/26/iphone-programming-tutorial-hello-world/
Update: after trying both methods above, I have found what I believe to be the greates Hello World turorial. Also, it really applies to the newest SDK version: http://www.iphonedevcentral.org/tutorials.php?page=ViewTutorial&id=49&uid=27391603
Recent Comments