Dreamweaver MX 2004 von Grund auf (2)

Autor：Eve Cole Aktualisierungszeit：2009-05-31 21:03:00

Verwenden Sie Tabellen zum Auffinden von Webseiten <BR> Durch die Verwendung von Tabellen können die Daten in der Liste deutlich angezeigt werden. Tatsächlich ist die Rolle von Tabellen weit mehr als nur die Anzeige von Daten. Sie haben schon immer eine wichtige Rolle bei der Positionierung von Webseiten gespielt, insbesondere für Internetnutzer Verwenden Sie Nicht-IE-Browser. Im Allgemeinen haben Webseiten, die Tabellenpositionierung verwenden, mehr Vorteile als Webseiten, die Ebenenpositionierung verwenden.

1. Erstellen Sie ein Formular

Schritt 1: Führen Sie den Befehl „Einfügen→Tabelle“ in Dreamweaver MX 2004 aus. Daraufhin werden die Eigenschafteneinstellungsfenster „Zeilen“ und „Spalten“ angezeigt, die der Anzahl der Zeilen und Spalten der Tabelle sowie der „Tabellenbreite“ entsprechen. Gibt die Breite der Tabelle an. „Randstärke“ ist die Breite des Rahmens. Sie können auch den Stil der Tabelle und die entsprechenden Attribute der Tabelle entsprechend Ihren Anforderungen festlegen.

Tipp: Die Breite und Höhe der Tabelle kann durch den Prozentsatz des Browserfensters oder durch die Verwendung absoluter Pixelwerte definiert werden. Wenn Sie beispielsweise die Breite auf 60 % der Fensterbreite festlegen, ändert sich die Breite des Browserfensters Die Tabelle ändert sich ebenfalls. Wenn Sie die Breite auf 400 Pixel festlegen, ändert sich die Breite der Tabelle unabhängig von der Größe des Browserfensters nicht.

Schritt 2: Nachdem Sie im Fenster auf die Schaltfläche „OK“ geklickt haben, können Sie in Dreamweaver MX 2004 eine neue Tabelle erstellen und diese auch über das Eigenschaftenfenster am unteren Rand des Fensters ändern, z. B. die Farbe der Tabellenzeilen , die Hintergrundfarbe der Tabelle und die Zelleneinstellungen. Passen Sie Parameter wie die Ausrichtung an.

2. Grundlegende Verwendung

Nachdem wir die obige Tabelle erstellt haben, können wir sie anpassen und verwenden. Wenn wir beispielsweise die in Abbildung 1 gezeigte Tabelle erstellen müssen, können wir zunächst eine Tabelle mit vier Zeilen und drei Spalten einfügen und dann die folgenden Operationen daran ausführen.

Schritt 1: Drücken und ziehen Sie die Maus in die oberen beiden Zellen in der ersten Spalte der Tabelle. Zu diesem Zeitpunkt können zwei Zellen ausgewählt werden. Klicken Sie dann in der Eigenschaftenvorlage auf die Schaltfläche „Ausgewählte Zellen mithilfe von Spannen zusammenführen“, um die beiden ausgewählten Zellen zu einer Zelle zusammenzuführen. Bei dieser Methode werden die beiden Zellen auf der rechten Seite der ersten Zeile der Tabelle zu einer Zelle zusammengeführt.

Tipp: Nachdem Sie eine Zelle ausgewählt haben, klicken Sie im Eigenschaftenfenster auf die Schaltfläche „Zelle in Zeilen oder Spalten aufteilen“, um die Zelle in mehrere Zeilen oder Spalten aufzuteilen.

Schritt 2: Wählen Sie alle drei Zellen in der ersten Spalte der Tabelle aus und setzen Sie dann die Hintergrundfarbe (Bg) in der Attributvorlage auf „#FFFF00“, sodass der Hintergrund der Zellen in der ersten Spalte der Tabelle gelb wird .

Schritt 3: Geben Sie den entsprechenden Text in die Tabelle ein. Der Schönheit halber können Sie ihn im Eigenschaftenfenster in die Mitte setzen.

