Om du vill bygga din första iPad app men inte har erfarenhet av objektorienterad programvara programmering , är en webb-app ett bra sätt att börja . Kärnan är en webb-app helt enkelt en webbsida som har formaterats speciellt för iPad . Användare kan spara Web App till deras hem skärm med en egen ikon , precis som alla app som laddades ner från Apples App Store . Instruktioner
Komma igång
1

Rita en design för din app med en penna och papper . Bestäm vad appen ska kunna göra . Prioritera vad den behöver för att göra jämfört med vad du vill att det ska göra .
2

Bekanta dig med Hypertext Markup Language , Extensible HTML , Cascading Style Sheets och Javascript . Det finns många bra böcker finns i bokhandeln och ditt lokala bibliotek . Det finns också övningar och prov på kod på nätet , samt webbutveckling forum där människor kan hjälpa dig att göra din Web App gör vad du behöver det för att göra .
3

Registrera för gratis Apple Safari Developer programmet vid developer.apple.com . Detta kommer att ge dig tillgång till Apples Developer Library , inklusive tutorials och exempelkod speciellt för iPads .
4

Jämför vad du behöver och vad du vill att Web App att göra med möjligheterna hos de olika typerna av webb koden tillgänglig . Addera bygga och testa en Web app
5

Besluta om ett program att använda för att utveckla din web app . Program som Adobe Dreamweaver eller InDesign CS5 kan göra det lättare om du har erfarenhet av dem . Du kan också bygga Web app från grunden med hjälp av en grundläggande textredigerare som Anteckningar .
6

Hämta och installera webbläsaren Safari från apple.com /safari . Detta är den webbläsare som används av iPad . Du kan ändra ditt webbprogram och testa den direkt från din dator .
7

Klicka på Safari " Arkiv " -menyn , välj "Inställningar" och klicka på knappen "Avancerat" . Klicka på " Visa Utveckla i menyraden " alternativet .
8

Välj " Framkalla " -menyn i Safari , "User Agent ", " Övrigt " och klistra in följande kod " Mozilla/5.0 ( iPad , U , CPU OS 3_2 som Mac OS X , en- us ) AppleWebKit/531.21.10 ( KHTML , like Gecko ) Version/4.0.4 Mobile/7B334b Safari/531.21.10 " att ha webbläsaren efterlikna den som används av en iPad .
9

Begagnade fast positionering i CSS- koden för Web App för att säkerställa Safari på din dator inte snedvrider sidan medan du bygger och testar appen .
10

Använd en konstant vyport tag bredd meta i huvudet av webbsidan , t.ex. " " för att säkerställa att sidan fungerar som en helsida app på iPad .
11

Använd touch- händelser i Web app , såsom " touchstart , " " touchMove , " " touchEnd , " och " touchcancel , " snarare än att använda musen händelser .
12

