Operation Manual

Table Of Contents
519
Last updated 10.4.2012
Chapter 16: Webseiten für mehrere
Bildschirme und Geräte entwerfen
Erstellen von Medienabfragen (ab Version CS 5.5)
Mithilfe von Medienabfragen können Sie basierend auf den gemeldeten Eigenschaften eines Geräts CSS-Dateien
angeben. Der Browser auf einem Gerät prüft die Medienabfrage und zeigt die Webseite unter Verwendung der
entsprechenden CSS-Datei an.
Mit der folgenden Medienabfrage wird beispielsweise die Datei phone.css für Geräte angegeben, deren Anzeige eine
Breite von 300 bis 320 Pixel aufweist.
<link href="css/orig/phone.css" rel="stylesheet" type="text/css" media="all and (min-width:
300px) and (max-width: 320px)">
Ausführliche Informationen zu Medienabfragen finden Sie in Don Booths Artikel im Adobe Developer Center
www.adobe.com/go/learn_dw_medquery_don_de.
W3C-Informationen zu Medienabfragen finden Sie unter www.w3.org/TR/css3-mediaqueries/.
Erstellen von Medienabfragen
In Dreamweaver können Sie eine Datei für die siteübergreifende Medienabfrage oder eine dokumentspezifische
Medienabfrage erstellen.
Datei für siteübergreifende Medienabfrage Gibt Anzeigeeinstellungen für alle Seiten in Ihrer Site an, die die Datei
enthalten.
Die Datei für die siteübergreifende Medienabfrage dient als zentrales Repository für alle Medienabfragen in Ihrer Site.
Nach dem Erstellen dieser Datei müssen Sie auf den Seiten in Ihrer Site, die zur Anzeige die Medienabfrage in der Datei
verwenden müssen, eine Verknüpfung zu der Datei erstellen.
Dokumentspezifische Medienabfrage Die Medienabfrage wird direkt in das Dokument eingefügt und die Seite wird
entsprechend der eingefügten Medienabfrage angezeigt.
1 Erstellen Sie eine Webseite.
2 Wählen Sie „Modifizieren“ > „Medienabfragen“ aus.
3 Führen Sie einen der folgenden Schritte aus:
Um eine siteübergreifende Medienabfragedatei zu erstellen, aktivieren Sie die Option „Datei für
siteübergreifende Medienabfragen“.
Um eine dokumentspezifische Medienabfrage zu erstellen, aktivieren Sie die Option „Dieses Dokument“.
4 Bei einer siteübergreifenden Medienabfrage führen Sie die folgenden Schritte aus:
a Klicken Sie auf „Festlegen“.
b Wählen Sie „Neue Datei erstellen“ aus.
c Geben Sie einen Namen für die Datei ein und klicken Sie auf „OK“.
5 Möglicherweise melden einige Geräte nicht die tatsächliche Breite. Stellen Sie sicher, dass die Option „Geräte
anweisen, die tatsächliche Breite zu melden“ aktiviert ist, damit Geräte auch die tatsächliche Breite melden.