Teken een ontwerp voor uw app met een potlood en papier . Bepaal wat de app zou moeten kunnen doen . Bepalen wat het moet doen in vergelijking met wat je zou willen doen . Kopen van 2

uzelf vertrouwd met Hypertext Markup Language , Extensible HTML , Cascading Style Sheets en JavaScript . Er zijn veel goede boeken verkrijgbaar in de boekhandel en uw lokale bibliotheek . Er zijn ook tutorials en voorbeelden van code online beschikbaar , evenals Web development forums waar mensen kunnen u helpen om uw web app doet wat je nodig hebt om te doen .
3

Schrijf je in voor de gratis Apple Safari Developer programma op developer.apple.com . Dit geeft je toegang tot Apple's Developer Library , waaronder tutorials en voorbeeldcode specifiek voor iPads .
4

Vergelijk wat je nodig hebt en wat je wilt de web app te maken met de mogelijkheden van de verschillende soorten web- code beschikbaar .
Bouwen en Testen van een Web App
5

Beslis over een programma om te gebruiken voor het ontwikkelen van uw web- app . Programma's zoals Adobe Dreamweaver of InDesign CS5 kan het gemakkelijker als je ervaring hebt met hen te maken . U kunt ook de Web app te bouwen van nul met behulp van een eenvoudige teksteditor zoals Kladblok .
6

Download en installeer de Safari- webbrowser op apple.com /safari . Dit is de webbrowser die de iPad . U kunt uw web app te passen en te testen rechtstreeks vanaf uw computer .
7

Klik op het menu Safari " Bestand " , selecteer " Preferences " en klik op de knop "Advanced " . Klik op de " Toon Ontwikkel -menu in menubalk " optie .
8

Selecteer het menu " Ontwikkelen " in Safari , "User Agent ", " Andere " en plak de volgende code " Mozilla/5.0 ( iPad , U , CPU OS 3_2 zoals Mac OS X , en- us ) AppleWebKit/531.21.10 ( KHTML , zoals Gecko ) Version/4.0.4 Mobile/7B334b Safari/531.21.10 "om de browser hebben na te bootsen die gebruikt wordt door een iPad .
9

Gebruikt vast positionering in de CSS-code van de web app te zorgen Safari op uw computer de pagina niet verstoren tijdens het bouwen en testen van de app .
10

Gebruik een constante viewport breedte meta -tag in de header van de webpagina , zoals " " om ervoor te zorgen de pagina zich gedraagt ​​als een volledige pagina app op de iPad .
11

Gebruik het touch gebeurtenissen in het web app , zoals " TouchStart , " " touchMove , " " touchEnd , " en " touchcancel , " in plaats van met de muis evenementen.
12

