Wie ein externes Stylesheet zu einer Seite in Dreamweaver zu befestigen

Nachdem Sie ein externes Stylesheet in Dreamweaver erstellt haben, können Sie es auf einem beliebigen Web-Seite anhängen. In der Schritt-für-Schritt-Anleitungen, die folgen, können Sie eine der vordefinierten Stylesheets in Dreamweaver enthalten oder können Sie diese Anweisungen verwenden, um alle Stylesheet zu befestigen Sie mit den Schritten in der vorherigen Übung erstellen.

Beginnen Sie mit dem Öffnen der Seite, zu der Sie das Stylesheet anhängen möchten und gehen Sie folgendermaßen vor:

  1. Klicken Sie auf das Plus-Symbol (+) in der Quellen-Panel an der Oberseite des CSS-Designer-Panel und wählen Sie Anhängen vorhandenen CSS-Datei aus der Dropdown-Liste.

    Die Attach vorhandenen CSS-Datei im Dialogfeld öffnet sich.

  2. Klicken Sie auf die Schaltfläche Durchsuchen und suchen Sie die CSS-Datei in Ihrem lokalen Site-Ordner.

    Sie können auch eine URL eingeben, wenn Sie eine Remote-CSS-Datei auf einer anderen Website befindet sich nutzen wollen, aber es ist am häufigsten ein Stylesheet in der Website auf dem Sie arbeiten enthalten zu verwenden.

  3. Wählen Sie den Link oder einer Import-Option.

    Wenn Sie ein Stylesheet in eine HTML-Datei sind angebracht, Ihre beste Wahl ist fast immer zu wählen, die die Standardeinstellung. Wählen Sie Importieren, wenn Sie ein Master externen Stylesheet erstellen möchten, die Verweise auf andere Stylesheets enthält, eine erweiterte Option, die ein Stylesheet ermöglicht zum anderen zu verweisen.

  4. (Optional) Wählen Sie Optionen aus dem bedingten Abschnitt Verwendung.

    Verwenden Sie die Conditional Nutzungsmerkmale eine Medien Abfrage zu definieren, wie Sie Ihren Stylesheet anhängen.

  5. Klicken Sie auf OK.

    Das Dialogfeld wird geschlossen, und Dreamweaver stellt die Verbindung zu dem Stylesheet durch eine einzige Zeile Code an die Spitze der HTML-Datei hinzufügen. Nachdem Sie ein externes Stylesheet verknüpfen, werden alle anwendbaren Stile auf den Inhalt der Seite in Dreamweaver und den Selektor Namen der Stile definiert im Stylesheet werden sichtbar in der Selektoren Platte des CSS Designer Panel automatisch übernommen.

Sie können mehrere Stylesheets auf die gleiche HTML-Seite anhängen, und Sie können im gleichen Dokument internen und externen Stylesheets verwenden. Zum Beispiel können Sie Ihren Text Stile in einem Stylesheet speichern, Ihr Layout-Stile in einem anderen speichern, und beide dann auf das gleiche Dokument anhängen - die Stile alle definierten verfügbar auf die Seite macht.

In ähnlicher Weise erstellen Sie verschiedene Stylesheets für verschiedene Zwecke, wie zum Beispiel eine für das Drucken der Datei und eine andere für die Browser-Anzeige.

Menü