Se você quer construir seu primeiro aplicativo para iPad , mas não tem experiência em programação de software baseada em objetos, um aplicativo Web é uma ótima maneira de começar. Na sua essência, um aplicativo Web é simplesmente uma página web que foi especificamente formatado para um iPad. Os usuários podem salvar o seu aplicativo da Web para a sua tela inicial com o seu próprio ícone , assim como qualquer aplicativo que foi baixado da App Store da Apple. Instruções
Introdução
1

Desenhe um projeto para seu aplicativo usando um lápis e papel. Decida o que o aplicativo deve ser capaz de fazer. Priorize o que ele precisa para fazer comparação com o que você gostaria que ele faça.
2

Familiarize-se com Hypertext Markup Language, Extensible HTML, Cascading Style Sheets e JavaScript. Há muitos bons livros disponíveis nas livrarias e sua biblioteca local. Há também tutoriais e amostras de código disponível on-line , bem como fóruns de desenvolvimento Web , onde as pessoas podem ajudá-lo a fazer o seu aplicativo Web fazer o que você precisa que ele faça.
3

Inscreva-se no livre programa de desenvolvedor Apple Safari em developer.apple.com . Isto lhe dará acesso à Biblioteca do desenvolvedor da Apple, incluindo tutoriais e código de exemplo especificamente para iPads.
4

Compare o que você precisa eo que você deseja que o aplicativo Web a ver com as capacidades dos diferentes tipos de código web disponível.
Construção e Teste de um web App
5

Decidir sobre um programa para usar para o desenvolvimento de seu aplicativo web. Programas como o Adobe Dreamweaver ou InDesign CS5 pode tornar mais fácil se você tiver experiência com eles. Você também pode criar o aplicativo da Web a partir do zero usando um editor de texto básico como o Notepad .
6

Baixe e instale o browser Safari da apple.com /safari . Este é o browser usado pelo iPad. Você pode modificar o seu aplicativo Web e testá-lo diretamente do seu computador .
7

Clique no menu Safari " Arquivo", selecione "Preferências" e clique no botão "Avançado" . Clique na opção "Mostrar Desenvolver Menu no Menu Bar " .
8

Selecione o menu " Desenvolver " no Safari, " User Agent ", "Outro" e cole o seguinte código " Mozilla/5.0 (iPad , U; CPU oS 3_2 como Mac OS X ; en-us) AppleWebKit/531.21.10 ( KHTML, like Gecko ) Version/4.0.4 Mobile/7B334b Safari/531.21.10 "para ter o mímico navegador que é utilizado por um iPad .
9

Usado posicionamento fixo no código CSS do aplicativo web para garantir Safari no seu computador não distorce a página enquanto você está construindo e testando o aplicativo .
10

Use uma largura viewport meta tag constante no cabeçalho da página web , como " " para garantir que a página se comporta como um de página inteira aplicativo no iPad.
11

Use os eventos de toque no aplicativo web , como " touchstart ", " TouchMove ", " touchEnd " e " touchcancel ", em vez de usar o mouse eventos.
12

