Kullanıcı Kılavuzu İptal

Şablonları ve şablon tabanlı belgeleri tanıma

 

 

Dreamweaver Tasarım Görünümü ve Kod Görünümü'nde şablonları ve şablon temelli belgeleri tanımayı öğrenin.

Şablonları Tasarım görünümünde tanıma

Tasarım görünümünde düzenlenebilir bölgeler Belge penceresinde dikdörtgen dış hatlar olarak görünür. Bölgenin adını görmek için Belge penceresinde alt bölmeye bakın.

Bir şablon dosyasını Belge penceresinde başlık çubuğuna bakarak tanıyabilirsiniz. Dosya için dosya adı uzantısı .dwt'dir.

Şablonları Tasarım Görünümü'nde tanıma
Şablonları Tasarım Görünümü'nde tanıma

Şablonları Kod görünümünde tanıma

Kod görünümünde düzenlenebilir içerik bölgeleri HTML olarak şu yorumlar ile işaretlenmiştir:

<!-- TemplateBeginEditable> ve <!-- TemplateEndEditable -->

Not:

Bir belgeye Kod görünümünde baktığınızda şablon bölgelerini kolaylıkla ayırt edebilmek amacıyla kod rengi tercihlerini kendi renk şemanızı belirlemek için kullanabilirsiniz.

Bu yorum işaretleri arasında kalan her şey, şablonu esas alan belgelerde düzenlenebilirdir. Düzenlenebilir bir bölgenin HTML kaynak kodu şöyle gözükebilir:

<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr bgcolor="#333366">
<td>Name</td>
<td><font color="#FFFFFF">Address</font></td>
<td><font color="#FFFFFF">Telephone Number</font></td>
</tr>
<!-- TemplateBeginEditable name="LocationList" -->
<tr>
<td>Enter name</td>
<td>Enter Address</td>
<td>Enter Telephone</td>
</tr>
<!-- TemplateEndEditable -->
</table>
<table width="75%" border="1" cellspacing="0" cellpadding="0"> <tr bgcolor="#333366"> <td>Name</td> <td><font color="#FFFFFF">Address</font></td> <td><font color="#FFFFFF">Telephone Number</font></td> </tr> <!-- TemplateBeginEditable name="LocationList" --> <tr> <td>Enter name</td> <td>Enter Address</td> <td>Enter Telephone</td> </tr> <!-- TemplateEndEditable --> </table>
<table width="75%"  border="1"  cellspacing="0" cellpadding="0"> 
  <tr bgcolor="#333366"> 
    <td>Name</td> 
    <td><font color="#FFFFFF">Address</font></td> 
    <td><font color="#FFFFFF">Telephone Number</font></td> 
  </tr> 
  <!-- TemplateBeginEditable name="LocationList" --> 
  <tr> 
    <td>Enter name</td> 
    <td>Enter Address</td> 
    <td>Enter Telephone</td> 
  </tr> 
  <!-- TemplateEndEditable --> 
</table>
Not:

Şablon kodunu Kod görünümünde düzenlerken Dreamweaver'ın dayandığı şablon bağlantılı yorum etiketlerini değiştirmemeye dikkat edin.

Tasarım görünümünde şablon tabanlı belgeleri tanıma

Şablonu temel alan belgede (şablon temelli belge) düzenlenebilir bölgeler Belge penceresinin Tasarım görünümünde dikdörtgen dış hatlarla noktalı çizgilerle çevrili olarak görünür. Penceresinin en altında bölgenin adı gösterilir.

Düzenlenebilir bölge dış hatlarına ek olarak tüm sayfa başka renkte bir dış hat ile çevrilidir ve sağ üst köşesinde belgenin esas aldığı şablonun adını gösteren bir sekme vardır. Bu vurgulanmış dikdörtgen size belgenin bir şablona dayandığını ve düzenlenebilir bölge dışındaki içeriği değiştiremeyeceğinizi anlatır.

Kod görünümünde şablon tabanlı belgeleri tanıma

Kod görünümünde bir şablondan türetilmiş bir belgenin düzenlenebilir bölgeleri düzenlenemez bölgelerin kodundan farklı bir renkte görünür. Yalnızca düzenlenebilirbölgelerindeki kodda veya değiştirilebilir parametrelerde değişiklik yapabilirsiniz; kilitli bölgelerin içine yazamazsınız.

Düzenlenebilir içerik HTML ile aşağıdaki Dreamweaver yorum metniyle işaretlenir:

<!‑‑ InstanceBeginEditable> ve <!‑‑ InstanceEndEditable ‑‑>

Bu yorumlar arasında kalan her şey, şablon tabanlı bir belgede düzenlenebilirdir. Düzenlenebilir bir bölgenin HTML kaynak kodu şöyle gözükebilir:

<body bgcolor="#FFFFFF" leftmargin="0">
<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr bgcolor="#333366">
<td>Name</td>
<td><font color="#FFFFFF">Address</font></td>
<td><font color="#FFFFFF">Telephone Number</font></td>
</tr>
<!-- InstanceBeginEditable name="LocationList" -->
<tr>
<td>Enter name</td>
<td>Enter Address</td>
<td>Enter Telephone</td>
</tr>
<!-- InstanceEndEditable -->
</table>
</body>
<body bgcolor="#FFFFFF" leftmargin="0"> <table width="75%" border="1" cellspacing="0" cellpadding="0"> <tr bgcolor="#333366"> <td>Name</td> <td><font color="#FFFFFF">Address</font></td> <td><font color="#FFFFFF">Telephone Number</font></td> </tr> <!-- InstanceBeginEditable name="LocationList" --> <tr> <td>Enter name</td> <td>Enter Address</td> <td>Enter Telephone</td> </tr> <!-- InstanceEndEditable --> </table> </body>
<body bgcolor="#FFFFFF" leftmargin="0"> 
<table width="75%"  border="1"  cellspacing="0" cellpadding="0"> 
  <tr bgcolor="#333366"> 
    <td>Name</td> 
    <td><font color="#FFFFFF">Address</font></td> 
    <td><font color="#FFFFFF">Telephone Number</font></td> 
  </tr> 
  <!-- InstanceBeginEditable name="LocationList" --> 
  <tr> 
    <td>Enter name</td> 
    <td>Enter Address</td> 
    <td>Enter Telephone</td> 
  </tr> 
  <!-- InstanceEndEditable --> 
</table> 
</body>

Düzenlenemez metnin varsayılan rengi gridir. Tercihler iletişim kutusunda düzenlenebilir ve düzenlenemez bölgeler için farklı renk seçebilirsiniz.

Daha hızlı ve daha kolay yardım alın

Yeni kullanıcı mısınız?