Operation Manual

Schlüsselwörter: Neue Funktionen, Dreamweaver, HTML5, CSS, Übergänge, Webanwendungen, Webpaket, Effekte, CSS3, Fließende
Rasterlayouts, PhoneGap, Neuerungen, jQuery, Business Catalyst, Webschriften, FTP-Verbesserungen, PSD-Optimierung, Dreamweaver CS 6
Twitter™- und Facebook-Beiträge fallen nicht unter die Bedingungen von Creative Commons.
Remote (CDN)
Lokal
2. Wählen Sie „Leere Seite“ > „HTML“.
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ü „Dok.typ“den Dokumenttyp „HTML5“ 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:
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.
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.
http://jquerymobile.com/demos/1.0a3/
http://docs.jquery.com/Downloading_jQuery#CDN_Hosted_jQuery
http://en.wikipedia.org/wiki/Content_delivery_network (auf Englisch) und http://de.wikipedia.org/wiki/Content_Delivery_Network (auf Deutsch, aber nicht so
ausführlich)
http://docs.jquery.com/Downloading_jQuery
527