Use a tag " " para significar áreas onde o espectador pode inserir texto. Este código vai lançar o teclado do iPad . O iPad não suporta comandos " contentEditable " em uma página web ou aplicativo web. <br> 13 <p> Carregar o aplicativo Web em um servidor web. Na maioria dos casos , é melhor usar o seu próprio URL de domínio, hospedado em um servidor web. <br> 14 <p> Adicione um ícone que pode ser usado no iPad quando os usuários selecionam para salvar seu aplicativo para a sua casa tela. Você pode fazer isso através de um 114 por 114 pixels PNG e enviá-lo para a pasta de aplicativo web. Adicionar um link no cabeçalho do aplicativo Web no formato " <link rel="ipad-icon" href="./ipad-icon.png" /> " para que o iPad pode encontrar o ícone quando os usuários salvar seu aplicativo web à tela inicial . <br> <br> <div class=ptad2><script language='javascript' src='/ad/201310/4.js'></script></div> </div> </div> <div class=ptnrx></div> <table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="51%"><p>Anterior : <a class='LinkPrevArticle' href='http://ptcomputador.com/Ferragens/ipad/64270.html' >Can You córrego ESPN3 à sua TV com o iPad </a> </p></td> </tr> <tr> <td width="49%"> Próximo : No</li></td> </tr> </table></td> </tr> </table> <div class=bai7></div> <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"> Os artigos relacionados </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://ptcomputador.com/Ferragens/ipad/64184.html" title="Como controlar a Sony Home Theater Usando um iPad " target="_self">Como controlar a Sony Home Theater Usando um iPad </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/Ferragens/ipad/64183.html" title="Diferença entre a primeira e segunda edição do iPad " target="_self">Diferença entre a primeira e segunda edição do iPad </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/Ferragens/ipad/64206.html" title="Como criar logins separados para um iPad " target="_self">Como criar logins separados para um iPad </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/Ferragens/ipad/64233.html" title="O SSH Jogos a um iPad " target="_self">O SSH Jogos a um iPad </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/Ferragens/ipad/64219.html" title="Top Picks para iPad Apps " target="_self">Top Picks para iPad Apps </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/Ferragens/ipad/64252.html" title="Funciona o iPad Com Roadrunner " target="_self">Funciona o iPad Com Roadrunner </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/Ferragens/ipad/64258.html" title="Sem edição de som com conector dock para o iPad " target="_self">Sem edição de som com conector dock para o iPad </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/Ferragens/ipad/64268.html" title="Como fazer iCal para o seu olhar do iPad Melhor " target="_self">Como fazer iCal para o seu olhar do iPad Melhor </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/Ferragens/ipad/64256.html" title="IPad Audible Problemas: Vendo Livros " target="_self">IPad Audible Problemas: Vendo Livros </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/Ferragens/ipad/64262.html" title="Será Livescribe Trabalho em um iPad " target="_self">Será Livescribe Trabalho em um 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 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">Artigos em destaque </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="http://ptcomputador.com/Ferragens/apple-computers/1369.html" title="Como faço para desligar um Mac From My Keyboard " target="_self">Como faço para desligar um Mac From My Keyboard </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/Ferragens/video-cards/63269.html" title="Como determinar uma placa de vídeo sem levá-la para fora do Computador " target="_self">Como determinar uma placa de vídeo sem levá-la para f…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/Ferragens/laptops/36260.html" title="Como proteger o seu computador portátil em hotéis e aeroportos " target="_self">Como proteger o seu computador portátil em hotéis e a…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/Ferragens/laptops/40344.html" title="Um Laptop Mac G4 não liga " target="_self">Um Laptop Mac G4 não liga </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/Ferragens/pc-computers/53754.html" title="5 ª Série Computador Terminologia " target="_self">5 ª Série Computador Terminologia </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/Ferragens/laptops/34632.html" title="Um Laptop Fujitsu Siemens Isso não ligar " target="_self">Um Laptop Fujitsu Siemens Isso não ligar </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/Ferragens/computer-printers/24782.html" title="Como instalar o download para o Samsung ML -1740 Impressora Laser " target="_self">Como instalar o download para o Samsung ML -1740 Impres…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/Ferragens/ram-cards-motherboards/58807.html" title="Como Fazer Overclock uma Radeon HD 3870 " target="_self">Como Fazer Overclock uma Radeon HD 3870 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/Ferragens/computer-drives-storage/13426.html" title="Como liberar espaço em uma unidade de disco D " target="_self">Como liberar espaço em uma unidade de disco D </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/Ferragens/computer-printers/22108.html" title="Como imprimir com tinta preta apenas em uma impressora Epson C86 " target="_self">Como imprimir com tinta preta apenas em uma impressora …</a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <div class=bai7></div> <div class="ptbottom bs"> Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados <script language='javascript' src='/ad/201310/1.js'></script> </div> </div> </body> </html>