Rozpoznawanie szablonów oraz dokumentów opartych na szablonach

Ostatnia aktualizacja 27 kwi 2021

Informacje o rozpoznawaniu szablonów i dokumentów opartych na szablonach w widoku Projekt i Kod w programie Dreamweaver.

Rozpoznawanie szablonów w widoku Projekt

Gdy okno Dokument jest wyświetlane w widoku Projekt, regiony edytowalne są otoczone prostokątnymi obwiedniami. Nazwę regionu można sprawdzić na dolnym panelu okna Dokument.

Plik szablonu można łatwo zidentyfikować, spoglądając na pasek tytułu w oknie Dokument. Takie pliki mają bowiem rozszerzenie .dwt.

Rozpoznawanie szablonów w widoku Projekt
Rozpoznawanie szablonów w widoku Projekt

Rozpoznawanie szablonów w widoku Kod

W widoku kodu edytowalne regiony zawartości są oznaczone w HTML następującymi komentarzami:

<!-- TemplateBeginEditable> i <!-- TemplateEndEditable -->

Spostrzeżenie

Można użyć preferencji kolorów kodu, aby ustawić własny schemat kolorów i łatwo rozróżnić regiony szablonów podczas przeglądania dokumentu w widoku kodu.

Wszystko pomiędzy tymi komentarzami będzie edytowalne w dokumentach opartych na szablonie.Kod źródłowy HTML dla edytowalnego regionu może wyglądać następująco:

<table width="75%" border="1" cellspacing="0" cellpadding="0">

<tr bgcolor="#333366">

<td>Nazwa</td>

<td><font color="#FFFFFF">Adres</font></td>

<td><font color="#FFFFFF">Numer telefonu</font></td>

  </tr> 

<!-- TemplateBeginEditable name="LocationList" -->

  <tr> 

<td>Wprowadź nazwę</td>

<td>Wprowadź adres</td>

<td>Wprowadź telefon</td>

  </tr> 

<!-- TemplateEndEditable -->

</table>

Spostrzeżenie

Podczas edytowania kodu szablonu w widoku kodu należy uważać, aby nie zmienić żadnych tagów komentarzy związanych z szablonem, na których polega program Dreamweaver.

Rozpoznawanie dokumentów opartych na szablonie w widoku Projekt

Jeśli w oknie Dokument jest aktywny widok Projekt, to dokumenty oparte na szablonie są otoczone przez prostokątne obwiednie, narysowane kropkowaną linią. Nazwa regionu jest podawana na dole okna.

Oprócz obwiedni regionów edytowalnych, cała strona jest otoczona przez obwiednię w innym kolorze z zakładką w prawym górnym rogu pokazującą nazwę szablonu na jakim oparty jest dany dokument. Podświetlony prostokąt przypomina, że dokument jest oparty na szablonie i nie można zmienić jego zawartości znajdującej się poza edytowalnymi regionami.

Rozpoznawanie dokumentów opartych na szablonie w widoku Kod

W widoku kodu edytowalne regiony dokumentu pochodzącego z szablonu pojawiają się w innym kolorze niż kod w regionach nieedytowalnych.Można wprowadzać zmiany tylko w kodzie w edytowalnychregionach lub edytowalnych parametrach, ale nie można pisać w zablokowanych regionach.

Edytowalna treść jest oznakowana w HTML za pomocą następujących komentarzy programu Dreamweaver:

<!‑‑ InstanceBeginEditable> i <!‑‑ InstanceEndEditable ‑‑>

Wszystko pomiędzy tymi komentarzami jest edytowalne w dokumencie opartym na szablonie.Kod źródłowy HTML dla edytowalnego regionu może wyglądać następująco:

<body bgcolor="#FFFFFF" leftmargin="0">

<table width="75%" border="1" cellspacing="0" cellpadding="0">

<tr bgcolor="#333366">

<td>Nazwa</td>

<td><font color="#FFFFFF">Adres</font></td>

<td><font color="#FFFFFF">Numer telefonu</font></td>

  </tr> 

<!-- InstanceBeginEditable name="LocationList" -->

  <tr> 

<td>Wprowadź nazwę</td>

<td>Wprowadź adres</td>

<td>Wprowadź numer telefonu</td>

  </tr> 

<!-- InstanceEndEditable -->

</table> 

</body>

Domyślny kolor tekstu nieedytowalnego to szary; można wybrać inny kolor dla regionów edytowalnych i nieedytowalnych w oknie dialogowym Preferencje.