Hallo liebe Community
Ich zeige euch heute wie ihr euere eigene Web App auf eueren Home Bildschirm bekommt.
Was brauchen wir?
1.Webspace Ein sehr Guter: cwsurf (Google It!)
2.Ein bisschen Verständnis von HTML(5) (Es reicht <html></html> etc)
3.Notepad, gEdit
4.FTP-Clienten (FileZilla)
5.Grafik programm (Hier reicht mal Paint)
Los gehts!
Ihr öffnet eueren Texteditor und fügt folgendes ein
Alles anzeigen
Das
Ignorieren wir getrost einmal
Wir Speichern das gesamte Dokument als index.html ab
Nun benötigen wir ein icon und ein das Startup bild.
Das icon hat die Größe 57 x 57 (Non-Retina)
Das Startup 320 x 460
Für Retina Display nehmen wir die Zahlen mal 2 (57 x 2 ergibt 114 etc.)
Ich nutze hier diese Bilder:
speedc0re.cwsurf.de/iOS/startup.png
speedc0re.cwsurf.de/iOS/icon.png
Wir packen die 3 Dateien und öffnen FileZilla, Melden uns an, Und übertragen die Dateien an unseren FTP Server in den Ordner htdocs.
Jetzt wird das iPhone (oder iPad o.ä.) gezückt und wir rufen im fall von cwsurf http://[username].cwsurf.de/
Hier sollte in Fettschrift stehen:
Hello iOS Web World!!
lets Dominate You!!!
Wir berühren das mittige symbol und dann auf "Zum Home-Bildschirm".
Gebt einen Namen ein und ihr seht euer symbol.
Klickt drauf und ihr seid bei euerer Web app.
Glückwunsch!! Ihr habt euere eigene Web-App
Ich zeige euch heute wie ihr euere eigene Web App auf eueren Home Bildschirm bekommt.
Was brauchen wir?
1.Webspace Ein sehr Guter: cwsurf (Google It!)
2.Ein bisschen Verständnis von HTML(5) (Es reicht <html></html> etc)
3.Notepad, gEdit
4.FTP-Clienten (FileZilla)
5.Grafik programm (Hier reicht mal Paint)
Los gehts!
Ihr öffnet eueren Texteditor und fügt folgendes ein
Quellcode
- <!DOCTYPE html>
- <head>
- <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
- <meta name="apple-mobile-web-app-capable" content="yes" />
- <meta name="apple-mobile-web-app-status-bar-style" content="black" />
- <link rel="apple-touch-icon" href="icon.png"/>
- <link rel="apple-touch-startup-image" href="startup.png" />
- <link rel="stylesheet" href=css.css" type="text/css" media="screen, mobile" title="main" charset="utf-8">
- <title>Hello iOS World!!</title>
- </head>
- <body>
- <!-- Put your Markup Here -->
- <h1>Hello iOS Web World!!<h1></br>
- <h1>lets Dominate You!!!<h1></br>
- </body>
- </html>
Das
<link rel="stylesheet" href=css.css" type="text/css" media="screen, mobile" title="main" charset="utf-8">
Ignorieren wir getrost einmal
Wir Speichern das gesamte Dokument als index.html ab
Nun benötigen wir ein icon und ein das Startup bild.
Das icon hat die Größe 57 x 57 (Non-Retina)
Das Startup 320 x 460
Für Retina Display nehmen wir die Zahlen mal 2 (57 x 2 ergibt 114 etc.)
Ich nutze hier diese Bilder:
speedc0re.cwsurf.de/iOS/startup.png
speedc0re.cwsurf.de/iOS/icon.png
Wir packen die 3 Dateien und öffnen FileZilla, Melden uns an, Und übertragen die Dateien an unseren FTP Server in den Ordner htdocs.
Jetzt wird das iPhone (oder iPad o.ä.) gezückt und wir rufen im fall von cwsurf http://[username].cwsurf.de/
Hier sollte in Fettschrift stehen:
Hello iOS Web World!!
lets Dominate You!!!
Wir berühren das mittige symbol und dann auf "Zum Home-Bildschirm".
Gebt einen Namen ein und ihr seht euer symbol.
Klickt drauf und ihr seid bei euerer Web app.
Glückwunsch!! Ihr habt euere eigene Web-App
iPod touch RULEZ!!!
Verschenke kostenlose Google+ einladungen. Hier Link klicken. Funktioniert nur 150 mal
Mein PC
(̅_̅_̅_̅(̅_̅_̅_̅_̅_̅_̅_̅_̅_̅_̅() ڪے This is Zigarette, Copy Zigarette into your Signatur, to help that humans stop to rauchen
Verschenke kostenlose Google+ einladungen. Hier Link klicken. Funktioniert nur 150 mal
Mein PC
(̅_̅_̅_̅(̅_̅_̅_̅_̅_̅_̅_̅_̅_̅_̅() ڪے This is Zigarette, Copy Zigarette into your Signatur, to help that humans stop to rauchen
