Kurzanleitung zu Dreamweaver 4 (7. Webseitenlayout)

Autor：Eve Cole Aktualisierungszeit：2009-05-30 18:35:53

7. Webseitenlayout

Verwendung von Tischen

Tabellen sind ein sehr wichtiges Element von Webseiten. Da HTML selbst keine weiteren Layoutmethoden bietet, müssen wir häufig Tabellen verwenden, um ein feines Layout von Webseiten zu erreichen. Man kann sagen, dass Tabellen die wichtigste Fähigkeit bei der Webseitenerstellung sind. Wie gut Tabellen verwendet werden, spiegelt direkt das Niveau von Webdesignern wider.

Klicken Sie auf das Objektfeld

, Sie sehen das folgende Dialogfeld:

① Zeilen: die Anzahl der Zeilen in der Tabelle; Spalten: die Anzahl der Spalten in der Tabelle;

② Breite: Die Breite der Tabelle. Die Einheit kann Pixel (Anzahl der Pixel) oder Prozent (Prozentsatz) sein. Die in Pixeln definierte Größe der Tabelle ist fest, während sich die in Prozentsätzen definierte Tabelle entsprechend der Größe des Browsers ändert. Der Unterschied zwischen den beiden Definitionsmethoden wird später ausführlich erläutert.

③ Rand: Breite der Tabellenzeile;

④ Zellabstand: Zellabstand; Zellabstand: Zellrand. Die sogenannte Zelle bezieht sich auf jede kleine Zelle in der Tabelle.

Nach der in der Abbildung gezeigten Einstellung erhalten Sie das folgende Formular:

Klicken Sie auf die Tabellenzeile, um die gesamte Tabelle auszuwählen. Dies können Sie im Eigenschaftenbereich sehen:

① Zeilen, Spalten: Zeilen und Spalten der Tabelle;

② B, H: Die Breite und Höhe des Tisches definieren wir normalerweise nicht.

③ CellPad, CellSpace: Zellabstand und Zellränder; Rand: Breite der Tabellenzeilen;

④ Ailgn: Ausrichtung des Tisches. Sie können den Tisch nach links (Left), in die Mitte (Center) oder nach rechts (Right) verschieben.

⑤

: Zeilenhöheneinstellungen entfernen;

: Spaltenbreiteneinstellungen entfernen;

: Konvertieren Sie die Einstellung für die Tabellenbreite von Prozent in Pixel.

: Konvertieren Sie die Einstellung für die Tabellenbreite von Pixeln in Prozent.

⑥ Hintergrundfarbe: Legen Sie die Hintergrundfarbe der Tabelle fest.

⑦ Brdr-Farbe: Legen Sie die Farbe der Tabellenzeile fest.

⑧ Hintergrundbild: Legen Sie das Hintergrundbild der Tabelle fest. Klicken Sie auf die Aktenkoffer-Schaltfläche auf der Rückseite, um das Hintergrundbild auszuwählen.

Wenn wir den Cursor auf eine der Zellen bewegen, sieht das Eigenschaftenfenster anders aus:

①

: Zellen zusammenführen (Sie müssen zuerst die entsprechenden Zellen auswählen, die zusammengeführt werden sollen);

: Zellen in mehrere Zeilen oder Spalten aufteilen;

② Horz: Horizontale Ausrichtung innerhalb der Zelle, die Funktion ist dieselbe wie

ähnlich;
Vert: Vertikale Ausrichtung innerhalb der Zelle;

③ B, H: Breite und Höhe der Zelle;

④ Bg: Hintergrundbild der Zelle;

⑤ Bg: Hintergrundfarbe der Zelle;

⑥ Brdr: Zellenrandfarbe.