Operation Manual

Table Of Contents
412
VERWENDEN VON DREAMWEAVER
Mit anderen Anwendungen arbeiten
Last updated 10.4.2012
3 Führen Sie einen der folgenden Schritte aus:
Wählen Sie „Datei“ > „Vorschau im Browser“ > „Device Central“.
Klicken Sie auf der Symbolleiste des Dokumentfensters auf die Schaltfläche „Vorschau/Debuggen im
Browser“ , halten Sie die Maustaste gedrückt und wählen Sie „Vorschau in Device Central“.
Die Datei wird auf der Registerkarte „Device Central Emulator“ angezeigt. Zum Fortfahren des Tests doppelklicken
Sie in der Liste „Gerätegruppen“ oder „Verfügbare Geräte“ auf den Namen eines anderen Geräts.
Tipps zum Erstellen von Webinhalt für mobile Geräte mit Dreamweaver
Device Central ermöglicht mit der Small Screen Rendering-Funktion von Opera eine Vorschau für in Dreamweaver
erstellte Websites. Anhand dieser Vorschau können Sie sich vorstellen, wie die Website auf einem mobilen Gerät
aussehen wird.
Note: Die Small Screen Rendering-Funktion von Opera kann auf allen einzelnen, emulierten Geräten vorinstalliert sein.
Device Central liefert bloß eine Vorschau dessen, wie der Inhalt aussähe, wenn die Small Screen Rendering-Funktion von
Opera installiert wäre.
Mithilfe der folgenden Tipps können Sie sicherstellen, dass mit Dreamweaver erstellten Websites auf mobilen Geräten
gut angezeigt werden.
Wenn Sie Adobe® Spry Framework für die Inhaltsentwicklung verwenden, fügen Sie Ihren Seiten die folgende
HTML-Zeile hinzu, damit sie in Device Central CSS rendern und JavaScript™ ordnungsgemäß ausführen können:
<link href="SpryAccordion.css" media="screen" rel="stylesheet" type="text/css"/>
<link href="SpryAccordion2.css" media="handheld" rel="stylesheet" type="text/css"/>
Die Small Screen Rendering-Funktion von Opera unterstützt keine Frames, Popups, Unterstreichungen,
Durchstreichungen, Überstreichungen, blinkenden Objekte oder Laufschrift. Vermeiden Sie diese Elemente nach
Möglichkeit.
Halten Sie Websites für mobile Geräte simpel. Verwenden Sie insbesondere ein Minimum an Schriftarten,
Schriftgrößen und Farben.
Verkleinern der Bildgröße und Reduzieren der Anzahl erforderlicher Farben steigern die Chance, dass das Bild wie
gewünscht angezeigt wird. Verwenden Sie CSS oder HTML, um eine exakte Höhe und Breite für jedes Bild
festzulegen. Stellen Sie für alle Bilder Alt-Text zur Verfügung.
Note: Die Website von Opera Software liefert weitere hilfreiche Informationen zur Optimierung von Websites für mobile
Geräte.
Weitere Tipps und Techniken zum Erstellen von Inhalten für Mobiltelefone und mobile Geräte finden Sie unter
www.adobe.com/go/learn_cs_mobilewiki_de.