Wie interne und externe Style Sheets in Dreamweaver erstellen
Wenn Sie neue Stile in Dreamweaver erstellen, müssen Sie entscheiden, ob Sie den Stil in einem internen oder externen Stylesheet zu speichern. In einem (n interne Stylesheet
Menu
Externe Stylesheets bieten die größten Vorteile, da mit einer Reihe von Stilen über viele Seiten hinweg ist effizienter als die Stile für jede Seite in Ihrer Website zu erstellen. Das sei gesagt, manchmal interne Stylesheets sind eine gute Wahl, wie zum Beispiel, wenn Sie einen Stil erstellen möchten, die nur auf Elemente auf einer Seite gelten.
Wie eine interne Stylesheet in Dreamweaver erstellen
Interne Stylesheets sind in der gleichen HTML-Datei gespeichert, wo sie angewendet werden. So erstellen Sie eine Datei nicht, wenn Sie ein internes Stylesheet zu erstellen, wie Sie tun, wenn Sie ein externes Blatt erstellen.
Stattdessen, wenn Sie ein internes Stylesheet zu erstellen, fügen Sie einfach Tags innerhalb der Tags an der Spitze der HTML-Datei, die Sie in Dreamweaver geöffnet haben. Dann, wenn Sie Stile erstellen, speichern Sie die neue Art Regeldefinitionen innerhalb der Tags in der Datei.
eine neue interne Stil in Dreamweaver erstellen erfordert nur zwei Schritte. Klicken Sie zuerst auf das Plus-Symbol (+) in der Quellen-Panel an der Oberseite des CSS-Designer-Panel. Definieren Sie in Seite Wählen Sie dann aus der Dropdown-Liste. Sie sind fertig. Dreamweaver fügt die Tags in den Code in der Datei, und listet die internen Stylesheet in der Quellen-Panel mit dem Tag.
Wie ein externes Stylesheet in Dreamweaver erstellen
An der Spitze des CSS-Designer-Panel finden Sie die Quellen-Panel. Dieses Feld zeigt den Namen oder die Namen von Stylesheets zur Verfügung, die offene Seite. Das gleiche Platte wird verwendet, um Stylesheets zu erstellen oder einen Link, wie Sie Stile erstellen oder anwenden.
Um ein externes Stylesheet zu erstellen, zuerst erstellen und eine neue HTML-Datei speichern oder eine vorhandene Datei in Dreamweaver öffnen, und befolgen Sie diese Anweisungen:
Klicken Sie auf das Plus-Symbol (+) in der Quellen-Panel an der Oberseite des CSS-Designer-Panel.
Eine Dropdown-Liste öffnet sich mit drei Optionen: Erstellen einer neuen CSS-Datei, Anhängen CSS-Datei vorhanden, und definieren in Seite.
Wählen Sie das Erstellen einer neuen CSS-Datei Option aus der Dropdown-Liste.
Das Erstellen eines neuen CSS-Datei öffnet sich das Dialogfeld.
Geben Sie einen Namen für das neue Stylesheet-Datei.
Sie können Stylesheets, was Sie wollen, so lange nennen, wie Sie enthalten keine Leerzeichen oder Sonderzeichen anderer als der Bindestrich (-) oder Unterstrich (_).
Wählen Sie die Link-Option.
Link ist die beste Praxis in den meisten Fällen in Betracht gezogen und ist standardmäßig in Dreamweaver ausgewählt.
Zum größten Teil wird die Import-Option nur dann verwendet, wenn würde anwenden möchten wollen mehrere externe Stylesheets auf die Seite, sondern nur auf ein Stylesheet zu verknüpfen. In diesem Fall könnten Sie die Import-Option verwenden, um mehrere Stylesheets mit einer Verbindung bringen.
Klicken Sie auf den Pfeil neben Bedingte Verwendung weitere Einstellungen anzuzeigen.
Die Bedingte Usage Einstellungen werden verwendet, Medien-Anfragen für Stylesheets einzurichten.
Klicken Sie auf OK.
Das Stylesheet wird gespeichert und auf der HTML-Seite, die Sie in Dreamweaver geöffnet haben verknüpft. Hinweis: Wenn Sie auf eine neue HTML-Seite arbeiten, stellen Sie sicher, dass Sie die seiten- sonst gespeichert haben, werden Sie nicht in der Lage sein, eine neue CSS-Datei zu erstellen und zu verknüpfen.
Nachdem Sie ein externes Stylesheet zu erstellen, können Sie so viele Seiten das gleiche Stylesheet verknüpfen, wie Sie, indem Sie die Schritte in der Bewegung wie die unmittelbar folgt. Sie können auch so viele Stilregeln hinzufügen, wie Sie zu einem externen Stylesheet mögen, die in verschiedenen Übungen zur Anwendung gebracht wird, die auf die Schaffung von Klasse, Tag und andere Arten von Stilen folgen.