Gewusst wie: Verwenden Sie CoffeeCup StyleSheet Maker

Wenn Sie auf der Suche nach einer einfachen Möglichkeit zum Ändern des Aussehens von vielen Seiten auf Ihrer Website mit einem minimal über der Programmierung, ist die cascading Stylesheets (CSS), eine Möglichkeit, es zu tun. Wenn Sie Änderungen in der CSS-Datei vornehmen, werden alle Seiten, die auf diese CSS-Datei verweisen die Änderungen zu übernehmen. CoffeeCup StyleSheet Maker ist ein Text-Bearbeitungsprogramm mit viel "Was Sie sehen, Is What You Get" (WYSIWYG) Features, mit denen Menschen mit begrenzten CSS Programmierkenntnisse Sitewide Änderungen an Text und Hintergrund zu vermitteln. Das heißt, Sie grundlegende CSS Programmierkenntnisse zum Navigieren durch den Code im StyleSheet Maker noch benötigen.

Anweisungen

Font-Design

1 Öffnen Sie eine neue Stylesheet-Datei.

2 Wählen Sie "Body" aus "Wählen Sie ein Tag" Drop-Down in der Werkzeugleiste klicken. Dadurch wird einen Body-Tag im Dokument erstellt.

3 Platzieren Sie den Cursor innerhalb der Klammern des Body-Tags.

4 "Schriften-Designer" Symbol aus der Symbolleiste anklicken. Dies öffnet ein pop-up Fenster, wo Sie die Schriftart wählen können, Merkmale, die Sie, einschließlich Variationen im Schriftfamilie, Schriftgröße und Schriftart möchten.

5 Klicken Sie auf "Cool", wenn Sie sich Ihre Schriftartoptionen entschieden haben zu sehen, wie sie in Ihrem Projektfenster angezeigt werden.

Ändern der Textausrichtung

6 Platzieren Sie den Cursor in das Body-Tag.

7 Klicken Sie auf die "Ausrichtung" Symbol in der Symbolleiste. Dies öffnet ein pop-up Fenster, wo Sie Ihre Text-Indent-Eigenschaft, Line-Height-Eigenschaft, Wort und Letter-Spacing, vertikal-align-Eigenschaft und Textausrichtung-Eigenschaft auswählen können.

8 Klicken Sie auf "Cool", wenn Sie sich Ihre Ausrichtungsoptionen entschieden haben, sehen sie in Ihrem Projektfenster erscheinen.

Ändern von Farben

9 Platzieren Sie den Cursor in das Body-Tag.

10 Klicken Sie auf das Symbol "Farbe und Hintergrund" in der Symbolleiste. Dadurch wird ein Popup-Fenster geöffnet, wo Sie eine Hintergrundfarbe aus einer Palette, Textfarbe aus einer Palette auswählen können, und wenn Sie möchten, können Sie auch hochladen, ein Foto als Hintergrund für diese Schnittstelle verwendet werden.

11 Klicken Sie auf "Cool", wenn Sie sich Ihre Farboptionen entschieden haben zu sehen, wie sie in Ihrem Projektfenster angezeigt werden.

Implementierung von Änderungen

12 Speichern Sie die Datei als eine CSS-Datei. Beispielsweise ist "mystylesheet.css" durchaus akzeptabel. Vielleicht möchten das Stylesheet in einer Weise zu nennen, die sich auf die Seiten, die es betrifft. Zum Beispiel sind "productpages.css" oder "contentpages.css" leicht zu merken.

13 Laden Sie die Datei auf Ihre Website, idealerweise in Ihrem Root-Verzeichnis, so dass die Datei auf Ihrer Website http://www.mysite.com/mystylesheet.com wäre.

14 Kopieren Sie den folgenden Code in den Head-Abschnitt der Seiten reflektieren Codierung in die CSS-Datei werden soll.

< link Rel = "Stylesheet" Type = "Text/Css" href="mystylesheet.css" / >

Denken Sie daran, den Namen des Ihr Stylesheet in das Href-Tag verwenden.

Tipps & Warnungen

• Speichern Sie Backups von Dateien, die Sie ändern möchten. Im Falle der Programmierung Fehler können Sie immer wieder mit der ursprünglichen Datei gehen.
• Es gibt hunderte Bücher, CSS Programmierung gewidmet. Lernen die Grundlagen der CSS Programmierung hilft Ihnen schneller und mit mehr Vertrauen durch StyleSheet Maker zu bewegen.
• Wenn Sie mit CSS sind, ist der Versuch und Irrtum dein bester Freund. Fühlen Sie sich frei, den Code zu optimieren, speichern und dann aktualisieren Sie die Seite um die Änderungen zu sehen, so oft wie Sie wollen, bis die Seite aussieht, genauso wie Sie es wollen.