Wie man Seiten auf eine Web-Seite Design zu verflüssigen, so dass sie korrekt angezeigt

July 31

Wie man Seiten auf eine Web-Seite Design zu verflüssigen, so dass sie korrekt angezeigt

Eine Webseite mit einem "flüssigen Layout" behält seinen Format und Organisation auf jedem Browser, unabhängig von Größe und Auflösung. Es erstreckt sich verkleinert, um das Browserfenster passt und Format Seitenelemente, wie Spalten und Header, behalten ihren Proportionen zueinander, so dass die Website angezeigt wird, wie gewünscht. Cascading Style Sheets (CSS) arbeiten mit Ihren vorhandenen HyperText Markup Language (HTML) um diesen Effekt zu erstellen. Die Webseiten Ihrer Wahl zu verflüssigen, so dass sie benutzerfreundlicher sind und korrekt auftauchen.

Anweisungen

1 Öffnen Sie Text-Editor-Anwendung Ihres Computers, und starten Sie ein neues Dokument.

2 Geben Sie "Körper" folgen Sie dieser mit öffnende und schließende geschweifte Klammern und geben Sie "Breite:;" in der Mitte. Zur Veranschaulichung:

Body {Width:;}

Die CSS-Regel Körper steuert das allgemeine Aussehen der Webseite.

3 Geben Sie "100 %" nach dem Eintrag Breite angeben, dass Sie die Seite minimieren oder erweitern auf jede beliebige Monitorgröße während Ihr Seitendesign intakt halten soll. Geben Sie den Code wie folgt:

Body {Width: 100 %;}

4 Speichern Sie die Datei mit einem "CSS" endet (Erweiterung) und legen Sie das Dokument auf Ihrem Web-Host im selben Verzeichnis, wo speichern Sie Ihre anderen Webseiten. Record the URL address location, such as "http://www.yoursite.com/style.css," to properly link this document in the next step.

5 Starten Sie Ihre Webseite-Dokument und positionieren Sie den Cursor zwischen die "< Leiter >< / Kopf >" Markierungen am Anfang des Codes. Verknüpfen Sie Ihre CSS-Datei, um den Stil anwenden, indem Sie Folgendes eingeben:

< Kopf >< link Rel = "Stylesheet" Type = "Text/Css" Href = "http://www.yoursite.com/style.css" / >< / Kopf >

6 Weiterhin Ihre CSS-Datei mit beliebigen Web-Seiten zu verknüpfen, die Sie das Format, und speichern Sie Ihre Dokumente anwenden möchten. Laden Sie Ihre Dateien zurück zu Ihren Web-Host, so dass Ihre Seiten den verflüssigten Stil dargestellt.