Tworzenie powtarzalnych regionów i tabel oraz konfigurowanie właściwości tabel w programie Dreamweaver do kontrolowania układu strony.
Obszar powtarzający to sekcja szablonu, którą można wielokrotnie duplikować na stronie opartej na szablonie. Zazwyczaj obszary powtarzalne są używane z tabelami, ale można zdefiniować obszar powtarzalny dla innych elementów strony.
Obszary powtarzające umożliwiają kontrolę układu strony przez powtarzanie określonych elementów, takich jak układ elementu katalogu i opisu, lub wiersz dla danych, takich jak lista elementów.
Dostępne są dwa obiekty szablonu obszaru powtarzającego: oblast powtarzający i tabela powtarzająca.
Utwórz obszar powtarzający w szablonie
Obszary powtarzające umożliwiają użytkownikom szablonów duplikowanie określonego obszaru w szablonie tak często, jak jest to potrzebne. Powtarzalny region nie musi być koniecznie regionem edytowalnym.
Aby sprawić, że zawartość w obszarze powtarzającym będzie edytowalna (na przykład, aby umożliwić użytkownikowi wprowadzanie tekstu w komórce tabeli w dokumencie opartym na szablonie), należy wstawić obszar edytowalny w obszarze powtarzającym.
Wybierz tekst lub zawartość, którą chcesz ustawić jako obszar powtarzający.
Umieść punkt wstawiania w dokumencie tam, gdzie chcesz wstawić obszar powtarzający.
Wybierz polecenie Wstaw > Szablon > Powtarzalny region.
W kategorii Szablony panelu Wstaw wybierz opcję Region powtarzalny.
Podczas nadawania nazwy do regionu nie używaj znaków specjalnych.
Wstawianie powtarzalnej tabeli
Można użyć tabeli powtarzającej, aby utworzyć obszar edytowalny (w formacie tabeli) z powtarzającymi się wierszami. Można zdefiniować atrybuty tabeli i ustawić, które komórki tabeli są edytowalne.
Wybierz polecenie Wstaw > Szablon > Powtarzalna tabela.
W kategorii Szablony panelu Wstaw kliknij opcję Tabela powtarzalna.
Wiersze
Określa liczbę wierszy w tabeli.
Kolumny
Określa liczbę wierszy jakie ma tabela.
Odstęp od krawędzi komórki
Określa liczbę pikseli między zawartością komórki a granicami komórki.
Odstępy między komórkami
Określa liczbę pikseli pomiędzy przylegającymi komórkami tabeli.
Jeżeli nie zostaną podane wartości odstępu między komórkami oraz odstępu od krawędzi komórki, większość przeglądarek internetowych ustawia odstęp od krawędzi na 1, a odstęp pomiędzy komórkami na 2 piksele. Jeżeli chcesz, aby przeglądarka wyświetlała tabelę bez odstępów między komórkami oraz między treścią a krawędzią komórki, ustaw obie te wartości na zero.
Szerokość
Określa szerokość tabeli w pikselach lub jako procent szerokości okna przeglądarki.
Krawędź
Określa grubość krawędzi tabeli, wyrażoną w pikselach.
Jeżeli jawnie nie określisz wartości krawędzi, większość przeglądarek wyświetli tabelę tak, jakby krawędź była ustawiona na 1. Jeżeli chcesz, aby przeglądarki wyświetlały tabelę bez krawędzi, ustaw wartość opcji Krawędź na zero.
Aby wyświetlić komórki oraz obrys tabeli w sytuacji, gdy krawędź jest ustawiona na 0, wybierz polecenie Widok > Opcje widoku Projekt > Pomoce wizualne. Ta opcja jest dostępna tylko w widoku Projekt.
Powtarzaj wiersze tabeli
Określ, które wiersze w tabeli są uwzględnione w obszarze powtarzającym.
Wiersz początkowy
Ustawia wprowadzony numer wiersza jako pierwszy wiersz do uwzględnienia w obszarze powtarzającym.
Wiersz końcowy
Ustawia wprowadzony numer wiersza jako ostatni wiersz do uwzględnienia w obszarze powtarzającym.
Nazwa regionu
Pozwala określić niepowtarzalną nazwę dla regionu powtarzalnego.
Ustaw przemienne kolory tła w tabeli powtarzającej
Po wstawieniu tabeli powtarzającej w szablonie można ją dostosować przez przemienne ustawianie koloru tła wierszy tabeli.
<tr bgcolor="@@( _index & 1 ? '#FFFFFF' : '#CCCCCC' )@@">
Możesz zastąpić wartości szesnastkowe #FFFFFF i #CCCCCC innymi kolorami.
Poniżej znajduje się przykład kodu tabeli z naprzemiennymi kolorami tła wierszy:
<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr><th>Imię i nazwisko</th><th>Numer telefonu</th><th>Adres e-mail</th></tr>
<!-- TemplateBeginRepeat name="contacts" -->
<tr bgcolor="@@(_index & 1 ? '#FFFFFF' : '#CCCCCC')@@">
<td> <!-- TemplateBeginEditable name="name" --> imię i nazwisko <!-- TemplateEndEditable -->
</td>
<td> <!-- TemplateBeginEditable name="phone" --> telefon <!-- TemplateEndEditable -->
</td>
<td> <!-- TemplateBeginEditable name="email" --> e-mail <!-- TemplateEndEditable -->
</td>
</tr>
<!-- TemplateEndRepeat -->
</table>
Więcej podobnych
Tworzenie estetycznych serwisów internetowych w programie Dreamweaver
Projektowanie, pisanie kodu i zarządzanie dynamicznymi serwisami internetowymi za pomocą jednego, kompleksowego narzędzia.