Operation Manual

Table Of Contents
523
VERWENDEN VON DREAMWEAVER
Webseiten für mehrere Bildschirme und Geräte entwerfen
Last updated 10.4.2012
Starterseiten für jQuery Mobile
Dreamweaver bietet folgende jQuery Mobile-Starterseiten für die Anwendungsentwicklung an.
jQuery Mobile (CDN) Verwenden Sie diese Starterseite, wenn die jQuery Mobile-Bibliothek auf einem CDN liegt.
jQuery Mobile (lokal) Verwenden Sie diese Starterseite, wenn die Elemente lokal gespeichert sind oder die
Anwendung auch ohne Internet-Verbindung funktionieren soll.
jQuery Mobile (PhoneGap) Verwenden Sie diese Starterseite, wenn die Webanwendung bei der Bereitstellung als
mobile Anwendung auf Funktionen von Mobilgeräten zurückgreift. Weitere Informationen finden Sie unter
Verpacken von Webanwendungen” on page 524.
Erstellen von Anwendungen für mobile Geräte mithilfe von Starterseiten
1 Wählen Sie „Datei“ > „Neu“.
2 Wählen Sie eine der folgenden Befehlsfolgen:
„Seite aus Beispiel“ > „Mobile Starter“ > „jQuery Mobile (CDN)“.
„Seite aus Beispiel“ > „Mobile Starter“ > „jQuery Mobile (lokal)“.
3 Klicken Sie auf „Erstellen“.
Aktivieren Sie für die erstellte Seite die Option „Hyperlinks fortlaufend aufrufen“ (mit „Ansicht“ > „Live-Ansicht-
Optionen“) und aktivieren Sie die Live-Ansicht (mit „Ansicht“ > „Live-Ansicht“). Verwenden Sie die
Navigationskomponenten, um die Funktionalität der Anwendung zu testen.
Verwenden Sie die Optionen im Popupmenü „Multi-Screen“, um zu sehen, wie der Entwurf auf Geräten mit
unterschiedlich großem Display angezeigt wird. Deaktivieren die Live-Ansicht, so dass Sie wieder in der
Entwurfsansicht arbeiten können.
4 Wählen Sie im Bedienfeld „Einfügen“ („Fenster“ > „Einfügen“) im Popupmenü links oben die Option „jQuery
Mobile“ aus. Im Bedienfeld werden Komponenten angezeigt, die Sie in eine Webanwendung einfügen können.
5 Platzieren Sie in der Entwurfsansicht den Cursor dort, wo die Komponente eingefügt werden soll, und klicken Sie
im Bedienfeld „Einfügen“ auf die entsprechende Komponente. Falls ein Dialogfeld eingeblendet wird, passen Sie
die Komponenten mithilfe der jeweiligen Optionen an.
6 (jQuery Mobile - lokal.) Beim Speichern der HTML-Datei werden die jQuery Mobile-Dateien, einschließlich der
Bilddateien, in einen Ordner im HTML-Verzeichnis kopiert.
Zeigen Sie eine Vorschau der Seite an, indem Sie die Live-Ansicht aktivieren. Einige der CSS-Klassen werden nur in
der Live-Ansicht angewendet.
More Help topics
http://en.wikipedia.org/wiki/Content_delivery_network
http://docs.jquery.com/Downloading_jQuery
Erstellen von Webanwendungen für mobile Geräte aus einer neuen Seite
Die Komponente „Seite“ ist der Container für alle anderen jQuery Mobile-Komponenten. Fügen Sie daher zuerst die
Komponente „Seite“ ein, bevor Sie weitere Komponenten in die Seite einsetzen.
1 Wählen Sie „Datei“ > „Neu“.
2 Wählen Sie „Leere Seite“ > „HTML“.