Med HTML5 , kan du skapa en egen webb app för Apples iPad . Web apps använder iPad s inbyggda webbläsaren Safari att använda appen . HTML5 kan användas i kombination med CSS och JavaScript för att skapa en oändlig variation av appar , inklusive spel . Användare kan spara appen på sin hemsida med appens ikon . De kan även få tillgång till appen offline om du koda app att cacha filerna i iPad minne . Instruktioner
research och förberedelser
1
Välj ett program att använda för att bygga appen . Även om du kan använda avancerade program Webbdesign såsom Adobe Dreamweaver , kan du också använda en grundläggande textredigerare som Anteckningar för att skapa HTML och CSS -filer . Efter tutorials och exempelkod
2
Research Apples Safari Developer Library . Koden finns tillgänglig för många av de iPad funktioner , såsom " SlideMe , " liksom andra HTML , CSS och JavaScript -koder speciellt för Apple iOS-enheter och för Safari i allmänhet .
3
bekanta dig med de normer och funktionerna i HTML5 , CSS och JavaScript för iPad . Tutorials och koder prov finns i böcker från biblioteket samt från erfarna utvecklare i bloggar och forum .
Utforma App
4
Skapa en egen HTML- sida för varje sida på din app . Använd HTML-länkar för att få användarna att flytta från en sida till en annan .
5
Använd touch- händelser snarare än händelser mus på App sidor för att rymma iPad gränssnittet pekskärm . Använd till exempel " touchstart , " " touchEnd , " " touchMove " och " touchcancel , " snarare än att använda musen händelser .
6
Använd " textarea " stil attribut för områden där användaren ska skriva in text i appen . IPad stöder inte " contentEditable " attribut som datorns webbläsare använder .
7
Inkludera " " attribut på varje sida om du vill appen att finnas tillgänglig offline . Observera att du också kommer att kräva en " htaccess " och " manifest " filen i App rotkatalog för att använda HTML5 cacheminne förmågor . Addera Icon Design
8
Välj en bild som är representativ för din app , eller skapa en ny bild med någon grafisk design program som GIMP eller Photoshop . När användarna sparar app från Safari , kommer din ikon på startskärmen .
9
Spara bilden som en PNG-fil som är 114 med 114 pixlar i storlek med namnet " apple -touch - icon.png . " Placera bildfilen i rotkatalogen för iPad app . IPad stiliserade glans och rundade hörn tillämpas på ikonen när det sparas på enheten . Inkludera en länk till ikonen i sidhuvudet på sidorna Web App med " < link
10
rel = " apple -touch -icon " href = " . /apple -touch - icon.png " /> " format . Denna länk leder iPad eller någon annan Apple iOS -enhet , där ikonen sparas . Addera Testning på datorn
11
Ladda Apples Safari-webbläsare från Apple .com /safari , och installera det på din dator . Denna webbläsare gör att du kan testa din app från din dator när du bygger det .
12
Launch Safari . Välj " Inställningar" från " Arkiv " -menyn och välj " Avancerat ". Klicka på " Visa Utveckla i menyraden " alternativet . "Framkalla " visas längst upp i fönstret .
13
Klicka på " Framkalla" menyn . Välj "User Agent " och sedan " Övrigt ". En dialogruta öppnas . Dubbelklicka på innehållet , och tryck på " Delete . " Klistra in " 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 " i textfältet . Safari kommer nu att utföra som iPad versionen .
