Operation Manual

Nach oben

Hinweis:

Nach oben

Videotutorial

Using the CSS Designer panel

Erstellen und Anfügen von Stylesheets

1. Klicken Sie im Bedienfeld „CSS Designer“ im Bereich „Quellen“ auf und dann auf eine

der folgenden Optionen:

„Neue CSS-Datei erstellen“: Um eine neue CSS-Datei zu erstellen und sie ans

Dokument anzuhängen

„Vorhandene CSS-Datei anhängen“: Um eine vorhandene CSS-Datei ans Dokument

anzuhängen

„Auf der Seite definieren“: Um ein CSS innerhalb des Dokuments zu definieren

Abhängig von der gewählten Option erscheint entweder das Dialogfeld „Neue CSS-Datei

erstellen“ oder das Dialogfeld „Vorhandene CSS-Datei anhängen“.

2. Klicken Sie auf „Durchsuchen“ um das Dateisystem zu durchsuchen und zu der CSS-

Datei zu navigieren, die angehängt werden soll, bzw., wenn Sie eine neue CSS-Datei

erstellen, um den Pfad anzugeben, in dem die neue Datei gespeichert werden soll.

3. Führen Sie einen der folgenden Schritte aus:

Aktivieren Sie die Option „Verknüpfung“, um das Dreamweaver-Dokument mit der

CSS-Datei zu verknüpfen.

Klicken Sie auf „Import“, um die CSS-Datei in das Dokument zu importieren.

4. (Optional) Klicken Sie auf „Bedingte Verwendung“ und definieren Sie die Medienabfrage,

die Sie mit der CSS-Datei verknüpfen wollen.

Definieren von Medienabfragen

1. Klicken Sie im „CSS Designer“ im Bereich „Quellen“ auf eine CSS-Quelle.

2. Klicken Sie auf

im Bereich @Medien, um eine neue Medienabfrage hinzuzufügen.

Das Dialogfeld „Medienabfrage definieren“ wird angezeigt, in dem die Bedingungen aller

von Dreamweaver unterstützten Medienabfragen aufgelistet sind.

3. Wählen Sie die erforderlichen Bedingungen aus. Ausführliche Informationen zu

Medienabfragen finden Sie in diesem Artikel.

Stellen Sie sicher, dass Sie für alle ausgewählten Bedingungen gültige Werte festlegen.

Andernfalls werden die entsprechenden Medienabfragen nicht erfolgreich erstellt.

Bei mehreren Bedingungen werden momentan nur Operationen mit AND-

Verknüpfungen unterstützt.

Wenn Sie Medienabfragebedingungen über den Code hinzufügen, werden im Dialogfeld „Medienabfrage

definieren“ nur die unterstützten Bedingungen eingelesen. Das Textfeld „Code“ im selben Dialogfeld zeigt

jedoch den gesamten Code an (einschließlich nicht unterstützter Bedingungen).

Wenn Sie in der Entwurfs- oder Live-Ansicht auf eine Medienabfrage klicken, wird der Viewport dieser

Medienabfrage angezeigt. Um·den vollständigen Viewport·anzuzeigen,·klicken·Sie·im·Bereich·„@Medien“ auf·

„GLOBAL“.

Definieren von CSS-Selektoren