Wie einen dunklen Hintergrund auf Webseiten verwenden

May 20

Wie einen dunklen Hintergrund auf Webseiten verwenden

Sofern der Designer speziell anders entscheidet, alle Webbrowser Webseiten mit weißen oder grauen Hintergrund standardmäßig angezeigt. Ebenso sind Hypertext und Links in schwarz und hellblau dargestellt, Alternative Farben ausgewählt werden. Diese Standardwerte überschreiben und Ihre eigene Auswahl ist eine schnelle Verfahren, die bei geringfügigen Änderungen an Ihrer Seite HTML-Code und das Einfügen von ein paar Cascading Stylesheet (CSS)-Style-Regeln.

Anweisungen

1 Öffnen Sie die Webseite. Wenn Sie eine visuelle Bearbeitungsprogramm wie Microsoft FrontPage oder Microsoft Expression Web verwenden, öffnen Sie die Seite und ändern Sie Ihre Bearbeitungsansicht zur Codeansicht. Dies zeigt Ihnen den HTML-Code, der den Inhalt und die Darstellung Ihrer Seite steuert. Verwenden Sie einen Texteditor wie Notepad, öffnen Sie Ihre Seite im Programm.

2 Suchen Sie die < / Head > Tag im oberen Bereich der Webseitencode. Drücken Sie die "Enter"-Taste einfügen eine Leerzeile direkt über dem Tag.

3 Kopieren Sie und fügen Sie die folgenden zwei Codezeilen auf die Leerzeile, die Sie im vorherigen Schritt hinzugefügt:

< Typ style = "Text/Css" >< / style >

Dieser Code weist den Webbrowser sucht nach Formatierungsregeln, die das Erscheinungsbild Ihrer Seite auswirken.

4 Drücken Sie die "Enter"-Taste zum Einfügen einer Leerzeile direkt über die < / style > Tag, die Sie im vorherigen Schritt hinzugefügt. Kopieren Sie und fügen Sie die folgenden zwei Codezeilen auf die Leerzeile:

Körper {Hintergrund-Farbe: schwarz, Farbe: weiß}ein {Farbe: Orange}

Diese ändern die Hintergrundfarbe Ihrer Seite in schwarz, die Farbe des Textes zu weiß und die Hyperlinkfarbe zu Orange. Passen Sie diese Farben an die Bedürfnisse Ihres Designs.

5 Speichern Sie die Webseite, und öffnen Sie sie in Ihrem Browser. Die Seite verfügt jetzt über einen dunklen Hintergrund, mit hellen Text und Links zu bieten ausreichend Kontrast und Lesbarkeit.