Operation Manual

Table Of Contents
524
VERWENDEN VON DREAMWEAVER
Webseiten für mehrere Bildschirme und Geräte entwerfen
Last updated 10.4.2012
Einige der jQuery Mobile-Komponenten verwenden HTML5-spezifische Attribute. Um sicherzustellen, dass bei
der Überprüfung die HTML5-Regeln eingehalten werden, wählen Sie aus dem Popupmenü „DocType“den
Dokumententyp „HTML 5“ aus.
3 Wählen Sie im Bedienfeld „Einfügen“ („Fenster“ > „Einfügen“) im Popupmenü links oben die Option „jQuery
Mobile“ aus. Im Bedienfeld werden die jQuery Mobile-Komponenten angezeigt.
4 Ziehen Sie vom Bedienfeld „Einfügen“ die Komponente „Seite“ in die Entwurfsansicht.
5 Wählen Sie im Dialogfeld „jQuery Mobile-Dateien“ einen Verknüpfungstyp aus:
Remote (CDN) Wenn die jQuery Mobile-Dateien auf einem Remote-CDN-Server liegen, können Sie die
Verbindung mit dieser Option herstellen. Wenn Sie keine eigene Site mit den jQuery Mobile-Dateien eingerichtet
haben, sollten Sie hier die Standardoptionen für jQuery-Site übernehmen. Sie können auch andere CDN Server
verwenden.
Lokal Es werden die in Dreamweaver verfügbaren Dateien angezeigt. Um einen anderen Ordner anzugeben,
klicken Sie auf „Durchsuchen“ und wählen den Pfad zu dem Ordner mit den jQuery Mobile-Dateien aus.
Die CSS- und JavaScript-Dateien werden in einen temporären lokalen Ordner kopiert, bis Sie die HTML-Datei auf
Ihrem Computer speichern. Nach dem Speichern der HTML-Datei werden die zugehörigen jQuery Mobile- und
Bilddateien in einen Ordner im Stammverzeichnis der Site kopiert.
6 Legen Sie die Eigenschaften der Komponente „Seite“ fest.
7 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.
Zeigen Sie eine Vorschau der Seite an, indem Sie die Live-Ansicht aktivieren. Einige der CSS-Klassen werden nur in
der Live-Ansicht angewendet.
Verwenden eigener Dateien und Ordner
Sie können auch eigene CSS- und JS-Dateien für Ihre Anwendung erstellen. Ihre Dateien müssen auf jeden Fall die
Namen jquery.mobile.js, jquery.mobile.css und jquery.js erhalten.
Wenn Sie eigene Ordner verwenden, führen Sie die folgenden Schritte aus:
1 Laden Sie die unkomprimierte Version der jQuery 1.5-Kernbibliothek von der Site
http://docs.jquery.com/Downloading_jQuery#Download_jQuery herunter.
2 Speichern Sie die Datei in dem Kernordner, der auch die anderen Ressourcen enthält.
Verpacken von Webanwendungen
WICHTIGE ÄNDERUNG BEIM ARBEITSABLAUF FÜR DAS VERPACKEN VON WEBANWENDUNGEN
Bitte beachten Sie, dass seit März 2012 der Arbeitsablauf in Dreamweaver zur Integration von PhoneGap geändert
worden ist. Adobe empfiehlt dringend, dass alle CS5.5-Benutzer die PhoneGap Build-Erweiterung für Dreamweaver
CS5.5 herunterladen, welche die aktuelle, nachfolgend beschriebene Funktionalität zur Anwendungsverpackung
ersetzt.