Websites für die Anzeige auf dem Handy Web-Browser aufgebaut unterscheiden sich in einer Reihe von wichtigen Punkten von der häufigsten Web-Seiten für die Anzeige auf traditionelle Computer -Systeme entwickelt. Um damit zu beginnen , sind Handy- Bildschirme kleiner und Internet-Verbindungen sind in der Regel langsamer auf Mobiltelefonen. Dies stellt gewisse Einschränkungen auf , was durch eine Handy-Web- Browser dargestellt werden. Als solche haben bestimmte Standards zu erfüllen , um das Seherlebnis so einfach wie möglich zu machen. Things You
Computer Browser
Texteditor
Webserver
brauchen anzeigen Weitere Anweisungen
Erstellen Sie Ihre mobile Website
1
Erstellen Sie Ihre mobile Website als würden Sie einen typischen Website. Dieser Schritt hängt stark von Ihrem Niveau der Kenntnisse und Erfahrungen . Wenn Sie mit einem Content Management System ( CMS) wie WordPress oder Drupal sind , stellen Sie es auf Ihrem eigenen Computer -System wie einen regulären Website . Für die Zwecke dieses Tutorial werden wir annehmen, dass Sie wissen, wie man eine traditionelle Website zu bauen. Der Aufbau einer Website für Handy Betrachtung ist im Wesentlichen ein Prozess der Skalierung wieder von traditionellen Web-Design.
2
Richten Sie Ihre Web- Hierarchie auf dem eigenen Computer und füllen Sie Ihre Website mit dem, was Sie beabsichtigen, Inhalte umfassen . Überprüfen Sie die folgenden Richtlinien für die Besonderheiten auf, wie Sie Ihre Website für mobile Anzeigen zu optimieren.
3
Entfernen Sie Javascript und Cookies von Ihrer Website. Während einige Handy Web-Browser für die Verwendung von Javascript erlauben , viele nicht . In jedem Fall können Javascript tendenziell Rechenleistung Schwein , so ist es am besten vermieden werden .
4
Machen Sie Ihre Website -Design und Layout so einfach und einheitlich wie möglich . Handy- Bildschirme sind klein und nicht navigiert durch die Verwendung eines Zeigers , wie sie auf Tradition Web-Browsern sind . Halten Sie Ihre Website zwischen einem und zwei Spalten und nutzen einfache Navigations-Tools , die leicht geblättert .
5
Richten Sie Ihren Style Sheets oder CSS , mit Einfachheit im Verstand kann . Versuchen Sie, Ihre Palette von Stilen zu begrenzen und entfernen Sie alle Redundanzen Sie versehentlich in Ihren Stylesheets vielleicht beschäftigen .
6
Verzichten unnötigen Elemente . Verwendung von Grafiken sparsam und überhaupt nicht für Navigations-Menüs . Wenn Sie Anzeigen verwenden müssen, die Anzahl und die Art , die auf Ihrer Website enthalten sind. Denken Sie daran, dass mobile Web-Browser können nicht machen Flash-Animationen , so dass diejenigen, werden ignoriert.
7
Optimieren Sie Ihre Bilddateien für den Einsatz auf kleinen Handy- Bildschirme . Bildschirmgrößen können stark variieren, aber es gibt einige relativ Standards , die entstanden sind . Im Allgemeinen halten Sie Ihre Bilder unter etwa 240x320 Pixel. Beachten Sie, dass übergroße Bilder vom Browser wird geändert werden , obwohl große Bilder noch dauern wird zusätzliche Zeit, um herunterzuladen und zu rendern.
8
Bestätigen Sie Ihre Website. Es ist keine Voraussetzung, um eine Website mit valides HTML und CSS programmiert haben, aber es tut nicht weh, und es kann prüfen, ob Ihre Website mit den meisten gültigen Web-Browsing -Software arbeiten . Sie können Ihre Website , indem Sie einfach die Einreichung des Quellcodes validator.w3.org validieren.
9
Laden Sie Ihr Handy-Website auf einem Server. Richten Sie den Domain Name Service . Schließlich können Sie eine Subdomain verwenden, um anzuzeigen, dass es sich um eine mobile Website , wie m.yourdomain.com ist . Alternativ können Sie kaufen ein Top-Level- Domain , um anzuzeigen, dass es mobile- bereit , wie www.yourdomain.mobi .
