Introducción
1
Dibuja un diseño para su aplicación con un lápiz y papel. Decida lo que la aplicación debe ser capaz de hacer. Dar prioridad a lo que tiene que hacer frente a lo que le gustaría que hiciera.
2
Familiarícese con lenguaje de marcado de hipertexto , HTML extensible , Cascading Style Sheets y JavaScript . Hay muchos buenos libros disponibles en librerías y en su biblioteca local. También hay tutoriales y ejemplos de código disponibles en línea , así como foros de desarrollo web donde la gente puede ayudarle a hacer su aplicación Web hacer lo que necesita hacer .
3
Registrarse para el libre de Apple Safari Developer Program en developer.apple.com . Esto le dará acceso a la biblioteca de desarrollador de Apple, incluyendo tutoriales y ejemplos de código específico para iPads.
4
Compara lo que necesita y lo que desea que la aplicación Web que ver con las capacidades de los diferentes tipos de código web disponibles .
construcción y prueba de un web App
5
decidir sobre un programa que se utilizará para el desarrollo de su aplicación web . Los programas como Adobe Dreamweaver CS5 o InDesign pueden hacer más fácil si usted tiene experiencia con ellos. También puede crear la aplicación web desde cero utilizando un editor de texto básico como el Bloc de notas .
6
Descargar e instalar el navegador Web Safari de apple.com /safari . Este es el navegador web utilizado por el iPad. Usted puede modificar la aplicación Web y probarlo directamente desde su ordenador.
7
Haga clic en el menú "Archivo " Safari , seleccione "Preferencias" y haga clic en el botón "Opciones avanzadas" . Haga clic en " Mostrar Desarrollar Menú Barra de menús en " opción.
8
Seleccione el menú "Revelado" en Safari, " agente de usuario ", "Otros " y pega el siguiente 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 que el navegador de imitar el utilizado por un iPad .
9
utiliza posicionamiento fijado en el código CSS de la aplicación web para asegurarse de Safari en el equipo no distorsiona la página mientras se está construyendo y probando la aplicación.
10 < p > Utilice un ancho viewport etiqueta meta constante en la cabecera de la página web, como por ejemplo " " para garantizar la página se comporta como un aplicación a toda página en el iPad .
11
Utilice los eventos de toque en la aplicación web , como " touchstart ", " touchmove ", " touchEnd " y " touchcancel , " en lugar de usar el ratón acontecimientos .
12
Utilice la etiqueta "