Hvis du ønsker at opbygge din første iPad app , men ikke har erfaring med objekt- baseret software programmering, en web app er en fantastisk måde at starte. Kernen er en web- app simpelthen en webside, der er specielt formateret til en iPad. Brugerne kan gemme din web app til deres hjem skærmen med eget ikon , ligesom enhver app, der blev hentet fra Apples App Store. Instruktioner
Introduktion
1

Tegn et design til din app ved hjælp af en blyant og papir . Beslut hvad app skal kunne gøre. Prioriter hvad det skal gøre i forhold til, hvad du gerne vil have den til at gøre.
2

dig bekendt med Hypertext Markup Language, Extensible HTML, Cascading Style Sheets og JavaScript. Der er mange gode bøger til rådighed i boghandlere og dit lokale bibliotek . Der er også tutorials og prøver af kode til rådighed online , samt webudvikling fora, hvor folk kan hjælpe dig med at gøre din web- app gøre, hvad du har brug for det at gøre.
3

Tilmelding til gratis Apple Safari Developer program på developer.apple.com . Dette vil give dig adgang til Apples Developer Bibliotek, herunder selvstudier og kodeeksempler specielt til iPads .
4

Sammenlign, hvad du har brug for og hvad du vil have Web app til at gøre med de kapaciteter af de forskellige typer af Web kode til rådighed .
Opbygning og afprøvning af en Web App
5

Beslut om et program til brug for at udvikle din web-app . Programmer som Adobe Dreamweaver eller InDesign CS5 kan gøre det lettere , hvis du har erfaring med dem. Du kan også bygge web app fra bunden ved hjælp af en simpel tekst editor som Notepad .
6

Download og installer Safari webbrowseren fra apple.com /safari . Dette er webbrowseren bruges af iPad. Du kan ændre din web app og teste det direkte fra din computer.
7.

Klik på Safari- menuen "Filer" , vælg " Preferences" og klik på knappen "Avanceret" . Klik på " Show Udvikle på menulinjen " valgmulighed.
8

Vælg " Udvikle "-menuen i Safari, " User Agent ", " Andet" og indsæt følgende kode " Mozilla/5.0 ( iPad , U , CPU oS 3_2 som Mac OS X, en- us) AppleWebKit/531.21.10 ( KHTML , ligesom Gecko ) Version/4.0.4 Mobile/7B334b Safari/531.21.10 "for at få browseren efterligner den, der anvendes af en iPad .
9

Bruges fast positionering i CSS koden for web app til at sikre Safari på din computer ikke forvrider side, mens du bygger og teste den app .
10 < p> Brug en konstant viewport bredde meta-tag i overskriften på den webside , såsom " " for at sikre den side, opfører sig som en helsides app på iPad .
11

bruge touch begivenheder i web-app , såsom " touchstart ", " touchmove ", " touchend " og " touchcancel ", snarere end at bruge musen begivenheder.
12