Gebruik de " " tag naar gebieden waar de kijker tekst kan invoeren betekenen . Deze code zal de iPad toetsenbord te lanceren . De iPad ondersteunt geen " contenteditable " commando's in een webpagina of webapplicatie . <br> 13 <p> Upload het web app naar een webserver . Voor de meeste doeleinden , is het het beste om je eigen domein URL , gehost op een webserver te gebruiken . <br> 14 <p> Voeg een pictogram dat gebruikt kan worden op de iPad wanneer gebruikers kiezen om uw app te slaan naar hun huis scherm . U kunt dit doen door het maken van een 114 met 114 pixel PNG-bestand en uploaden naar uw map web app . Voeg een link in de kop van het Web app in het formaat " <link rel="ipad-icon" href="./ipad-icon.png" /> " zodat de iPad kan de icoon vinden wanneer gebruikers sla uw Web app aan het startscherm . <br> <br></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90> <tr> <td bgColor=#e7edf4 align=middle><script language='javascript' src='/ad/201310/3.js'></script></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90> <tr> <td align=left>Previous: <a class='LinkPrevArticle' href='/hardware/ipad/201309/64270.html' >U kunt streamen ESPN3 naar uw TV met de iPad ? </a></li> </td> <td align=right>Next: <a class='LinkNextArticle' href='/hardware/ipad/201309/64272.html' >Hoe te Zet de Split Screen op iPad </a></li> </td> </tr> </table> </td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=18> <tr> <td></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=246> <tr> <td height=246 vAlign=top width=199> <table class=bian border=0 cellSpacing=0 cellPadding=0 width=199> <tr> <td height=244 vAlign=top width=197> <table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee> <tr> <td height=29 width="4%"> </td> <td width="96%"><STRONG>iPad</STRONG></td> </tr> </table> <table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/hardware/ipad/201309/65141.html" title="Hoe je iPad Snelkoppelingen maken " target="_self">Hoe je iPad Snelkoppelingen ma…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/hardware/ipad/201309/64314.html" title="Hoe uw eigen iPad Ontwerp " target="_self">Hoe uw eigen iPad Ontwerp </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/hardware/ipad/201309/64633.html" title="Kenmerken van de iPad " target="_self">Kenmerken van de iPad </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/hardware/ipad/201309/64768.html" title="Que Vs . iPad " target="_self">Que Vs . iPad </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/hardware/ipad/201309/64384.html" title="Kan ik spelen Zune muziek op mijn iPad ? " target="_self">Kan ik spelen Zune muziek op m…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/hardware/ipad/201309/64641.html" title="Hoe maak je een iPad opladen met USB " target="_self">Hoe maak je een iPad opladen m…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/hardware/ipad/201309/65505.html" title="Hoe om te gaan naar Airplane Mode in de iPad " target="_self">Hoe om te gaan naar Airplane M…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/hardware/ipad/201309/64197.html" title="Hoe wordt een toetsenbord kunnen werken voor de iPad ? " target="_self">Hoe wordt een toetsenbord kunn…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/hardware/ipad/201309/64193.html" title="Hoe een muis en toetsenbord op een iPad inschakelen " target="_self">Hoe een muis en toetsenbord op…</a></td></tr><tr></tr></table></td> </tr> </table> </td> <td vAlign=top width=12></td> <td vAlign=top width=375> <table class=bian border=0 cellSpacing=0 cellPadding=0 width=375> <tr> <td height=244 vAlign=top> <table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee> <tr> <td height=29 width="4%"> </td> <td width="96%"><STRONG>Related Articles</STRONG></td> </tr> </table> <table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209> <tr> <td height=201 width="33%"><IMG src="/img_xby/n1.jpg" width=111 height=182></td> <td width="67%"><a class='LinkArticleCorrelative' href='/hardware/ipad/201309/65612.html' target="_self">Hoe te Rechtvaardigen de aankoop van de …</a><br><a class='LinkArticleCorrelative' href='/hardware/ipad/201309/65611.html' target="_self">Hoe maak je een nieuwe Apple iPad Comput…</a><br><a class='LinkArticleCorrelative' href='/hardware/ipad/201309/65610.html' target="_self">Hoe de iPad kopen </a><br><a class='LinkArticleCorrelative' href='/hardware/ipad/201309/65609.html' target="_self">Hoe te kiezen tussen een Apple iPad en e…</a><br><a class='LinkArticleCorrelative' href='/hardware/ipad/201309/65608.html' target="_self">Hoe te lezen Books op iPad </a><br><a class='LinkArticleCorrelative' href='/hardware/ipad/201309/65607.html' target="_self">Hoe de Krant op iPad </a><br><a class='LinkArticleCorrelative' href='/hardware/ipad/201309/65606.html' target="_self">Hoe Flip Ultro /Mino video's afspelen op…</a><br><a class='LinkArticleCorrelative' href='/hardware/ipad/201309/65605.html' target="_self">Hoe HD- video's naar iPad op Mac OS X </a><br><a class='LinkArticleCorrelative' href='/hardware/ipad/201309/65604.html' target="_self">Hoe maak je een Cute Satchel Purse te ma…</a><br></td> </tr> </table> </td> </tr> </table> </td> <td vAlign=top width=8></td> <td vAlign=top width=376> <table class=bian border=0 cellSpacing=0 cellPadding=0 width=375> <tr> <td height=244 vAlign=top> <table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee> <tr> <td height=29 width="4%"> </td> <td width="96%"><STRONG>Hardware Articles</STRONG></td> </tr> </table> <table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207> <tr> <td height=199 width="33%"><IMG src="/img_xby/n2.jpg" width=111 height=182></td> <td width="67%"> <table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/hardware/computer-drives-storage/201309/7813.html" title="Hoe Computer Disks verwijderen in Vista " target="_self">Hoe Computer Disks verwijderen in Vista </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/hardware/apple-computers/201309/1554.html" title="How to Get Rid van een Bluetooth- List Mac 's " target="_self">How to Get Rid van een Bluetooth- List M…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/hardware/laptops/201309/36265.html" title="Acer ZR1 Computer Specificaties " target="_self">Acer ZR1 Computer Specificaties </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/hardware/computer-drives-storage/201309/9795.html" title="Hoe maak je een opstartdiskette Invoegen " target="_self">Hoe maak je een opstartdiskette Invoegen…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/hardware/laptops/201309/42231.html" title="Hoe te testen een Laptop Kabel " target="_self">Hoe te testen een Laptop Kabel </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/hardware/computer-drives-storage/201309/12755.html" title="Hoe maak je een gecrashte schijf herstellen " target="_self">Hoe maak je een gecrashte schijf herstel…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/hardware/computer-drives-storage/201309/7646.html" title="Hoe kan ik een FAT32 partitie op een USB harde schijf 2010 Creëren " target="_self">Hoe kan ik een FAT32 partitie op een USB…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/hardware/computer-drives-storage/201309/13360.html" title="Hoe te herstellen Overmatige Defragmentatie " target="_self">Hoe te herstellen Overmatige Defragmenta…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/hardware/computer-drives-storage/201309/12082.html" title="Hoe u een DVD -ROM lade Dat gleed uit van een computer Fix " target="_self">Hoe u een DVD -ROM lade Dat gleed uit va…</a></td></tr><tr></tr></table></td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10> <tr> <td></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=57> <tr> <td class=bs background=/img_xby/di.jpg align=center>Copyright © Computer Kennis http://www.nldit.com <script language='javascript' src='/ad/201310/5.js'></script></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10> <tr> <td></td> </tr> </table> </div> </body> </html>