Operation Manual

Mit Device Central arbeiten und Dreamweaver verwenden

Nach oben

Adobe Device Central mit Dreamweaver verwenden

Tipps zum Erstellen von Webinhalt für mobile Geräte mit Dreamweaver

Adobe Device Central mit Dreamweaver verwenden

Mit Device Central können Dreamweaver-Web-Designer und -Entwickler in einer Vorschau sehen, wie Dreamweaver-Dateien auf verschiedenen

mobilen Geräten aussehen werden. Device Central verwendet die Small-Screen Rendering™-Funktion von Opera, damit sich Designer und

Entwickler eine Vorstellung davon machen können, wie ihre Website auf einem kleinen Bildschirm aussehen wird. Zudem können Designer und

Entwickler damit auch testen, ob ihr CSS ordnungsgemäß funktioniert.

Beispielsweise hat ein Web-Entwickler einen Kunden, der eine Website für Mobiltelefone verfügbar machen möchte. Der Web-Entwickler kann mit

Dreamweaver die vorläufigen Seiten erstellen und anschließend mit Device Central testen, wie diese Seiten auf unterschiedlichen Geräten

angezeigt werden.

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.

Hinweis: 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:

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.

Hinweis: 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.

Verwandte Hilfethemen

Adobe Device Central-Hilfe

Rechtliche Hinweise | Online-Datenschutzrichtlinie

558