Brug " " tag til at betyde områder, hvor seeren kan indtaste tekst. Denne kode vil lancere iPad tastatur. IPad understøtter ikke " contenteditable " kommandoer i en webside eller web-app . <br> 13 <p> Upload Web app til en webserver . Til de fleste formål , er det bedst at bruge dit eget domæne URL , hostes på en webserver. <br> 14 <p> Tilføj et ikon , der kan bruges på iPad , når brugerne vælger at gemme din app til deres hjem skærm . Du kan gøre dette ved at lave en 114 med 114 pixel PNG-fil og uploade den til din web app mappe. Tilføj et link i overskriften på web app i formatet " <link rel="ipad-icon" href="./ipad-icon.png" /> ", så iPad kan finde ikonet , når brugerne gemme din web app til startskærmen . <br> <br> <div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div> </div> </td> </tr> </table> <table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE"> <tr> <td></td> </tr> </table> <table width="100%" height="7" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="51%"><p>Forrige ： <a class='LinkPrevArticle' href='/Hardware/ipad/64270.html' >Kan du streame ESPN3 til dit TV med iPad </a></li></p></td> </tr> <tr> <td width="49%"> næste ： <a class='LinkNextArticle' href='/Hardware/ipad/64272.html' >Sådan Tænd Split Screen på iPad </a></li></td> </tr> </table></td> </tr> </table> <table width="100%" height="7" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE"> <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm"> Relaterede artikler </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="/Hardware/ipad/65288.html" title="Hvordan du Indstil Hjemmeside for en iPad " target="_self">Hvordan du Indstil Hjemmeside for en iPad </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Hardware/ipad/64597.html" title="Hvordan laver man et album på en iPad " target="_self">Hvordan laver man et album på en iPad </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Hardware/ipad/65244.html" title="Pædagogisk Bruger for en iPad " target="_self">Pædagogisk Bruger for en iPad </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Hardware/ipad/65065.html" title="Sådan Stop en iPad Back- up " target="_self">Sådan Stop en iPad Back- up </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Hardware/ipad/64297.html" title="Hvad er den optimale videoformat til iPad " target="_self">Hvad er den optimale videoformat til iPad </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Hardware/ipad/65060.html" title="Sådan Turn en iPad 3G Into en WiFi Hot Spot " target="_self">Sådan Turn en iPad 3G Into en WiFi Hot Spot </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Hardware/ipad/64492.html" title="Kan jeg få Verizon FiOS TV på min iPad " target="_self">Kan jeg få Verizon FiOS TV på min iPad </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Hardware/ipad/64276.html" title="Sådan Tether en iPad til en Samsung Solstice " target="_self">Sådan Tether en iPad til en Samsung Solstice </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Hardware/ipad/65331.html" title="Sådan får du adgang Yahoo! Chat På en iPad " target="_self">Sådan får du adgang Yahoo! Chat På en iPad </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Hardware/ipad/64296.html" title="Sådan oprettes Magazine iPad Apps " target="_self">Sådan oprettes Magazine iPad Apps </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 width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE"> <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm">Anbefalede Artikler </td> </tr> </table> <table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Hardware/network-equipment/45374.html" title="Hvad skal Downstream Power Level Vær på en kabelmodem " target="_self">Hvad skal Downstream Power Level Vær på en kabelmodem…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Hardware/computer-drives-storage/51759.html" title="Hvordan man opbygger Mandlige Computer Netledninger " target="_self">Hvordan man opbygger Mandlige Computer Netledninger </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Hardware/apple-computers/2312.html" title="Sådan Slet Hard Drive på en Mac " target="_self">Sådan Slet Hard Drive på en Mac </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Hardware/computer-drives-storage/12117.html" title="Sådan installeres Asus Sata drivere " target="_self">Sådan installeres Asus Sata drivere </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Hardware/computer-drives-storage/51640.html" title="Sådan gendannes data efter sletning af en partition " target="_self">Sådan gendannes data efter sletning af en partition </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Hardware/computer-drives-storage/12903.html" title="Sådan forhindres USB Autoplay " target="_self">Sådan forhindres USB Autoplay </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Hardware/computer-printers/23682.html" title="Sådan får du en Mac-computer til at tale med en Canon printer " target="_self">Sådan får du en Mac-computer til at tale med en Canon…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Hardware/laptops/35205.html" title="Hvor længe tror Laptops Stay Charged " target="_self">Hvor længe tror Laptops Stay Charged </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Hardware/input-output-devices/32031.html" title="Hvordan kan man øge Computer lydniveau for Recording " target="_self">Hvordan kan man øge Computer lydniveau for Recording </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Hardware/laptops/38855.html" title="Sådan Omkonfigurere en bærbar " target="_self">Sådan Omkonfigurere en bærbar </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <table width="980" height="8" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90> <tr> <td class=bs height=90 align=middle>Copyright © Computer Viden http://www.computerdk.com <script language='javascript' src='/ad/201310/1.js'></script></td> </tr> </table> </div> </body> </html>