Ein Website-Menü Erstellen
Surfer werden verwendet, um das Web mit Hilfe von Hyperlinks navigieren. Hyperlinks führen den Benutzer von einer Seite zur anderen. Webseite-Programmierern hilft Führer, die der Besucher durch ihre Website durch ein Navigationsmenü Bereitstellen von Hyperlinks oder Menüoptionen komponiert. Webseite-Menü-Optionen können in Tabellen organisiert werden. Viele oberen Navigationsmenüs erfordern die Verwendung eine Tabelle horizontal erweitern oder Links oder rechts. Während viele Seite Navigations-Menüs eine vertikale Tabelle oder eine Tabelle von oben nach unten erweitern verwenden. Jede Tabelle wird von Zellen gebildet. Jede Zelle beherbergt in der Regel eine Menüoption.
Anweisungen
1 Öffnen Sie oder erstellen Sie eine neue Webseite in eine Webseite oder Text-Editor.
2 Erstellen Sie eine Tabelle, um das Menü zu Haus. Oberen Navigationsmenüs sind in der Regel aus einer vertikalen Tabelle gebildet, Beistelltische Navigation entstehen in der Regel aus horizontalen Menüs. Um eine Tabelle zu erstellen, wählen Sie die Anzahl der Zeilen und Spalten notwendig, um das Menü zu bilden.
Beispiel A: vertikales Menü mit drei Zellen in drei Spalten und einer Zeile.
< Tabelle Stil = "Text-align: Links; Breite: 100 %; "Border ="0"
Cellpadding = "2" Cellspacing = "2" >
< Tbody >
<tr>
<td>Column 1</td>
<td>Column 2</td>
<td>Column 3</td>
</tr>
< / Tbody >
< / table >
Beispiel B: horizontales Menü mit drei Zellen in drei Zeilen und einer Spalte.
< Tabelle Stil = "Text-align: Links; Breite: 100 %; "Border ="0"
Cellpadding = "2" Cellspacing = "2" >
< Tbody >
<tr>
<td>Row 1</td>
</tr>
<tr>
<td>Row 2</td>
</tr>
<tr>
<td>Row 3</td>
</tr>
< / Tbody >
< / table >
3 Geben Sie einen Namen für die einzelnen Menü-Optionen in jeder Zelle. Viele Menüs verfügen über Links zu Seiten wie Startseite, über uns und kontaktieren Sie uns. Jede Option sollte in seiner eigenen Zelle. In diesem Beispiel fügen wir eine zusätzliche Spalte um eine zusätzliche Zelle-Option in unserer horizontalen Menü unterzubringen.
Beispiel:
< Tabelle Stil = "Text-align: Links; Breite: 100 %; "Border ="0"
Cellpadding = "2" Cellspacing = "2" >
< Tbody >
<tr>
<td>Home</td>
<td>Contact Us</td>
<td>About Us</td>
<td>FAQs</td>
</tr>
< / Tbody >
< / table >
4 Hyperlink-Code für jede Menüoption im einfügen. Ein Hyperlink ist eine aktive verknüpfen, die, wenn geklickt, leitet den Benutzer auf die angegebene Web-Seite, die durch den Menüpunkt dargestellt wird. Hyperlinks müssen URLs in eine "Ahref" Klammer eingeschlossen sind vor und hinter dem Text verbunden wird.
< Tabelle Stil = "Text-align: Links; Breite: 100 %; "Border ="0"
Cellpadding = "2" Cellspacing = "2" >
< Tbody >
<tr>
<td><a href="http://www.myexample.com/home.htm">Home</a></td>
<td><a href="http://www.myexample.com/contactus.htm">Contact Us</a></td>
<td><a href="http://www.myexample.com/aboutus.htm">About Us</a></td>
<td><a href="http://www.yahoo.com">FAQs</a></td>
</tr>
< / Tbody >
< / table >
5 Anpassen des Menüs. Die meisten Menü-Anpassung erfolgt in der Klammer "Tabellenformat" am Anfang des Codes Menü. In diesem Beispiel werden wir einen dicken, sichtbaren Rahmen um das Menü hinzufügen. Plus werden wir alle Text ausrichten, damit es schön in der Mitte jeder Zelle sitzt und Raum alle Zellen weiter auseinander.
Beispiel:
< Tabelle Stil = "Text-align: center; Breite: 100 %; "Border ="6"
Cellpadding = "2" Cellspacing "5" = >
** Vergleichen Sie dieser Code die oberen beiden Zeilen im Originalcode. Beachten Sie, dass wir gestiegen, die Zahl neben "Grenze" und "Cellspacing." Sie können beliebig viele, einschließlich NULL. Wir ändern auch von Links zur Mitte "Textausrichtung". Sie können auch an der "rechten" ausrichten.