Magische Verwendung von DreamWeaver-Tabellen – detaillierte Erklärung der Wireframe-Produktion (5)
Autor：Eve Cole
Aktualisierungszeit：2009-05-30 18:36:21
4> Herstellung von Abstandsbordüren
„Lückenrand“ wird hauptsächlich verwendet, um die Elementliste jeder Spalte oder jedes Kanals auf der Webseite anzuordnen. Um das Verständnis für alle zu erleichtern, zeigt Ihnen der Autor zunächst die Darstellungen nach Abschluss der Produktion wie folgt:
Das Folgende ist der entsprechende Produktionsprozess (am Beispiel der Produktion von Drei-Frame-Abständen):
Fügen Sie zunächst ein Tabellenobjekt mit 1 Zeile und 3 Spalten in die Webseite ein. Setzen Sie während des Einfügevorgangs direkt „Border“ auf 0, „CellSpace“ auf 2 und „CellPad“ auf 1, wie in der Abbildung gezeigt
Hinweis: Die Einstellungen hier entsprechen vollständig denen im Eigenschaftenfenster.
Halten Sie die linke Maustaste gedrückt und ziehen Sie an jeder Zelle, um drei Zellobjekte gleichzeitig auszuwählen. Stellen Sie „Bgcolor“ im Eigenschaftenfenster auf „Rot“ ein. Beachten Sie, dass es sich bei dieser Farbe um die Farbe des Bundstegs handelt.
Um den Abstandseffekt zu erzielen, verwenden wir hier die Erstellung von „verschachtelten Tabellen“. Der Autor verrät Ihnen zunächst einige Dinge, auf die Sie beim Entwerfen „verschachtelter“ Tabellen achten sollten. Beim Einfügen einer Tabelle in eine Zelle ist es am besten, die Positionierungsattribute des Zellinhalts „Horz“ (linke und rechte Position) und „Vert“ festzulegen " (obere bzw. untere Position). Stellen Sie „Links“ und „Oben“ ein, um unnötige Probleme beim erneuten Anpassen der Größe der verschachtelten Tabelle zu vermeiden. Ziehen Sie dazu einfach an der unteren rechten Ecke. wie folgt
Fügen Sie nacheinander ein Tabellenobjekt in drei Zellen ein, setzen Sie „Border“, „CellSpace“ und „CellPad“ alle auf „0“ und stellen Sie die Hintergrundfarbe jeder Tabelle im Eigenschaftenfenster auf dieselbe Seite ein. Die Hintergrundfarbe ist „ weiß". Ein weiterer Punkt besteht darin, im proportionalen Anzeigezustand sowohl „Breite“ als auch „Höhe“ auf „100 %“ zu setzen, damit die gesamte Einheit automatisch entsprechend der Größe ausgefüllt werden kann. Raster.
Sie können den Effekt jetzt in der Vorschau anzeigen.
Bei der Herstellung des Bundstegs besteht der Unterschied zum dünnen Linienrand darin, dass die Breite des Randes 1 durch das Attribut „CellPad“ anstelle des vorherigen „CellSpace“ erreicht wird. Das „CellPad“ bezieht sich hier auf die Zelle Der Abstand zwischen dem Inhalt und der Zellgrenze Es besteht kein Zweifel, dass dies auch bei den anderen drei Tabellen der Fall ist, die wir in diesem Beispiel als Inhalt eingefügt haben. Durch Anpassen von „CellSpace“ kann dann der Abstand zwischen den einzelnen Rändern geändert werden, z. B. der Effekt von „6“ Einheiten
Ebenso können Sie auf ähnliche Weise vertikale Bundstegränder erstellen.
Oben haben wir den Produktionsprozess, die Prinzipien und Anpassungsmethoden mehrerer gängiger Rahmentypen auf Webseiten sorgfältig analysiert. Ich glaube, dass die Form des Effektvergleichs dazu beiträgt, dass jeder seine jeweiligen Unterschiede besser versteht und dadurch seinen Eindruck vertieft. Natürlich hoffe ich, dass jeder mehr Randeffekte nach ähnlichen Designideen finden kann.
