Gewusst wie: Erstellen einer Webseite eine bestimmte Breite

October 31

Gewusst wie: Erstellen einer Webseite eine bestimmte Breite

Einige Web-Seiten sollen mit einer statischen Breite Nummer(n) konstant, auch wenn im Browser-Fenster breiter als der Inhalt ist, oder der Inhalt ist breiter als das Fenster und muss an den Seiten blättern erscheinen. Andere Web-Seiten haben eine flexible Breite, die sich im laufenden Betrieb entsprechend die Breite des Browserfensters eines Benutzers anpasst. Einige Internet- oder Intranet-Webseiten müssen eine statische Breite, vielleicht, um die grafische Gestaltung von Webdesigner gewünscht oder formatierte Berichte in einer konsequenten Weg von Computer zu Computer auf einer Intranetsite angezeigt werden. Erstellen einer statischen Breite Seite ist einfach, sobald das richtige CSS-Markup der HTML-Code der Webseite hinzugefügt wird.

Anweisungen

1 Öffnen Sie den Text-Editor eine neue Textdatei erstellen.

2 Kopieren Sie den folgenden HTML- und CSS-Code in den Text-Editor:

< html >< Head >< Title > Web-Seite mit fester Breite < / title >< / head >< Körper >< Div Style = "Width: 500px" >Dies ist eine Test-Linie zu zeigen wie die Update-Breite der Webseite. Um die Breite der Seite anzupassen, ändern Sie den Width-Wert befindet sich im Div-Tag.< / Div >< / body >< / html >

3 Speichern Sie die Datei als "test.html" auf Ihrem Computer.

4 Öffnen Sie die Datei, die Sie in einem Webbrowser gespeichert. Um zu beginnen, öffnen Sie ein Web-Browser-Fenster zu, halten Sie die Taste "Ctrl" in der unteren linken Ecke der Tastatur (oder auf Apple Macintosh-Computern, die Taste "Strg" / Kleeblatt links neben der Leertaste) und geben Sie den Buchstaben "o". Wenn das kleine Fenster, das erscheint eine Schaltfläche "Durchsuchen..." enthält, klicken auf diese Schaltfläche.

Das Dialogfeld Datei navigieren Sie zum Speicherort die Datei "test.html" auf Ihrem Computer, klicken Sie auf die Datei, markieren Sie ihn und klicken Sie dann auf die Schaltfläche "Öffnen" in der unteren rechten Ecke des Dialogfelds "Datei".

5 Ändern Sie die Datei "test.html" im Text-Editor und passen Sie die Breite der Webseite, speichern Sie die Datei erneut und laden dann die Seite im Web-Browser, um die Ergebnisse anzuzeigen.

Wenn Sie die breitere Seite machen wollen, ändern Sie "Breite: 500px" eine größere Anzahl wie "Breite: 800px"; der Seite Weitere schmale, Änderung vornehmen "Breite: 500px", "Breite: 250px" oder eine andere kleinere Zahl Ihrer Wahl.

6 Platzieren Sie ähnlich "Div"-Tags mit Formatvorlagenmarkup rund um den HTML-Code in Ihre eigene Web-Seiten, die statische Breite Sie Web-Browser zu verwenden, wenn den Inhalt anzeigen möchten.

Tipps & Warnungen

  • Wenn Web-Seiten eine statische Breite angeben, wird der Inhalt angezeigt, in die gleiche Menge an Speicherplatz, unabhängig davon, ob ein Benutzer hat einen großen Bildschirm oder einen kleinen Bildschirm, oder ob der Benutzer im Browser-Fenster einen größeren oder kleineren Teil der diesen Bildschirm angepasst angepasst wird.
  • Entwerfen von Webseiten ohne eine statische Breite ermöglicht den Web-Browser die dynamische Anpassung der Breite des Inhalts dynamisch in der Größe des Browserfensters Bildschirm oder Web passen. Dieser Ansatz--manchmal auch als "flüssig" oder verwandten--kann eine Vielzahl von Bildschirmgrößen, den Benutzereinstellungen oder eines Benutzers Wunsch, die Größe des Browserfenster anpassen, sie legen in einem bestimmten Bereich des Bildschirms besser unterbringen.