Erstellen einer HTML- Vorlage hilft Ihnen, schnell zu bauen Zukunft Seiten einer Website . Kopieren Sie die Vorlage den Code und fügen Sie ihn in den Editor , um eine neue Seite zu erstellen. Mit divs bedeutet, dass Sie leicht ändern Sie das Layout Ihrer Website , indem Sie eine Datei : Die CSS -Datei, die das Layout der divs über die ganze Seite steuert . Things You
HTML /CSS -Editor Ihrer Wahl
brauchen anzeigen Weitere Anweisungen
1

Erstellen Sie eine HTML -Datei in einem Editor Ihrer Wahl.
< Br > 2

Fügen Sie den folgenden HTML -Code, der die Struktur der Seite erstellt und enthält einen Link zu der CSS-Datei . ( Die CSS-Datei wird zu einem späteren Zeitpunkt erstellt werden. )

Download

< /head>
< p>

< /body>

< /html>

Fügen Sie einen Titel Ihrer Wahl , um den Text " Layout 1 " zu ersetzen.

3

Fügen Sie die folgenden " divs " zwischen den " " Tags.

< p>

Dies ist ein typisches Layout für eine Web-Seite. Die "Header" bezieht sich auf den oberen Rand der Seite , wird das Menü unterhalb gelegen . Der wesentliche Inhalt der einzelnen Seiten geht in den "Content "-Sektion, und die " Footer " Abschnitt in der Regel befindet sich das untere Menü auf einer Web-Seite. Jeder Abschnitt hat eine ID , die von der CSS-Datei verwendet wird, um zu jedem Element finden und legen Sie sie in den entsprechenden Abschnitt der Seite.
4

Speichern Sie die Seite . ( Stellen Sie sicher, es als " . Html" -Datei gespeichert wird . )
5

Neues " . Css "-Datei.
6

Einfügen des Layouts Code für die gesamte Dokument und fügen Sie dann und manipulieren die Schrift-und Hintergrundfarbe , indem Sie den folgenden Code:

* {

margin: 0;

padding: 0;
< p >}

body {

background: # eeeeee ;

font-family : sans -serif ;

font-size: 12px ;

}
7

Fügen Sie den Stil für den Header div , was die Höhe und Farbe definieren :

div # header {

Höhe : 160px ;

background: # 800000; }

8

definieren den Stil für die anderen div-Elemente auf der Seite : "Navigation" , der "Inhalt " und die " footer ":

div # navigation {

Hintergrund : weiß;

width: 25% ;

float: left;
< p> }

div # content {

margin: 0 25%;

background: # BDBD00 ;

}

div # footer {

background: # 800000;

width: 100% ;

clear: left ; }

9 < p> Speichern Sie die Datei als " MyName.css " .
10

Testen Sie die Seite in einem Browser durch das Öffnen der HTML- Seite, die Sie gerade erstellt haben . Kopieren Sie den HTML-Code und fügen anwendbar Inhalte , um jede neue Seite für Ihre Website erstellen .