Naučte se rozpoznat šablony a dokumenty založené na předloze v zobrazení návrhu a zobrazení kódu v aplikaci Dreamweaver.
Rozpoznání předloh v zobrazení návrhu
V zobrazení návrhu se upravitelné oblasti zobrazují v okně dokumentu ohraničené obdélníkovými obrysy. Chcete-li vybrat nějakou oblast, proveďte jeden z následujících úkonů v okně dokumentu:
Soubor předlohy je možné rozpoznat, když se podíváte na titulní pruh v okně dokumentu. Přípona názvu souboru je .dwt.
Rozpoznání předloh v zobrazení kódu
V zobrazení kódu jsou oblasti editovatelného obsahu označeny v HTML následujícími komentáři:
<!-- TemplateBeginEditable> a <!-- TemplateEndEditable -->
Pomocí předvoleb barev kódu můžete nastavit vlastní barevné schéma, abyste mohli snadno rozlišit oblasti šablony při prohlížení dokumentu v zobrazení Kód.
Vše mezi těmito poznámkami bude editovatelné v dokumentech založených na šabloně.Zdrojový kód HTML pro editovatelnou oblast může vypadat takto:
<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr bgcolor="#333366">
<td>Jméno</td>
<td><font color="#FFFFFF">Adresa</font></td>
<td><font color="#FFFFFF">Telefonní číslo</font></td>
</tr>
<!-- TemplateBeginEditable name="LocationList" -->
<tr>
<td>Zadejte jméno</td>
<td>Zadejte adresu</td>
<td>Zadejte telefon</td>
</tr>
<!-- TemplateEndEditable -->
</table>
Při úpravách kódu šablony v zobrazení kódu dávejte pozor, abyste nezměnili žádné značky komentářů souvisejících se šablonou, na které se aplikace Dreamweaver spoléhá.
Rozpoznání dokumentů založených na předloze v zobrazení návrhu
V zobrazení návrhu se upravitelné oblasti dokumentu založeného na předloze zobrazují v okně dokumentu ohraničené obdélníkovým tečkováním. Název oblasti je uveden v dolní části okna.
Kromě obrysů upravitelné oblasti je celá stránka ohraničená odlišně zbarveným obrysem se štítkem v pravém horním rohu s názvem předlohy, na které je dokument založený. Tento zvýrazněný obdélník vám připomíná, že je tento dokument založený na předloze a že nemůžete měnit obsah mimo upravitelné oblasti.
Rozpoznání dokumentů založených na předloze v zobrazení kódu
V zobrazení kódu se editovatelné oblasti dokumentu odvozeného ze šablony zobrazují v jiné barvě než kód v needitovatelných oblastech.Změny můžete provádět pouze v kódu editovatelnýchoblastí nebo editovatelných parametrů, ale nemůžete psát v uzamčených oblastech.
Upravitelný obsah je v HTML označený následujícími komentáři aplikace Dreamweaver:
<!‑‑ InstanceBeginEditable> a <!‑‑ InstanceEndEditable ‑‑>
Vše mezi těmito poznámkami je editovatelné v dokumentu založeném na šabloně.Zdrojový kód HTML pro editovatelnou oblast může vypadat takto:
<body bgcolor="#FFFFFF" leftmargin="0">
<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr bgcolor="#333366">
<td>Jméno</td>
<td><font color="#FFFFFF">Adresa</font></td>
<td><font color="#FFFFFF">Telefonní číslo</font></td>
</tr>
<!-- InstanceBeginEditable name="LocationList" -->
<tr>
<td>Zadejte jméno</td>
<td>Zadejte adresu</td>
<td>Zadejte telefon</td>
</tr>
<!-- InstanceEndEditable -->
</table>
</body>
Výchozí barva pro neupravitelný text je šedá; v dialogovém okně Předvolby můžete vybrat jinou barvu pro upravitelné a neupravitelné oblasti.
Tvorba nádherných webů v aplikaci Dreamweaver
Vytvářejte, kódujte a spravujte dynamické weby pomocí výkonného všestranného nástroje.