Schritt 4: Um der Tabelle einen dreidimensionalen Effekt zu verleihen, können Sie die gesamte Tabelle auswählen, dann im Eigenschaftenfenster die Breite des Tabellenrandes (Rand) auf 7 und die Randfarbe (Randfarbe) festlegen. zu blau.

Tipp: Normalerweise ist es schwierig, die gesamte Tabelle auszuwählen. Hier sind vier häufig verwendete Methoden: 1. Bewegen Sie die Maus über den rechten Rand der Tabelle hinaus, drücken Sie die Maus und ziehen Sie nach links, um schnell die gesamte Tabelle auszuwählen. 2. Führen Sie den Befehl „Ändern→Tabelle→Tabelle einfügen“ aus, um die gesamte Tabelle auszuwählen. 3． Klicken Sie mit der rechten Maustaste in die Zelle und wählen Sie im Popup-Menü den Befehl „Tabelle→Tabelle einfügen“, um die gesamte Tabelle auszuwählen. 4. Klicken Sie mit der Maus auf eine beliebige Zelle und drücken Sie dann zweimal die Kombinationstaste „Strg+A“, um die gesamte Tabelle auszuwählen.

Nach Abschluss der oben genannten Vorgänge können wir in Dreamweaver MX 2004 ein professionelles Formular anpassen.
3. Tischpositionierung

Tatsächlich unterteilt die Webseitenpositionierung des Formulars hauptsächlich den Webseiteninhalt in mehrere Bereiche und füllt dann den entsprechenden Inhalt jeweils in verschiedene Tabellen ein, wodurch eine sehr standardisierte und professionelle Webseite entsteht. Schauen wir uns an, wie die in Abbildung 2 gezeigte Website durch Tabellen implementiert wird.

1. Titel- und Navigationsbereich

Der obere Teil der Webseite besteht aus zwei großen Tabellen: Die obere Tabelle ist der Bildbereich und die untere Tabelle ist der Navigationsbereich. Der Bildbereich ist in Zeilen und Spalten unterteilt. Verwenden Sie den Befehl „Einfügen→Bild“, um das Titelbild und das Logo-Symbol der Website einzufügen. Der Navigationsbereich ist eine Tabelle mit einer Zeile und neun Spalten. Geben Sie die Namen der einzelnen Unterspalten ein und erstellen Sie dann mit dem Befehl „Einfügen→Hyperlink“ Links für jede Navigationsspalte.

2. Textbereich

Im Allgemeinen besteht der Textbereich aus einer großen Tabelle mit einer Zeile und drei Spalten. Jede Spalte wird in eine separate Tabelle eingefügt oder aufgeteilt, um mehrere Bereiche zu bilden und entsprechende Informationen einzugeben. Beispielsweise kann eine Tabelle mit 5 Zeilen und 1 Spalte in die Spalte ganz links eingefügt werden, um das Logo-Symbol und den entsprechenden Textinhalt anzuzeigen. Die mittlere Spalte kann in 3 bis 4 Zellen aufgeteilt werden, wobei jede Zelle zur Anzeige des Hauptinhalts unterschiedlicher Zellen verwendet wird Inhaltstipp: Die rechte Spalte kann auch in 5 Bereiche aufgeteilt werden, um unterschiedliche Inhalte anzuzeigen. Auf diese Weise werden mehrere kleine Zellen in eine große Tabelle unterteilt, um den Hauptinhalt der Webseite zu bilden. Auf die spezifischen Zelloperationen werde ich hier nicht näher eingehen. Sie können es selbst versuchen.

Obwohl die einfachste Webseitenpositionierung durch Tabellen erreicht werden kann, ist diese Methode nicht ohne Nachteile. Das größte Problem besteht darin, dass das Herunterladen von Tabelleninhalten zeitaufwändig ist. Oft muss man warten, bis der gesamte Inhalt einer Tabelle heruntergeladen ist Bevor der Tabelleninhalt angezeigt werden kann, sollte der verschachtelten Verwendung von Tabellen besondere Aufmerksamkeit gewidmet werden. Versuchen Sie, nicht zu viele Tabellen zu verschachteln, um die Download-Geschwindigkeit der Seite zu beeinträchtigen.