Ako sa stavia HTML5 iPad aplikácie

Použitie HTML5 , môžete si vytvoriť svoj ​​vlastný webovú aplikáciu pre Apple iPad . Webové aplikácie použiť vstavaný webový prehliadač Safari na iPade prevádzkovať aplikácie . HTML5 môžu byť použité v spojení s CSS a JavaScriptu vytvoriť nekonečné množstvo rôznych aplikácií , vrátane hier . Užívatelia môžu ukladať aplikácie na ich domovskej stránke s ikonou vašej aplikácie . Môžu tiež získať prístup k aplikácii do režimu offline , ak kód aplikácie do medzipamäte súbory v iPadu pamäti . Návod
výskumu a prípravy
1

Vyberte program , ktorý chcete použiť pre vybudovanie aplikácie . Aj keď môžete použiť sofistikovaný dizajn programy , webové , ako je Adobe Dreamweaver , môžete tiež použiť jednoduchý textový editor , napríklad Poznámkový blok vytvoriť HTML a CSS súborov .
2

Safari Developer Library Research Apple pre výukové a ukážkový kód . Kódex je k dispozícii mnoho funkcií iPad , ako je napríklad " slide " , rovnako ako iné HTML , CSS a JavaScript kódov špeciálne pre Apple iOS zariadenia a pre Safari všeobecne .
3

Zoznámte sa s normami a schopnosťou HTML5 , CSS a JavaScript pre iPad . Návody a ukážkové kódy sú k dispozícii v knihách z knižnice , ako aj od skúsených vývojárov v blogoch a fórach .
Projektovanie App
4

vytvoriť samostatnú stránku HTML pre každá stránka na vašej aplikácii . Pomocou HTML odkazy majú používatelia prejsť z jednej strany na druhú .
5

Pomocou dotykových udalostí , skôr než udalosti myši na App stránkach prispôsobiť rozhranie iPad dotykovej obrazovky . Napríklad , použite " touchstart " , " touchEnd , " " TouchMove " a " touchcancel , " skôr než pomocou udalosti myši .
6

Použite " textarea " atribúty štýlu pre oblasti , kde musí používateľ zadať text v aplikácii . IPad nepodporuje " contentEditable " atribút , ktorý počítač Webové prehliadače použiť .
7

zahrnúť atribút " " na každej strane , ak chcete aplikácie k dispozícii v režime offline . Všimnite si , že budete tiež potrebovať " htaccess " a " manifestu " súbor v aplikácii koreňového adresára , aby bolo použitie HTML5 vo vyrovnávacej pamäti schopnosti .
Ikona dizajn
8

Vyberte obraz , ktorý je zástupcom vašej aplikácie , alebo vytvoriť nový obrázok pomocou ľubovoľného grafického designu program , ako je GIMP alebo Photoshop . Keď používatelia zachrániť aplikácie od Safari , objavia sa vaše ikony na domovskej obrazovke .
9

Uložte snímku ako súbor PNG , ktorý je 114 114 pixelov s názvom " apple - touch - icon.png . " Umiestnite obrazový súbor v koreňovom adresári aplikácie iPad . IPad štylizované lesk a zaoblené rohy sú použité na ikonu , ak je uložený v zariadení .
10

Obsahovať odkaz na ikonu v záhlaví webovej app stránok pomocou < odkaz " rel = " apple - touch - icon " href = " . /apple - touch - icon.png " format /> " . Tento odkaz smeruje na iPad , alebo akékoľvek iné Apple iOS zariadenia , na ktorom je uložená ikona .
Skúšky na počítači
11

Stiahnite si Apple Safari webový prehliadač od Apple com /safari , a nainštalujte ho do počítača . Tento prehliadač vám umožní otestovať aplikáciu z počítača , zatiaľ čo vy sa ju budovať .
12

Spustite prehliadač Safari . Vyberte " Predvoľby " z menu " Súbor " a vyberte položku " Advanced " . Kliknite na " Show Develop menu Menu Bar vo " možnosť voľby . Objaví sa menu " Vytvoriť " v hornej časti okna .
13

Kliknite na ponuku " Develop " . Vyberte " User Agent " , potom " Ďalšie " . Otvorí sa dialógové okno . " . Delete " Double - kliknite na obsahu , a stlačte Insert " Mozilla/5.0 ( iPad , U , CPU OS 3_2 ako Mac OS X ; en - us ) AppleWebKit/531.21.10 ( KHTML , like Gecko ) Version/4.0.4 Mobile/7B334b Safari/531.21.10 " do textového poľa . Safari bude teraz vystupovať ako verzia iPad .

• Predchádzajúca strana: Ako vytvoriť animovaný iBook pre iPad 
• Ďalšia strana: Má 3G Unrestrictor Práca na iPad ?