Seleziona il programma da utilizzare per la costruzione l'app . Anche se è possibile utilizzare sofisticati programmi di progettazione web come Adobe Dreamweaver, è possibile anche utilizzare un editor di testo di base come Blocco note per creare file HTML e CSS .
2
Safari Developer Library di ricerca di Apple per i tutorial e codice di esempio . Codice è disponibile per molte delle caratteristiche iPad, come ad esempio " SlideMe ", così come altre HTML , CSS e codice JavaScript specificatamente per i dispositivi Apple iOS e per Safari in generale.
3
familiarizzare con le norme e le capacità di HTML5 , CSS e JavaScript per l'iPad . Tutorial e codici di esempio sono disponibili in libri dalla biblioteca, nonché da sviluppatori esperti in blog e forum .
Progettare l'app
4
creare una pagina HTML separata per ogni pagina del tuo app . Usa i link HTML che gli utenti di spostarsi da una pagina all'altra .
5
Usate eventi touch piuttosto che gli eventi del mouse sulle pagine di app per ospitare l'interfaccia touch screen iPad. Ad esempio, utilizzare " TouchStart , " " touchEnd ", " touchMove " e " touchcancel , " piuttosto che utilizzare gli eventi del mouse .
6
Usate " textarea " gli attributi di stile per le aree in cui l' utente deve inserire il testo in app . L'iPad non supporta l'attributo " contentEditable " che i browser Web del computer utilizzano .
7
Includere l'attributo " " su ogni pagina se si desidera l'applicazione sia disponibile non in linea. Si noti che è anche necessario un file " manifest" nella directory principale della app " htaccess " e al fine di utilizzare le capacità della cache di HTML5 .
Icon Design
8
Seleziona un'immagine che è rappresentativo della vostra applicazione , o di creare una nuova immagine utilizzando un qualsiasi programma di grafica come GIMP o Photoshop . Quando gli utenti salvano l'app da Safari , l'icona viene visualizzata nella schermata principale .
9
Salvare l' immagine come file PNG , che è di 114 per 114 pixel di dimensione con il nome di "apple - touch- icon.png . " Inserire il file immagine nella directory principale per l'applicazione per iPad . La lucentezza stilizzata iPad e gli angoli arrotondati sono applicati all'icona quando viene salvato sul dispositivo .
10
Includere un link per l'icona nella intestazione delle pagine web app che utilizzano il " link < rel = " apple -touch -icon " href = " . /apple -touch - icon.png " /> " formato . Questo link indirizza l'iPad , o qualsiasi altro dispositivo iOS di Apple , per cui l'icona è salvato .
Test su Safari browser del computer
11
Scarica di Apple da Apple .com /safari , e installarlo sul vostro computer. Questo browser vi permetterà di testare la vostra applicazione dal computer mentre si sta costruendo esso.
12
lancio Safari . Selezionate "Preferenze" dal menu "File " e selezionare "Avanzate ". Fai clic su " Mostra menu Sviluppo nella barra dei menu " opzione . Il menu "Sviluppo" viene visualizzata nella parte superiore della finestra .
13
Fare clic sul menu "Sviluppo" . Selezionare " User Agent ", quindi " Altro". Si apre una finestra di dialogo. Fare doppio clic sul contenuto , e premere "Elimina . " Incolla " Mozilla/5.0 ( iPad; U ; CPU OS 3_2 come Mac OS X ; en-us ) AppleWebKit/531.21.10 ( KHTML , like Gecko ) Version/4.0.4 Mobile/7B334b Safari/531.21.10 " nel campo di testo . Safari ora eseguirà come la versione per iPad .
hardware © www.354353.com