Wie man ein iPhone-Website bauen

Eine Website für das iPhone erstellen, müssen Sie wissen, wie man grundlegende HTML zu schreiben und Erstellen von externen Stylesheets. Wenn Sie bereits eine Website haben und möchte es mehr iPhone kompatibel zu machen, können Sie durch Hinzufügen von Verknüpfungen und Tags und einige kleineren Anpassungen an Ihren Seiten machen dies. Ein Großteil Ihrer Anpassungen kann in einer einzigen externen Stylesheet erfolgen, die für alle Seiten gilt.

Anweisungen

1 Erstellen Sie Ihre Webseiten in Notepad, TextEdit oder Ihre Lieblings-Webseite-Design-Programm. Wenn Sie Ihre Website zu erstellen, stellen Sie sicher, dass es iPhone kompatibel ist. Wenn Sie bereits eine Website, müssen Sie alle nicht unterstützten Elemente herausnehmen haben, wird Mouse-over-Elemente und Umzug Links, die zu eng beieinander liegen oder sie schwer zu klicken. Eine Liste der nicht unterstützten Elemente finden Sie in Safari Handbibliothek.

2 Erstellen Sie Ihre externe CSS-Stylesheet für iPhone-Nutzer und verlinken Sie Ihre Web-Seiten. Mit diesem Stylesheet können Sie alle Ihre Web-Seiten auf einmal bearbeiten, solange sie Ihr Stylesheet verknüpft sind. Durch die Anwendung dieser Code auf den < Head >-Abschnitt Ihrer Webseiten können Sie Ihre Web-Seiten zu Ihrem Stylesheet verknüpfen.

< link Medien = "nur Bildschirm und (Max-Gerät-Width: 480px)" href="yourpage.css" Typ = "Text/Css" Rel = "Stylesheet" / >

Du musst den Namen yourpage.css in den Namen Ihrer Stylesheet ändern. Auch, merkt man am Anfang der Verbindung, die es Safari erzählt, dass diese Web-Seite ist für ein Gerät mit einer max. Breite von 480 Pixel. Wenn Sie Safari auf Ihrem iPhone verwenden, werden der Browser bereits wissen, daß Sie haben eine max. Bildschirmgröße von 480 Pixel und werden dann automatisch direkt an das externe Blatt Sie, mit der iPhone-Daten im Auge erstellt.

3 Der Head-Bereich Ihrer Webseiten zu kontrollieren, wie Ihre Website auf dem iPhone skaliert ist fügen Sie ein Meta-Tag hinzu. Safari automatisch steuert Webseite Skalierung, aber Sie können Sie steuern, indem Sie das folgende Tag hinzufügen.

< Meta Name = "Viewport" Content = "Breite = 320, Initial-Scale ="1.2", Benutzer-skalierbare = No" >

Du musst die Initial-Skala-Größe je nach den Dimensionen Ihrer persönlichen Website anpassen.

4 Testen Sie Ihre Website mit einem iPhone oder einer Website testen Website---wie iPhoneTester---um sicherzustellen, dass es kompatibel und voll funktionsfähig ist. Wenn eine iPhone-Test-Website verwenden, verwenden Sie den Safari-Browser, denn das ist, was das iPhone verwendet.

Tipps & Warnungen

• Machen Sie keine Framesets verwenden; Safari hat keine Bildlaufleisten, so dass ein Großteil Ihrer Website möglicherweise nicht sichtbar. Denken Sie daran, dass beim iPhone Benutzer etwas eingeben müssen, die Tastatur ihrer halben Bildschirm einnimmt. Halten Sie die Formen kurz und klein.
• Sie können die meisten Elemente aus einem externen Stylesheet bearbeiten und müssen nicht, sie von Ihrer Website zu löschen. Entscheiden Sie sich für etwas, jedoch löschen, stellen Sie sicher, dass Sie eine Kopie speichern, für den Fall, dass Sie hinzufügen möchten ihn zurück später.