Gewusst wie: Erstellen von Webseiten mit CSS

January 27

Integration von cascading Stylesheets (CSS) in Ihre Webseite gibt verwendet Ihnen die Möglichkeit, das Erscheinungsbild Ihrer Website---alles aus Schriftarten zu steuern, Schriftgrößen und Farben zu Listen, Bildern und anderen Content-Elemente. Nachdem du, Hypertext Markup Language (HTML gelernt hast), Webseiten zu erstellen, besteht der nächste Schritt Ihr Repertoire CSS hinzu. Während der Inhalt---Text und Bilder---wird auf HTML-Seiten befinden, Sie werde CSS verwenden, um den Stil dieser Inhaltselemente definieren.

Anweisungen

Erstellen und Ihr Stylesheet verweisen

1 Starten Sie eine neue CSS-Datei. In den meisten Web-Design-Programmen geben Sie STRG + N (CMD + N auf einem Mac), um ein neues Dokument zu starten, und die Software wird Fragen, welche Art von Datei, die Sie möchten. Wählen Sie Cascading Stylesheet (CSS), und speichern Sie die Datei mit der Erweiterung Dot-Css.

2 Legen Sie Ihre primäre Seite Entwurf Attribute. Beginn der Ihr Stylesheet (vorausgesetzt, Sie verwenden eine--nur, wenn mehrere verwenden, wird dies das Stylesheet, das das grundlegende Aussehen Ihrer Website behandelt) Elemente wie die Breite von Ihrer Seite, Hintergrundfarben und Bilder, die Schriftart, die Sie verwenden möchten, die Schriftgrößen und Farben für Links, Überschriften und Textkörper und andere übergreifende Attribute beinhalten sollte.

3 Definieren Sie Ihre IDs und Klassen. Dies ist, wo Sie drill-down und definieren, wie die anderen verschiedenen Elemente Ihrer Website aussehen werden. Die Syntax sieht ungefähr so aus:

ID {Attribute1:description; Attribute2:description;} oder

.Class-Element {Attribut-2:description, Attribute1:description; Attribute3:description;}

Wenn Sie nicht sicher sind, das Vokabular für Attribute und Beschreibungen zu verwenden sind, werden die meisten große Buchhandlungen führt CSS Anleitungen oder verwenden Sie eine der unten aufgeführten Verweise. Dreamweaver unterstützen Sie mit einem Pop-up Menü, wenn das ist die Software, die Sie verwenden.

4 Verweisen Sie Ihr Stylesheet auf jeder Seite Ihrer Website, die auf sie angewiesen ist. Um dies zu erreichen, fügen Sie die folgende Zeile von Code zwischen die < Head > und < / Head > Markierungen:

< link Typ = "Text/Css" Rel = "Stylesheet" href="LocationAndNameOfYourStylesheet.css" >

Tipps & Warnungen

  • Mit einem externen Stylesheet, anstatt Ihren Stil in den HTML-Seiten einschließlich hilft Ihre Website besser in Suchmaschinen-Rankings zu tun, weil es sich die Menge an Code auf Ihren Seiten lichtet, so dass die Suchmaschinen Ihre Inhalte leichter finden.

SIE KÖNNEN AUCH GERNE