Meer informatie over het herkennen van sjablonen en op een sjabloon gebaseerde documenten in de Dreamweaver Design-weergave en de Codeweergave.
Sjablonen herkennen in de ontwerpweergave
In de ontwerpweergave worden bewerkbare gebieden weergegeven in het documentvenster met een rechthoekige omtrek. Zie het onderste deelvenster in het Documentvenster om de naam van het gebied te zien.
U kunt een sjabloonbestand herkennen door naar de titelbalk in het documentvenster te kijken. De bestandsextensie voor het bestand .dwt.
Sjablonen herkennen in de codeweergave
In de Codeweergave worden bewerkbare content regio's gemarkeerd in HTML met de volgende opmerkingen:
<!-- TemplateBeginEditable> en <!-- TemplateEndEditable -->
Je kunt de voorkeuren voor codekleuren gebruiken om je eigen kleurenschema in te stellen, zodat je sjabloongebieden gemakkelijk kunt onderscheiden wanneer je een document bekijkt in de Codeweergave.
Alles tussen deze opmerkingen is bewerkbaar in documenten die gebaseerd zijn op de sjabloon.De HTML-broncode voor een bewerkbare regio kan er als volgt uitzien:
<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr bgcolor="#333366">
<td>Naam</td>
<td><font color="#FFFFFF">Adres</font></td>
<td><font color="#FFFFFF">Telefoonnummer</font></td>
</tr>
<!-- TemplateBeginEditable name="LocationList" -->
<tr>
<td>Voer naam in</td>
<td>Voer adres in</td>
<td>Telefoonnummer invoeren</td>
</tr>
<!-- TemplateEndEditable -->
</table>
Wanneer je template code bewerkt in de Codeweergave, zorg er dan voor dat je geen van de template-gerelateerde commentaar tags wijzigt waar Dreamweaver op vertrouwt.
Op een sjabloon gebaseerde documenten herkennen in de ontwerpweergave
In de ontwerpweergave worden bij een document dat is gebaseerd op een sjabloon (een op een sjabloon gebaseerd document), bewerkbare gebieden in de ontwerpweergave van het documentvenster weergegeven met een rechthoekige omtrek met stippellijnen. De onderkant van het venster toont de naam van het gebied.
Naast de omtrekken van bewerkbare gebieden wordt de gehele pagina omgeven door een omtrek met een andere kleur; een tab in de rechterbovenhoek vermeldt de naam van de sjabloon waarop het document is gebaseerd. Deze gemarkeerde rechthoek herinnert u eraan dat het document is gebaseerd op een sjabloon en dat u de inhoud buiten de bewerkbare gebieden niet kunt wijzigen.
Op een sjabloon gebaseerde documenten herkennen in de codeweergave
In de Codeweergave verschijnen bewerkbare regio's van een document afgeleid van een template in een andere kleur dan code in de niet-bewerkbare regio's.Je kunt alleen wijzigingen aanbrengen in de code in de bewerkbaregebieden of bewerkbare parameters, maar je kunt niet typen in vergrendelde gebieden.
Bewerkbare inhoud wordt in HTML aangeduid met de volgende Dreamweaver-commentaren:
<!‑‑ InstanceBeginEditable> en <!‑‑ InstanceEndEditable ‑‑>
Alles tussen deze opmerkingen kan worden bewerkt in een document dat op een template is gebaseerd. De HTML-broncode voor een bewerkbaar gebied kan er als volgt uitzien:
<body bgcolor="#FFFFFF" leftmargin="0">
<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr bgcolor="#333366">
<td>Naam</td>
<td><font color="#FFFFFF">Adres</font></td>
<td><font color="#FFFFFF">Telefoonnummer</font></td>
</tr>
<!-- InstanceBeginEditable name="LocationList" -->
<tr>
<td>Voer naam in</td>
<td>Voer adres in</td>
<td>Voer telefoonnummer in</td>
</tr>
<!-- InstanceEndEditable -->
</table>
</body>
De standaardkleur voor niet-bewerkbare tekst is grijs; je kunt een andere kleur selecteren voor de bewerkbare en niet-bewerkbare regio's in het dialoogvenster Voorkeuren.
Prachtige websites ontwerpen in Dreamweaver
Ontwerp, codeer en beheer dynamische websites in een krachtige alles-in-één tool.
