Bruke HTML5 , kan du opprette din egen web- app for Apple iPad . Web apps bruke iPad innebygde Safari- nettleseren til å betjene programmet . HTML5 kan brukes i forbindelse med CSS og JavaScript for å skape et uendelig utvalg av apps, inkludert spill . Brukere kan lagre app på deres hjemmeside med din app ikon. De kan også få tilgang til app offline hvis du kode app å cache filene på iPad minne. Instruksjoner
Forskning og klargjøring
en

Velg et program som skal brukes til å bygge programmet. Selv om du kan bruke avanserte web design programmer som Adobe Dreamweaver , kan du også bruke en vanlig tekst- editor som Notisblokk til å lage HTML og CSS -filer.
2

Forskning Apples Safari Developer Library for tutorials og eksempelkode . Koden er tilgjengelig for mange av iPad funksjoner , som for eksempel " SlideMe ", samt andre HTML , CSS og JavaScript -koder spesifikt for Apple iOS-enheter og for Safari generelt.
3

Gjør deg kjent med de standarder og mulighetene i HTML5 , CSS og JavaScript for iPad . Tutorials og eksempler på koder er tilgjengelig i bøker fra biblioteket , samt fra erfarne utviklere i blogger og fora .
Utforme App
4

Opprett en egen HTML-side for hver side på programmet ditt. Bruk HTML-koblinger for å få brukere til å gå fra en side til en annen.
5

bruke touch hendelser snarere enn mus hendelser på app sider for å imøtekomme iPad berøringsskjerm grensesnitt. Bruk for eksempel " touchstart ", " touchend ", " touchmove " og " touchcancel , " heller enn å bruke mus hendelser .
6

Bruk " textarea " stil attributter for områder hvor brukeren skal skrive inn tekst i app . IPad støtter ikke " contenteditable " attributt som computer nettlesere bruke.
7

Inkluder " "-attributtet på hver side hvis du vil programmet skal være tilgjengelig offline . Merk at du også vil kreve en " htaccess " og " manifest "-filen i app rotkatalog for å bruke HTML5 hurtigbuffer evner.
Ikon Design
8

Velg et bilde som er representativt for programmet ditt , eller opprette et nytt bilde med grafisk design program som GIMP eller Photoshop. Når brukerne lagre app fra Safari , vil ikonet vises på startskjermen.
9

Lagre bildet som en PNG -fil som er 114 av 114 piksler i størrelse med navnet "apple -touch - icon.png . " Plasser bildefil i rotkatalogen for iPad -app. IPad stiliserte glans og avrundede hjørner er brukt til ikonet når det er lagret på enheten.
10

Inkluder en lenke til ikonet i overskriften av Web app sider ved hjelp av " "format . Denne koblingen dirigerer iPad , eller andre Apple iOS-enhet , hvor ikonet er lagret.
Testing på datamaskinen
11

ned Apples Safari-nettleser fra Apple com /safari , og installere det på datamaskinen din . Denne nettleseren vil tillate deg å teste din applikasjon fra datamaskinen mens du bygger den.
12

Launch Safari. Velg "Innstillinger " fra " File "-menyen , og velg "Avansert ". Klikk på " Vis Utvikle -menyen i menylinjen" alternativet. Den " Utvikle "-menyen vises øverst i vinduet.
13

Klikk på " Utvikle "-menyen . Velg " User Agent " og deretter " Other ". En dialogboks . Dobbeltklikk på innholdet , og trykk " Slett. " Lim inn " Mozilla/5.0 (iPad , U, CPU OS 3_2 som Mac OS X; en-us ) AppleWebKit/531.21.10 ( KHTML, som Gecko ) Version/4.0.4 Mobile/7B334b Safari/531.21.10 " i tekstfeltet . Safari vil nå utføre som iPad -versjon.