Erstellen Sie eine Web Design für Alle Geräte

Wenn die Idee ein iPhone Porträt und Landschaft Web-Design entwerfen und ein iPad Porträt und Landschaftsgestaltung - nur für eine Web-Seite - hat Sie Gefühl überwältigt, hier ist eine gewisse Erleichterung.

Der Web-Browser Safari macht einen guten Job der meisten Webseiten im Internet angezeigt werden, auch wenn diese Seiten sind nicht speziell für diese beiden Geräte entwickelt. Wenn Sie die einfachste Möglichkeit für einige oder alle Ihrer Websites möchten, können Sie ein Design erstellen, das ist # 147-gut genug # 148- auf dem Desktop als auch auf dem iPhone, iPad und iPod touch.

Wenn Sie sich entscheiden, nur ein Design zu erstellen, stellen Sie sicher, dass Sie diese Richtlinien zu befolgen:

  • Verwenden Sie Adobe Flash nicht. Sorry - das ist ein doofer für Flash-Entwickler, aber wenn Apple seine Haltung ändert, alles in Flash entwickelt, nicht einmal arbeiten auf einem iOS-Gerät. Als Ergebnis kann kein Flash in Ihren Websites verwenden.

  • Erstellen Sie ein Design, das nicht mehr als 980 Pixel breit. Obwohl die iPad-Designs so breit wie 1024 Pixel im Querformat anzeigt und nur 768 im Portrait-Modus, Safari ändert die Größe automatisch Ihre Web-Seite Design, wenn Sie eine Seite erstellen und es nicht zu breit zu machen.

    Halten Sie die Anzahl der Pixel zwischen 960 und 980 ist ideal, wenn Sie Ihre Website wollen effektiv automatisch die Größe. Beachten Sie jedoch, dass automatisch Größe der Bilder zu verschwommenen Text und Änderungen an Ihren Entwürfen führen kann, dass sie weniger als die pixelgenaue verlassen.

  • Erstellen Sie Entwürfe, die mehr als 600 Pixel auf der Seite erstrecken. Wenn Ihre Seiten mit einer Auflösung von 800 x 600 Pixeln perfekt auf einem Monitor passen, sind sie wahrscheinlich zu kurz auf einem iPad gut aussehen. In dieser Figur ist, können Sie ein Beispiel für den Raum übrig in einer Web-Seite zu sehen, die zu passen weniger als 600 Pixel von oben nach unten entwickelt wurde.

    bild0.jpg

Wenn Sie suchen die # 147-Goldilocks # 148- Design-Option (nicht zu lang und nicht zu kurz), gestalten Sie Ihre Seiten wie das hier gezeigt aussehen. In dieser Website für Schauspieler Yuval David, sehen Sie, wie das iPad zeigt eine Seite, die von oben nach unten 970 Pixel breit und fast 2000 Pixel ist.

image1.jpg

Beachten Sie, dass die gesamte Konstruktion automatisch im Querformat vergrößert wird, um die 1024-Pixel-Breite zu füllen und reduziert sich auf nur 768 Pixel breit passen im Portrait-Modus.

Für die besten Ergebnisse, testen Sie Ihre Webseiten-Designs auf einem iPad oder iPhone, um sicherzustellen, dass Ihre Titelseite den gesamten Bildschirm im Portrait-Modus füllt. Stellen Sie außerdem sicher, dass Text und Bilder nicht zu verschwommen zu lesen oder zu stark verzerrt aussehen, wenn sie automatisch vergrößert oder verkleinert sind.

Menü