Wie man Webseiten auf Auto passen den Bildschirm

Wir alle kennen sie: Webseiten, die zu breit oder zu schmal sind. Diejenigen, die zu breit ist, haben wir von Seite zu Seite blättern, aber diejenigen, die zu schmal sind nur ein kleiner Prozentsatz des verfügbaren Platzes beanspruchen.

Jetzt lernen Sie, wie eine Webseite so entwerfen, dass wenn der Browserbildschirm größer, erhält so tut der Web-Seite, und wenn der Browserbildschirm verkleinert wird, so ist der Web-Seite.

Anweisungen

Erstellen einer Tabelle mit Prozentangaben

1 Starten Sie eine Tabelle und geben Sie die Breite wie folgt:

< Tisch Breite = 100 % >

Erstellen einer Tabelle mit Prozentangaben erzählt die Tabellenzelle, die Größe des Browser-Fensters entsprechen.

2 Machen Sie eine farbigen Hintergrund-Zelle. Damit Sie Ihre Web-Seite erweitern und verkleinern sehen können, stellen Sie eine Zelle mit Farbe wie folgt:

< Tisch Breite = 100 % >< tr >< td Bgcolor 000000 = >

000000 wird die Zelle schwarz machen.

3 Am Ende der Tabelle. Sie müssen den Code, um die Tabelle fertig jetzt eingeben:

< Tisch Breite = 100 % >< tr >< td Bgcolor 000000 = ></td >< / tr >< / Tabelle >

4 Speichern Sie die Webseite. Sie haben jetzt eine Seite Wweb vorgenommen, die den Browserbildschirm Auto-Fit wird. Speichern Sie die Datei in einem Verzeichnis einfach zu finden und geben Sie der Datei einen beliebigen Namen, aber achten Sie darauf, der Datei entweder eine HTM- oder HTML-Erweiterung geben.

5 Zeigen Sie Ihre Web-Seite mit einem Browser. Gehen Sie in jedem Browser auf "Datei" in der linken oberen Ecke, und klicken Sie auf. Wählen Sie dann "Öffnen" oder "Datei öffnen" (je nachdem, welchen Browser Sie verwenden). Navigieren Sie zu Ihrer Web-Seite und klicken Sie auf "OK".

6 Überprüfen Sie die Web-Seite, um zu sehen, ob es automatisch den Bildschirm passt. Sie sollten jetzt eine dicke schwarze Linie am oberen Bildschirmrand sehen. Wenn Sie erweitern und Verkleinern des Browserfensters, sehen Sie die schwarze Linie erweitern und Vertrag.

Geben Sie Ihre Inhalte innerhalb der Tabellenzelle und der gesamte Inhalt wird die Breite des Bildschirms Browser entsprechen.

Tipps & Warnungen

• Manche Leute bezeichnen diese Art von Webseiten als flüssige Drucktitel.
• Alle Tabellen können, die Sie innerhalb dieser Haupttabelle bauen, müssen zu 100 Prozent (oder einen anderen Prozentwert) ordnungsgemäß festgelegt werden. Der Trick ist, kein Feste Breite-Tabellen in Ihre Web-Design zu verwenden.