Operation Manual

Nach oben

Dreamweaver bietet folgende jQuery Mobile-Starterseiten für die Anwendungsentwicklung an.

jQuery Mobile (CDN) (ab Version CS5.5)

Verwenden Sie diese Starterseite, wenn die jQuery Mobile-Bibliothek auf einem CDN liegt.

jQuery Mobile (Lokal) (ab Version CS5.5)

Verwenden Sie diese Starterseite, wenn die Elemente lokal gespeichert sind oder die Anwendung auch ohne Internet-Verbindung funktionieren

soll.

jQuery Mobile (PhoneGap) (ab Version CS5.5)

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 Webanwendungen als native mobile Anwendungen verpacken (CS5.5).

Anwendungen für mobile Geräte mithilfe von Starterseiten erstellen

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), jQuery Mobile mit Thema (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.

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“.

526