Maak herhalingsgebieden en herhalingstabellen en configureer tabeleigenschappen in Dreamweaver om de lay-out van uw pagina te bepalen.
Een herhalingsregio is een sectie van een sjabloon die meerdere malen kan worden gedupliceerd in een op sjablonen gebaseerde pagina.Doorgaans worden herhalende regio's gebruikt met tabellen, maar je kunt een herhalende regio definiëren voor andere pagina-elementen.
Herhalende regio's stellen je in staat je pagina-indeling te beheren door bepalde items te herhalen, zoals een catalogusitem en beschrijvingsindeling, of een rij voor gegevens zoals een lijst met items.
Er zijn twee herhalende regio template objecten die je kunt gebruiken: herhalende regio en herhalende tabel.
Een herhalende regio maken in een template
Herhalende regio's stellen template-gebruikers in staat een gespecificeerde regio in een template te dupliceren zo vaak als gewenst. Een herhalingsgebied is niet noodzakelijkerwijs een bewerkbaar gebied.
Om content in een herhalende regio bewerkbaar te maken (bijvoorbeeld om een gebruiker toe te staan tekst in te voeren in een tabelcel in een template-gebaseerd document), moet je een bewerkbare regio invoegen in de herhalende regio.
Selecteer de tekst of content die u wilt instellen als herhalende regio.
Plaats de invoegpositie in het document waar je de herhalende regio wilt invoegen.
Selecteer Invoegen > Sjabloon > Herhalingsgebied.
Selecteer in de categorie Sjablonen of het deelvenster Invoegen het pictogram Herhalingsgebied.
Als u een gebied een naam geeft, mag u geen speciale lettertekens gebruiken.
Een herhalingstabel invoegen
Je kunt een herhalende tabel gebruiken om een bewerkbare regio te maken (in tabelformaat) met herhalende rijen.Je kunt tabelkenmerken definiëren en instellen welke tabelcellen bewerkbaar zijn.
Selecteer Invoegen > Sjabloon > Herhalingstabel.
Selecteer in de categorie Sjablonen of het deelvenster Invoegen het pictogram Herhaaltabel.
Rijen
Hiermee bepaalt u het aantal rijen in de tabel.
Kolommen
Hiermee bepaalt u het aantal kolommen in de tabel.
Celopvulling
Bepaalt het aantal pixels tussen de inhoud van een cel en de celgrenzen.
Celafstand
Hiermee wordt het aantal pixels tussen aangrenzende tabelcellen vastgelegd.
Als u niet expliciet waarden voor celopvulling en celafstand toewijst, wordt de tabel in de meeste browsers weergegeven alsof de celopvulling was ingesteld op 1 en celafstand op 2. Als u wilt dat de tabel in een browser zonder opvulling of afstand wordt weergegeven, stelt u Celopvulling en Celafstand in op 0.
Breedte
Specificeert de breedte van de tabel in pixels of als een percentage van de breedte van het browservenster.
Rand
Hiermee wordt de breedte van de tabelranden in pixels vastgelegd.
Als u niet expliciet een waarde voor de rand toewijst, wordt de tabel in de meeste browsers weergegeven alsof de rand was ingesteld op 1. Als u wilt dat de tabel in browsers zonder randen wordt weergegeven, stelt u Rand in op 0.
Als u de cel- en tabelgrenzen wilt weergeven wanneer de randdikte is ingesteld op 0, selecteert u Opties voor Ontwerpweergave > Visuele hulpmiddelen. Deze optie is alleen beschikbaar in de ontwerpweergave.
Rijen van de tabel herhalen
Specificeer welke rijen in de tabel zijn opgenomen in de herhalende regio.
Beginrij
Stelt het ingevoerde rijnummer in als de eerste rij die moet worden opgenomen in de herhalende regio.
Slotrij
Stelt het ingevoerde rijnummer in als de laatste rij om op te nemen in de herhalende regio.
Gebiedsnaam
Hiermee stelt u een unieke naam in voor het herhalingsgebied.
Wisselende achtergrondkleuren instellen in een herhalende tabel
Nadat je een herhalende tabel in een sjabloon hebt ingevoegd, kun je deze aanpassen door de achtergrondkleur van de tabelrijen te laten wisselen.
<tr bgcolor="@@( _index & 1 ? '#FFFFFF' : '#CCCCCC' )@@">
Je kunt de #FFFFFF en #CCCCCC hexadecimale waarden vervangen door andere kleurkeuzes.
Het volgende is een codevoorbeeld van een tabel die afwisselende achtergrondkleuren voor tabelrijen bevat:
<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr><th>Naam</th><th>Telefoonnummer</th><th>E-mailadres</th></tr>
<!-- TemplateBeginRepeat name="contacts" -->
<tr bgcolor="@@(_index & 1 ? '#FFFFFF' : '#CCCCCC')@@">
<td> <!-- TemplateBeginEditable name="name" --> naam <!-- TemplateEndEditable -->
</td>
<td> <!-- TemplateBeginEditable name="phone" --> telefoon <!-- TemplateEndEditable -->
</td>
<td> <!-- TemplateBeginEditable name="email" --> e-mail <!-- TemplateEndEditable -->
</td>
</tr>
<!-- TemplateEndRepeat -->
</table>
Verwante informatie
Prachtige websites ontwerpen in Dreamweaver
Ontwerp, codeer en beheer dynamische websites in een krachtige alles-in-één tool.