investigación y preparación
1
Seleccione un programa que se utilizará para la construcción de la aplicación. Aunque puede utilizar sofisticados programas de diseño Web, como Adobe Dreamweaver, también puede utilizar un editor de texto básico como el Bloc de notas para crear archivos HTML y CSS.
2
Safari Developer Library Research Apple para tutoriales y código de ejemplo . Código está disponible para muchas de las características del iPad , tales como " SlideMe ", así como otras HTML , CSS y JavaScript códigos específicos para los dispositivos de Apple iOS y Safari en general.
3
familiarizarse con los estándares y capacidades de HTML5 , CSS y JavaScript para el iPad. Tutoriales y códigos de muestra están disponibles en los libros de la biblioteca , así como de los desarrolladores con experiencia en blogs y foros.
Diseño de la App
4
Crear una página HTML independiente para cada página de su aplicación. Utilice los enlaces HTML que los usuarios pasen de una página a otra .
5
Uso eventos de toque en lugar de eventos de ratón en las páginas de aplicaciones para adaptarse a la interfaz de la pantalla táctil del iPad . Por ejemplo, utilice " touchstart ", " touchEnd ", " touchmove " y " touchcancel ", en lugar de utilizar los eventos del ratón .
6
Usar atributos de estilo " textarea " para las áreas donde el usuario debe introducir texto en la aplicación. El iPad no soporta el atributo " contenteditable " que los navegadores Web informáticos utilizan .
7
Incluir el " " atributo en cada página si quieres la aplicación estará disponible sin conexión . Tenga en cuenta que también necesitará un archivo de " manifiesto" en el directorio raíz de la aplicación " htaccess " y con el fin de utilizar las capacidades de caché de HTML5 .
Icono Diseño
8
Seleccione una imagen representativa de su aplicación , o crear una nueva imagen usando cualquier programa de diseño gráfico como Photoshop o GIMP . Cuando los usuarios guardan la aplicación de Safari, el icono aparecerá en la pantalla de inicio.
9
Guarde la imagen como un archivo PNG que es de 114 por 114 píxeles de tamaño con el nombre de " apple -touch - icon.png ". Coloca el archivo de imagen en el directorio raíz de la aplicación para iPad . El brillo estilizada iPad y las esquinas redondeadas se aplican al icono cuando se guarda en el dispositivo.
10
incluir un enlace al icono en la cabecera de las páginas de aplicaciones Web utilizando el "link < rel = "apple -touch -icon " href = /> "Formato " apple -touch -icon.png . /". Este enlace dirige el iPad o cualquier otro dispositivo de Apple iOS, a la que se guarda el icono.
Pruebas en el navegador Web Safari ordenador
11
Descarga de Apple de Apple .com /safari , e instalarlo en su ordenador. Este navegador le permitirá poner a prueba su aplicación en su computadora mientras usted está construyendo él.
12
lanzamiento Safari. Seleccione "Preferencias" en el menú "Archivo" y seleccione "Opciones avanzadas ". Haga clic en " Mostrar Desarrollar Menú Barra de menús en " opción. El menú "Revelado" en la parte superior de la ventana.
13
Haga clic en el menú " Crear " . Seleccione " User Agent ", luego " Otros. " Se abre un cuadro de diálogo. Haga doble clic en el contenido , y pulse "Borrar . " Pegar " 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 "en el campo de texto. Safari ejecuta ahora como la versión iPad.