Erstellen Sie wiederholende Bereiche und Tabellen und konfigurieren Sie Tabelleneigenschaften in Dreamweaver, um Ihr Seitenlayout zu steuern.
Eine wiederholende Region ist ein Abschnitt einer Vorlage, der in einer vorlagenbasierten Seite mehrmals dupliziert werden kann.Normalerweise werden wiederholende Regionen mit Tabellen verwendet, aber du kannst eine wiederholende Region für andere Seitenelemente definieren.
Wiederholende Regionen ermöglichen es Ihnen, Ihr Seitenlayout zu steuern, indem Sie bestimmte Elemente wiederholen, wie zum Beispiel ein Katalogelement und ein Beschreibungslayout oder eine Zeile für Daten wie eine Liste von Elementen.
Es gibt zwei wiederholende Region-Muster-Objekte, die du verwenden kannst: wiederholende Region und wiederholende Tabelle.
Erstelle eine wiederholende Region in einem Muster
Wiederholende Regionen ermöglichen es Vorlagenbenutzern, eine bestimmte Region in einer Vorlage so oft wie gewünscht zu duplizieren.Wiederholende Bereiche sind nicht unbedingt auch bearbeitbare Bereiche.
Um Inhalte in einer wiederholenden Region bearbeitbar zu machen (zum Beispiel, um einem Anwender zu ermöglichen, Text in eine Tabellenzelle in einem musterbasierten dokument einzugeben), musst du eine bearbeitbare Region in die wiederholende Region einfügen.
Wähle den Text oder Inhalt aus, den du als wiederholende Region festlegen möchtest.
Platziere den Einfügepunkt im dokument, wo du die wiederholende Region einfügen möchtest.
Wählen Sie „Einfügen“ > „Vorlage“ > „Wiederholender Bereich“.
Klicken Sie in der Kategorie „Vorlagen“ des Bedienfelds „Einfügen“ auf „Wiederholender Bereich“.
Bei der Eingabe des Namens für einen Bereich dürfen keine Sonderzeichen verwendet werden.
Wiederholende Tabelle einfügen
Du kannst eine wiederholende Tabelle verwenden, um eine bearbeitbare Region (in Tabellenformat) mit wiederholenden Zeilen zu erstellen. Du kannst Tabellenattribute definieren und festlegen, welche Tabellenzellen bearbeitbar sind.
Wählen Sie „Einfügen“ > „Vorlage“ > „Wiederholende Tabelle“.
Wählen Sie in der Kategorie „Vorlagen“ des Bedienfelds „Einfügen“ die Option „Wiederholende Tabelle“.
Zeilen
Legt die Anzahl der Tabellenzeilen fest.
Spalten
Legt die Anzahl der Tabellenspalten fest.
Zellauffüllung
Bestimmt die Anzahl der Pixel zwischen dem Inhalt einer Zelle und den Zellgrenzen.
Zellabstand
legt den Abstand zwischen aneinandergrenzenden Tabellenzellen in Pixel fest.
Wenn Sie für Zellauffüllung und Zellabstand nicht ausdrücklich Werte zuweisen, wird in den meisten Browsern für die Zellauffüllung der Wert „1“ und für den Zellabstand der Wert „2“ verwendet. Legen Sie für „Zellauffüllung“ und „Zellabstand“ den Wert „0“ fest, wenn die Tabelle im Browser ohne Zellauffüllung und Zellabstand angezeigt werden soll.
Breite
Gibt die Breite der Tabelle in Pixeln oder als Prozentsatz der Browser-Fenster-Breite an.
Rahmen
gibt die Breite der Tabellenränder in Pixel an.
Wenn Sie für den Rahmen nicht ausdrücklich einen Wert zuweisen, wird die Tabelle in den meisten Browsern so angezeigt, als wäre der Rahmen auf 1 festgelegt. Legen Sie „Rahmen“ auf 0 fest, um sicherzustellen, dass die Tabelle im Browser ohne Rahmen angezeigt wird.
Wenn für „Rahmen“ der Wert „0“ festgelegt ist und die Zell- und Tabellenränder angezeigt werden sollen, wählen Sie „Ansicht“ > „Optionen in der Entwurfsansicht“ > „Visuelle Hilfsmittel“. Diese Option ist nur in der Entwurfsansicht verfügbar.
Tabellenzeilen wiederholen
Gib an, welche Zeilen in der Tabelle in der wiederholenden Region enthalten sind.
Anfang bei Zeile
Legt die eingegebene Zeilennummer als erste Zeile fest, die in der wiederholenden Region enthalten sein soll.
Ende bei Zeile
Legt die eingegebene Zeilennummer als letzte Zeile fest, die in der wiederholenden Region enthalten sein soll.
Bereichsname
Hier können Sie einen eindeutigen Namen für den wiederholenden Bereich eingeben.
Setze abwechselnde Hintergrundfarben in einer wiederholenden Tabelle
Nachdem du eine wiederholende Tabelle in ein Muster eingefügt hast, kannst du sie anpassen, indem du die Hintergrundfarbe der Tabellenzeilen abwechselst.
<tr bgcolor="@@( _index & 1 ? '#FFFFFF' : '#CCCCCC' )@@">
Du kannst die Hexadezimalwerte #FFFFFF und #CCCCCC durch andere Farbauswahlen ersetzen.
Das folgende Code-Beispiel zeigt eine Tabelle mit alternierenden Hintergrundfarben für Tabellenzeilen:
<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr><th>Name</th><th>Telefonnummer</th><th>E-Mail-Adresse</th></tr>
<!-- TemplateBeginRepeat name="contacts" -->
<tr bgcolor="@@(_index & 1 ? '#FFFFFF' : '#CCCCCC')@@">
<td> <!-- TemplateBeginEditable name="name" --> name <!-- TemplateEndEditable -->
</td>
<td> <!-- TemplateBeginEditable name="phone" --> phone <!-- TemplateEndEditable -->
</td>
<td> <!-- TemplateBeginEditable name="email" --> email <!-- TemplateEndEditable -->
</td>
</tr>
<!-- TemplateEndRepeat -->
</table>
Ähnliche Themen
Erstellen ansprechender Websites in Dreamweaver
Entwirf, code und verwalte dynamische Websites mit einem leistungsstarken All-in-one-Tool.