Gör något av följande i dokumentfönstret:
Senast uppdaterad den
27 apr. 2021
Skapa upprepande regioner och upprepande tabeller och konfigurera tabellegenskaper i Dreamweaver för att styra din sidlayout.
En upprepande region är ett avsnitt i en mall som kan dupliceras många gånger på en mallbaserad sida.Vanligtvis används upprepande regioner med tabeller, men du kan definiera en upprepande region för andra sidelement.
Upprepande regioner gör att du kan kontrollera din sidlayout genom att upprepa vissa objekt, som en katalogartikel och beskrivningslayout, eller en rad för data som en lista med objekt.
Det finns två mallobjekt för upprepande regioner du kan använda: upprepande region och upprepande tabell.
Skapa en upprepande region i en mall
Upprepande regioner gör att mallanvändare kan duplicera en specificerad region i en mall så ofta som önskas. En upprepad region behöver inte vara ett redigerbart område.
För att göra innehåll i en upprepande region redigerbart (till exempel för att tillåta en användare att ange text i en tabellcell i ett mallbaserat dokument) måste du infoga en redigerbar region i den upprepande regionen.
Välj den text eller det innehåll du vill ange som en upprepande region.
Placera insättningspunkten i dokumentet där du vill infoga den upprepande regionen.
Gör något av följande:
Välj Infoga > Mall > Upprepande region.
Välj Upprepande region i kategorin Mallar på panelen Infoga.
I rutan Namn anger du ett unikt namn för mallregionen.(Du kan inte använda samma namn för mer än en upprepande
region i en mall.)
Obs!
När du namnger en region ska du inte använda specialtecken.
Klicka på OK.
Infoga en upprepande tabell
Du kan använda en upprepande tabell för att skapa en redigerbar region (i tabellformat) med upprepande rader. Du kan definiera tabellattribut och ställa in vilka tabellceller som är redigerbara.
I dokumentfönstret placerar du insättningspunkten
i dokumentet där du vill infoga den upprepande tabellen.
Gör något av följande:
Välj Infoga > Mall > Upprepande tabell.
Välj Upprepande tabell i kategorin Mallar på panelen Infoga.
Ange följande alternativ och klicka på OK.
Rader
Anger antalet rader som tabellen har.
Kolumner
Anger antalet kolumner som tabellen har.
Cellfyllnad
Bestämmer antalet pixlar mellan en cells innehåll och cellgränserna.
Cellmellanrum
Anger antalet pixlar mellan angränsande tabellceller.
Obs!
Om du inte uttryckligen anger värden för cellfyllnad och cellmellanrum visar de flesta webbläsare tabellen med cellfyllnad som har värdet 1 och cellmellanrum med värdet 2. Om du vill att webbläsarna ska visa tabellen utan fyllnad och mellanrum anger du värdet 0 för Cellfyllnad och Cellmellanrum.
Bredd
Anger tabellens bredd i pixlar eller som en procentsats av webbläsarfönstrets bredd.
Kant
Anger bredden på tabellens kanter i pixlar.
Obs!
Om du inte uttryckligen anger ett värde på kanten visar de flesta webbläsare tabellen med en kant som har värdet 1. Om du vill att webbläsarna ska visa tabellen utan kanter anger du värdet 0 för Kant.
Om du vill visa cell- och tabellgränser när kanten har värdet 0 väljer du Visa > Designvyalternativ > Visuella hjälpmedel. Det här alternativet är endast tillgängligt i designvyn.
Upprepade rader i tabellen
Ange vilka rader i tabellen som ingår i den upprepande regionen.
Startrad
Anger radnumret som den första raden som ska inkluderas i den upprepande regionen.
Slutrad
Anger radnumret som den sista raden som ska inkluderas i den upprepande regionen.
Regionnamn
Gör att du kan ange ett unikt namn för den upprepade regionen.
Ställ in alternerande bakgrundsfärger i en upprepande tabell
Efter att du infogat en upprepande tabell i en mall kan du anpassa den genom att alternera Bakgrundsfärg på tabellraderna.
I dokumentfönstret väljer du en tabellrad i den upprepande
tabellen.
Klicka på knappen visa kodvy eller visa kod- och designvyer
i dokumentverktygsfältet så att du kan komma åt koden för den
valda tabellraden.
I kodvyn redigerar du <tr>-taggen
för att inkludera följande kod:
<tr bgcolor="@@( _index & 1 ? '#FFFFFF' : '#CCCCCC' )@@">
Du kan ersätta de hexadecimala värdena #FFFFFF och #CCCCCC med andra färgval.
Spara mallen.
Följande är ett kodexempel på en tabell som inkluderar växlande bakgrundsfärger för tabellrader:
<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr><th>Namn</th><th>Telefonnummer</th><th>E-postadress</th></tr>
<!-- TemplateBeginRepeat name="contacts" -->
<tr bgcolor="@@(_index & 1 ? '#FFFFFF' : '#CCCCCC')@@">
<td> <!-- TemplateBeginEditable name="name" --> namn <!-- TemplateEndEditable -->
</td>
<td> <!-- TemplateBeginEditable name="phone" --> telefon <!-- TemplateEndEditable -->
</td>
<td> <!-- TemplateBeginEditable name="email" --> e-postadress <!-- TemplateEndEditable -->
</td>
</tr>
<!-- TemplateEndRepeat -->
</table>
Liknande innehåll
Skapa snygga webbplatser i Dreamweaver
Designa, koda och hantera dynamiska webbplatser med ett kraftfullt allt-i-ett-verktyg.