Använd " " taggen för att beteckna områden där tittaren kan skriva in text . Denna kod kommer att lansera iPad tangentbordet . IPad stöder inte " contentEditable " kommandon i en webbsida eller Web App. <br> 13 <p> Ladda Web App till en webbserver . För de flesta ändamål , är det bäst att använda din egen domän webbadress , värd på en webbserver . <br> 14 <p> Lägg en ikon som kan användas på iPad när användare väljer att spara din app till deras hem skärmen. Du kan göra detta genom att göra en 114 med 114 pixel PNG -fil och ladda upp den till din Web App -mappen . Lägg till en länk i sidhuvudet på Web App i formatet " <link rel="ipad-icon" href="./ipad-icon.png" /> " så iPad kan hitta ikonen när användare spara webbsidan app till startskärmen . <br> <br> <div class=dad2><script language='javascript' src='/ad/201310/4.js'></script></div> <div class=dad3><script language='javascript' src='/ad/201310/33.js'></script></div> </div> </td> </tr> </table> <table class=dhang1 bgcolor="#DEE7EE"> <tr> <td></td> </tr> </table> <div class=dhang7></div> <table width="92%" height="51" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="50%"><p>Tidigare: <a class='LinkPrevArticle' href='http://www.dator.xyz/Hardvara/ipad/64270.html' >Kan du strömma ESPN3 till TV: n med iPad </a></li></p></td> </tr> <tr> <td width="50%">nästa: <a class='LinkNextArticle' href='http://www.dator.xyz/Hardvara/ipad/64272.html' >Hur du sätter på den delade skärmen på iPad </a></li></td> </tr> </table></td> </tr> </table> <div class=dhang7></div> <table class=s770x246 > <tr> <td class=s375x246 ><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table class=c1 > <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm"> relaterade artiklar </td> </tr> </table> <table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Hardvara/ipad/65164.html" title="Hur man stänger av stavningskontroll på iPad Keyboard " target="_self">Hur man stänger av stavningskontroll på iPad Keyboard…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Hardvara/ipad/65570.html" title="Hur man använder kalenderfunktionen på Apple iPad Tablet PC " target="_self">Hur man använder kalenderfunktionen på Apple iPad Tab…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Hardvara/ipad/64508.html" title="Lägga till 3G till en iPad " target="_self">Lägga till 3G till en iPad </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Hardvara/ipad/64486.html" title="Så här aktiverar multitouch gester för att arbeta på iPad " target="_self">Så här aktiverar multitouch gester för att arbeta på…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Hardvara/ipad/65142.html" title="Hur man överför från iTunes till iBooks på en iPad " target="_self">Hur man överför från iTunes till iBooks på en iPad </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Hardvara/ipad/64974.html" title="Hur man spelar Hulu på en iPad " target="_self">Hur man spelar Hulu på en iPad </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Hardvara/ipad/64393.html" title="Hur Vänd på tangentbordet på en iPad Medan Typing " target="_self">Hur Vänd på tangentbordet på en iPad Medan Typing </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Hardvara/ipad/64347.html" title="Hur man gör en fototub album på iPad " target="_self">Hur man gör en fototub album på iPad </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Hardvara/ipad/64345.html" title="Tjudra Apps för iPad " target="_self">Tjudra Apps för iPad </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Hardvara/ipad/64835.html" title="Hur Justera linjebredd i iDraw på en iPad " target="_self">Hur Justera linjebredd i iDraw på en iPad </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> <td width="20" valign="top"></td> <td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"> <table class=c3 > <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm">Utvalda artiklarna </td> </tr> </table> <table class=c4 > <tr> <td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Hardvara/ram-cards-motherboards/60995.html" title="Hur man köper ett moderkort " target="_self">Hur man köper ett moderkort </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Hardvara/computer-drives-storage/48375.html" title="Hur konvertera den seriella kontakten till USB Plug " target="_self">Hur konvertera den seriella kontakten till USB Plug </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Hardvara/computer-printers/23797.html" title="Vad är skillnaden mellan toner och bläck " target="_self">Vad är skillnaden mellan toner och bläck </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Hardvara/computer-drives-storage/50137.html" title="Hur du ändrar TI 30XA Batteri " target="_self">Hur du ändrar TI 30XA Batteri </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Hardvara/all-in-one-printers/51.html" title="Hur att rensa Low Message Bläckfel för en Dell 922 Allt-i - ett-skrivare " target="_self">Hur att rensa Low Message Bläckfel för en Dell 922 Al…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Hardvara/laptops/40668.html" title="Standby Vs . Viloläge på en bärbar dator " target="_self">Standby Vs . Viloläge på en bärbar dator </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Hardvara/laptops/36298.html" title="Vad är anteckningsböcker " target="_self">Vad är anteckningsböcker </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Hardvara/input-output-devices/32149.html" title="Input & Output Devices " target="_self">Input & Output Devices </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Hardvara/computer-drives-storage/46721.html" title="Hårdvara för att använda för VLC Livestreaming " target="_self">Hårdvara för att använda för VLC Livestreaming </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Hardvara/laptops/41300.html" title="Hur man använder en Pocket PC för att ansluta en bärbar dator till Internet " target="_self">Hur man använder en Pocket PC för att ansluta en bär…</a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <div class=dhang8></div> <div class=dhang1></div> <table class=b1> <tr> <td class=bs height=90 align=middle>Copyright © Dator Kunskap http://www.dator.xyz </td> </tr> </table> <div class=dhang1></div> </div> </body> </html>