So funktioniert Dreamweaver jQuery Mobile Widgets
Das Menü Einfügen in Dreamweaver enthält eine Sammlung von jQuery Mobile Widgets, die Sie Formularelemente und andere Funktionen, die häufig in der mobilen Web-Anwendungen verwenden können, verwendet zu erstellen. Zum Beispiel können Sie die jQuery-Mobil-Widget verwenden, um Handy-freundliche Formularelemente, wie zum Beispiel Textbereiche und Kontrollkästchen hinzuzufügen.
Bevor Sie eine der jQuery Mobile Widgets verwenden können, müssen Sie zunächst eine jQuery Mobile-Seite, indem Sie Seite, das Element in der Liste von jQuery Mobile Widgets definieren.
Erstellen einer Web-Seite in Dreamweaver.
Klicken Sie den Cursor in der oberen linken der neuen Seite zu platzieren, und wählen Sie dann die Seite der jQuery Mobile Einsatzplatte.
Die jQuery Mobile Dateien Dialogfeld öffnet sich.
Ändern Sie die Standardeinstellungen in der jQuery Mobile Dialogfeld Dateien (oder lassen Sie sie auf die Standardwerte), und klicken Sie auf OK.
Das Dialogfeld Seite öffnet.
Geben Sie einen Namen in das ID-Feld, und wählen Sie oder die Kontrollkästchen deaktivieren neben Kopf- und Fußzeile basierend auf, ob Sie Kopf- und Fußzeilen Abschnitte in der Mobile-Seite.
Ersetze das Kopfzeile, Inhalt, und Fußzeile Text mit dem Text, Bilder und andere Elemente, die Sie in Ihrem mobilen Seite möchten.
Sie können Text und Einfügen von Bildern und anderen Elementen in ein jQuery Mobile-Seite einfach wie jede andere Seite in Dreamweaver hinzuzufügen.
Der Text sollte kurz sein und die Bilder sollten für die Anzeige auf kleinen mobilen Bildschirmen klein sein.
Klicken Sie auf das Mobil Größe Symbol in der unteren rechten Ecke des Arbeitsbereichs die Seite in einem kleineren Fenster zu sehen.
Der Mobile Größe Option können Sie die Seite in einer Art und Weise zu betrachten, ähnlich, wie es auf einem kleinen mobilen Gerät angezeigt wird.
In anderen jQuery Mobile Optionen wie gewünscht.
Der Rest der jQuery Mobileoptions in Mobile jQuery Insert Panel sind optional. Benutzen Sie sie um zusätzliche Funktionen Mobile-Seite hinzufügen, einschließlich Formularelemente wie Passwortfelder, Optionsfelder und Textbereiche.
Wählen Sie Datei-Speichern, um die seiten- speichern, wenn der Abhängige Dateien kopieren Dialogfeld angezeigt wird, klicken Sie auf OK, um alle zugehörigen Dateien zu generieren.
Für die jQuery Mobile arbeiten verfügt, müssen Sie diese Dateien auf Ihren Webserver hochladen, wenn Sie die Webseite hochladen.
Um die Arbeit in einem Browser eine Vorschau, klicken Sie auf das Globus-Symbol oben im Arbeitsbereich und einen Browser auswählen.
Um zu testen, eine mobile Website oder Web-App auf einem mobilen Gerät, veröffentlichen Sie die Seite und alle dazugehörigen Dateien auf einem Web-Server, und zeigen Sie dann die Seite in einem Web-Browser auf einem iPhone, einem Android-Gerät, einem Blackberry oder einem anderen mobilen Gerät.