Die folgenden Abschnitte erklären die Bedeutung der Seite Einstellungen Bildschirmgröße Überlegungen, Seite Länge, und Seitenlayout zu steuern, wie Sie Ihre Seiten in einem Web-Browser aussehen.
Bildschirmgröße Überlegungen
Die meisten Computer-Nutzer werden auf Blättern nach oben und unten auf Seiten, die länger sind als die Höhe des Bildschirms Ansicht verwendet. Aber nur wenige Nutzer möchte links und rechts auf Seiten, die zu breit sind zu sehen. Um horizontales Scrollen zu vermeiden, gestalten Sie Ihre Seiten so, dass sie innerhalb der Breite des Bildschirms angepasst. Wenn Sie die Benutzer, die ihren Computern mit 800 x 600 Bildschirmauflösung ansprechen möchten (die fast alle Benutzer-Konten, die jetzt 15-Zoll und größere Monitore sind an der Tagesordnung), Shooting für 780 als die maximale Seitenbreite. Falls Ihre Seiten vollständig aus Text bestehen, brauchen Sie sich keine Sorgen über die Bildschirmgröße Sorgen machen, da die Benutzer-Web-Browser automatisch Textzeilen passt sich die Breite des Bildschirms angepasst. Das einzige Mal, müssen Sie über die Seitenbreite Sorge ist, wenn Sie eine Seite, die Elemente, die eine feste Breite, wie Tabellen, Bilder oder Frames enthält erstellen. Die folgende Liste erläutert, wie Sie die Breite für diese drei Elemente anpassen:
--Tabellen: Stellen Sie die Gesamtbreite einer Tabelle mit Hilfe der WIDTH-Attribut in der
--Bilder: Die Größe des Bildes bestimmt, wie groß das Bild erscheint auf der Seite. Wenn das Bild zu breit ist, können Sie die Breite zu ändern, indem Sie die WIDTH-Attribut in der tag:
--Frames: Legen Sie die Breite von Side-by-Side-Frames, indem Sie die Spalten (cols) Attribut in der
Page length
Auch wenn die meisten Benutzer nichts ausmacht, scrollen Sie nach unten auf Seiten, die länger sind als die Höhe des Bildschirms sehen, sollten Sie trotzdem die Länge Ihrer Seiten. In der Regel versuchen, Ihre Seiten zu begrenzen, zwei-oder dreimal die Höhe des Bildschirms etwa die gleiche Menge von Informationen, die auf einem einzigen 81/2-x-11-inch Blatt Papier gedruckt werden könnte.
Seitenlayout
Der beste Weg, um ein überzeugendes Design für Ihre Web-Seiten erstellen, ist die Einrichtung eines Grundraster gemeinsamer Elemente, die in die gleiche oder eine ähnliche Vereinbarung auf allen Seiten erscheinen. Die nachfolgende Liste zeigt einige der Elemente, müssen Sie unter Umständen auch in Ihrem Web-Design-Raster. (Je nach Inhalt Ihrer Website können Sie nicht brauchen, alle diese Elemente zu geben.)
--Kopfbereich: Der Kopfbereich wird am oberen Rand jeder Seite, mit Angabe der Site-Titel, Seite Titel, Firmenname, Standort-Navigationstasten, und alle anderen Elemente, die Sie am Anfang jeder Seite zu platzieren.
--Fußbereich: Der Bereich in der Fußzeile erscheint am unteren Rand jeder Seite, eventuell auch mit Kontaktinformationen, Urheberrechtsschutz und Navigations-Buttons.
--Main Textbereich: Dieser Bereich enthält die wichtigsten Texte und Illustrationen für jede Seite.
--Sidebar-Bereich: Eine Seitenleiste nimmt eine vertikale Streifen auf der linken oder rechten Teil jeder Seite. Dieser Bereich kann Elemente enthalten, wie ein Inhaltsverzeichnis oder ein Menü für die Website.
Arbeiten mit Hintergründe
Bei der Erstellung von Web-Seiten, machen Sie nicht den Fehler mit einem grellen Hintergrundbild, dass Ihre Seite kaum zu lesen ist. Wenn Sie ein Hintergrundbild für Ihren Seiten einsetzen möchten, wählen Sie ein Bild, das nicht mit dem Text und andere Elemente auf der Seite beeinträchtigt wird.
Einstellung der Hintergrundfarbe
Um die Hintergrundfarbe Ihrer Web-Seite zu setzen, gehen Sie folgendermaßen vor:
1. Fügen Sie die Hintergrundfarbe (BGCOLOR) Attribut, um die tag.
2. Geben Sie einen Namen für die Farbe BGCOLOR Attribut. Zum Beispiel:
Für weitere Informationen über die Verwendung von Farben finden Sie unter "Farbe" oben in diesem Artikel.
Mit einem Hintergrundbild
Um ein Hintergrundbild für Ihren Web-Seite zu verwenden, folgendermaßen vor:
1. Fügen Sie die HINTERGRUND Attribut, um die tag.
2. Geben Sie den Namen der Image-Datei, die Sie für den Hintergrund verwenden als HINTERGRUND Attributwert, wie folgt aus:
Das Hintergrundbild wiederholt, so oft wie notwendig, um die Seite zu füllen. Im Ergebnis wird der Hintergrund-Image-Datei nicht sehr groß.
Links hinzufügen
Links sind ein integraler Bestandteil eines jeden Web-Seite. Links lassen Sie Ihre Leser Reise an eine andere Stelle, die ein Teil der gleichen HTML-Dokument, eine andere Seite auf Ihrer Website oder eine Seite von einem anderen Web-Site an anderer Stelle im Internet befindet sich kann. Der Anwender muss zu tun, um auf eine andere Seite transportiert werden, ist auf den Link klicken.
Mit Text-Links
A Text-Link ist ein Teil des Textes, dass jemand Ihre Seite betrachten zu können klicken Sie direkt an einen anderen Ort. Um einen Text-Link zu erstellen, gehen Sie folgendermaßen vor:
1. Bestimmen Sie die Adresse der Seite, die Sie den Link, um direkt zum.
2. Geben Sie einen Tag, wo Sie den Link, um auf der Seite angezeigt.In der Tag, verwenden Sie ein HREF-Attribut auf die Adresse der Seite angeben, dass Sie eine Verknüpfung herstellen möchten. Zum Beispiel:
3. Nach dem tag, geben Sie den Text, den Sie in Ihrem Dokument erscheinen als Link und fügen Sie einen Abschluss tag, wie folgt aus:
Die offizielle Seite für Google Web
Der Text, der zwischen und wird als zu verankern. Die Web-Adresse, die in dem HREF-Attribut angezeigt wird als Ziel. Die Anker-Text ist auf der Web-Seite in einer speziellen Farbe angezeigt (in der Regel blau) und unterstrichen, so dass die Person die Seite angesehen haben, weiß, dass der Text auf einen Link. Wenn das Ziel bezieht sich auf eine andere Seite auf derselben Website wie die Seite den Link erscheint, können Sie nur den Dateinamen als Ziel verwenden. Immer schließen Sie den Dateinamen oder die URL in Anführungszeichen. Zum Beispiel:
Sehen Sie sich die Assistenten
Klickt ein Nutzer auf die See des Assistenten Link, der HTML-Datei mit dem Namen emerald7.html erscheint auf dem Bildschirm.
Mit Grafik-Links
Ein Image-Link ist eine Grafik, die ein Benutzer klicken kann, um zu einer anderen Seite oder einem anderen Ort auf der aktuellen Seite zu springen. Um ein Bild Link zu erstellen, das Verfahren nach den vorhergehenden Abschnitt beschrieben, "Verwendung von Text-Links." Aber in Schritt 3 anstelle der Eingabe von Text für den Link, geben Sie ein SRC-Tag, ein Attribut, das die Image-Datei für den Link enthält, identifiziert. Zum Beispiel:
In diesem Beispiel wird die Grafik-Datei namens emerald.gif erscheint auf dem Bildschirm. Wenn ein Benutzer darauf klickt, zeigt der Browser die Seite emerald7.html.
Verknüpfung innerhalb der gleichen Seite
So erstellen Sie einen Link, der Benutzer bewegt sich einfach an einen anderen Ort auf der gleichen Seite, gehen Sie folgendermaßen vor:
1. Vergeben Sie einen Namen für den Abschnitt, der Sie einen Link, indem Sie einen wollen Tag mit dem NAME -Attribut auf die erste HTML-Zeile in diesem Abschnitt. Unmittelbar folgen Sie den Tag mit einem End-Tag.
2. Erstellen Sie eine Text-oder Grafik-Link zu diesem Abschnitt, Eingeben Name des Abschnitts , gefolgt von dem #-Symbol in der HREF Attribut.Hier ist ein Beispiel für einen Tag, einen Namen für einen Ort in einem Dokument zuweist:
Hier ist ein Ausschnitt des HTML, die eine Verbindung schafft, springt an die Position "Hier den Namen":
Go over there!
