Naučte se používat předlohy aplikace Dreamweaver při návrhu „pevného“ rozvržení stránky a vytváření dokumentů založených na této předloze, které zdědí její rozvržení stránky.
Šablona je speciální typ dokumentu, který slouží k návrhu „pevného" rozložení stránky; následně můžete vytvářet dokumenty založené na šabloně, které zdědí její rozložení stránky.Při návrhu šablony určujete jako „upravitelný" obsah, který mohou uživatelé v dokumentu založeném na této šabloně upravovat.Šablony umožňují autorům šablon kontrolovat, které prvky stránky mohou upravovat uživatelé šablon – například spisovatelé, grafici nebo jiní weboví vývojáři.Existuje několik typů oblastí šablon, které může autor šablony zahrnout do dokumentu.
Šablony vám umožňují ovládat rozsáhlou návrhovou oblast a znovu používat kompletní rozložení. Pokud chcete znovu použít jednotlivé návrhové prvky, například informace o autorských právech webu nebo logo, vytvořte položky knihovny.
Předlohy umožňují aktualizovat najednou více stránek. Dokument vytvořený ze šablony zůstává se šablonou spojen (pokud dokument později neodpojíte). Můžete upravit šablonu a okamžitě aktualizovat návrh ve všech dokumentech, které jsou na ní založeny.
Předlohy v aplikaci Dreamweaver se liší od předloh v některém jiném softwaru Adobe Creative Cloud v tom, že oddíly stránek v předlohách aplikace Dreamweaver jsou standardně pevné (neupravitelné).
Typy oblastí předlohy
Když uložíte dokument jako předlohu, většina oblastí dokumentu je zamknutá. Jako autor předlohy určíte, které oblasti dokumentu založeného na předloze bude možné upravovat, vložením upravitelných oblastí nebo upravitelných parametrů do předlohy.
Při vytváření předlohy můžete provádět změny v upravitelných i zamknutých oblastech. V dokumentu, založeném na předloze může ovšem uživatel předlohy dělat změny pouze v upravitelných oblastech; zamknuté oblasti nemůže měnit.
Existují čtyři typy oblastí předlohy:
Upravitelná oblast: Odemknutá oblast v dokumentu založeném na předloze – oddíl, který může uživatel předlohy upravit. Autor předlohy může určit jakoukoli oblast předlohy jako upravitelnou. Aby byla předloha efektivní, měla by obsahovat alespoň jednu upravitelnou oblast; jinak by nebylo možné upravovat stránky založené na této předloze. Podrobné informace o upravitelných oblastech naleznete v tématu Vytváření upravitelných oblastí v předlohách.
Opakovaná oblast: Oddíl rozvržení dokumentu, který je nastavený tak, aby uživatel předlohy mohl podle potřeby přidávat nebo odstraňovat kopie opakované oblasti v dokumentu založeném na této předloze. Můžete například nastavit řádek tabulky tak, aby se opakoval. Opakované oblasti jsou upravitelné tak, že uživatel předlohy může upravit obsah opakujícího se prvku, zatímco vlastní návrh je pod kontrolou autora předlohy.
Existují dva typy opakovaných oblastí, které můžete vložit do předlohy: opakovanou oblast a opakovanou tabulku. Postup práce s opakovanými oblastmi naleznete v tématu Vytváření opakovaných oblastí a tabulek v aplikaci Dreamweaver.
Volitelná oblast: Oddíl předlohy, kde se nachází obsah (jako je text nebo obraz), který se může nebo nemusí objevit v dokumentu. Ve stránce založené na předloze uživatel obvykle určuje, zda se tento obsah zobrazí. Další informace naleznete v tématu Volitelná oblast.
Upravitelný atribut tagu: Umožňuje odemknout určitý atribut tagu v předloze, aby bylo možné tento atribut upravit ve stránce založené na předloze. Můžete například „zamknout“, který obraz se objeví v dokumentu, ale nechat uživatele předlohy nastavit zarovnání doleva, doprava nebo na střed. Další informace naleznete v tématu Definování upravitelných atributů tagu v aplikaci Dreamweaver.
Odkazy v předlohách
Když vytvoříte soubor šablony uložením existující stránky jako šablony, nová šablona ve složce Šablony a všechny odkazy v souboru se aktualizují tak, aby jejich relativní cesty k dokumentu byly správné. Později, když na základě této šablony vytvoříte dokument a uložíte jej, všechny relativní odkazy dokumentu se znovu aktualizují, aby nadále ukazovaly na správné soubory.
Když do souboru šablony přidáte nový relativní odkaz dokumentu, je snadné zadat nesprávný název cesty, pokud cestu napíšete do textového pole odkazu v panelu Vlastnosti. Správná cesta v souboru šablony je cesta ze složky Šablony k propojenému dokumentu, nikoli cesta ze složky dokumentu založeného na šabloně k propojenému dokumentu. Ujistěte se, že existují správné cesty pro odkazy použitím ikony složky nebo ikony Ukázat na soubor v inspektoru Vlastnosti při vytváření odkazů v šablonách.
Serverové skripty v šablonách a dokumentech založených na šablonách
Některé serverové skripty jsou vloženy na samém začátku nebo konci dokumentu (před značkou <html> nebo po značce </html>). Takové skripty vyžadují speciální zacházení v šablonách a dokumentech založených na šablonách. Obvykle, pokud provedete změny kódu skriptu před značkou <html> nebo po značce </html> v šabloně, zmény se nekopírují do dokumentů založených na této šabloně. To může způsobit chyby serveru, pokud jiné serverové skripty v hlavní části šablony závisely na skriptech, které se nekopírují. Upozornění vás varuje, pokud změníte skripty před značkou <html> nebo po značce </html> v šabloně.
Chcete-li se tomuto problému vyhnout, můžete do sekce head šablony vložit následující kód:
<!-- TemplateInfo codeOutsideHTMLIsLocked="true" -->
Když je tento kód v šabloně, změny skriptů před značkou <html> nebo po značce </html> se kopírují do dokumentů založených na této šabloně. Nicméně již nebudete moci upravovat tyto skripty v dokumentech založených na šabloně. Můžete si tedy vybrat, zda tyto skripty upravovat v šabloně, nebo v dokumentech založených na šabloně, ale ne obojí.
Parametry předlohy
Parametry šablony označují hodnoty pro řízení obsahu v dokumentech založených na šabloně. Použijte parametry šablony pro volitelné oblasti nebo upravitelné atributy značek, nebo k nastavení hodnot, které chcete předat připojenému dokumentu.Pro každý parametr vyberte název, datový\ntyp a výchozí hodnotu.Každý parametr musí mít jedinečný název,\nkterý rozlišuje velká a malá písmena.Musí to být jeden z pěti povolených datových\ntypů: text, boolean, barva, URL nebo číslo.
Parametry předlohy se předají do dokumentu jako parametry instance. Ve většině případů může uživatel šablony upravit výchozí\nhodnotu parametru a přizpůsobit tak to, co se zobrazí v dokumentu založeném na šabloně.V\njiných případech může autor šablony určit, co se zobrazí v\ndokumentu, na základě hodnoty výrazu šablony.
Výrazy předlohy
Výrazy\nšablon jsou příkazy, které počítají nebo vyhodnocují hodnotu.
Výraz můžete použít k uložení hodnoty a jejímu zobrazení v\ndokumentu.Například výraz může být tak jednoduchý jako hodnota\nparametru, například @@(Param)@@, nebo dostatečně složitý\nna to, aby počítal hodnoty, které střídají barvu pozadí v\nřádku tabulky, například @@((_index & 1) ?červená : modrá)@@.
Můžete také definovat výrazy pro jednoduché a vícenásobné podmínky if. Když je výraz použitý v podmíněném příkazu, aplikace Dreamweaver ho vyhodnotí jako true nebo false. Pokud je podmínka splněna, volitelná oblast se zobrazí v dokumentu založeném na\nšabloně; pokud není splněna, nezobrazí se.
Výrazy můžete definovat v zobrazení Kód nebo v dialogovém okně Volitelná oblast\npři vkládání volitelné oblasti.
V zobrazení Kód existují dva způsoby definování výrazů šablon: použijte poznámku <!-- TemplateExpr expr="your expression"--> nebo @@(your expression)@@.Když vložíte výraz\ndo kódu šablony, zobrazí se v zobrazení Návrh značka výrazu.\nKdyž šablonu použijete, Dreamweaver výraz vyhodnotí\na zobrazí hodnotu v dokumentu založeném na šabloně.
Jazyk výrazů předlohy
Jazyk výrazů šablon je malá podmnožina\nJavaScriptu a používá syntaxi a pravidla priorit JavaScript.Použijte operátory JavaScriptu k napsání výrazu, například:
@@(firstName+lastName)@@
Jsou podporovány následující vlastnosti a operátory:
numerické literály, řetězcové literály (pouze syntaxe s dvojitými uvozovkami), booleovské literály (true nebo false)
odkaz na proměnnou (viz seznam definovaných proměnných později\nv této části)
odkazy do pole („tečkový“ operátor),
unární operátory: +, -, ~, !,
binární operátory: +, -, *, /, %, &, |, ^, &&,\n||, <, <=, >, >=, ==, !=, <<, >>
podmíněný operátor: ?:,
závorky: ().
Používají se následující datové typy: Boolean, IEEE 64bitové číslo s plovoucí desetinnou čárkou, řetězec a objekt.Šablony Dreamweaver nepodporují\npoužití typů JavaScript „null" nebo „undefined".Ani neumožňují\nskalární typy implicitně převést na objekt; proto by\nvýraz \"abc\".length způsobil chybu\nmísto vrácení hodnoty 3.
K dispozici jsou pouze objekty\ndefinované objektovým modelem výrazu.Jsou definovány následující\nproměnné:
_document
Obsahuje data šablony na úrovni dokumentu s polem pro každý parametr v šabloně.
_repeat
Definováno pouze pro výrazy, které se objevují uvnitř opakující se oblasti. Poskytuje vestavěné informace o oblasti.
_index
Číselný index (od 0) platné položky
_numRows
Celkový počet položek v této opakované oblasti
_isFirst
True, pokud je aktuální položka první položkou ve své opakující se oblasti.
_isLast
True, pokud je aktuální položka poslední položkou ve své opakující se oblasti.
_prevRecord
Objekt _repeat pro předchozí položku. Je chybou přistupovat k této vlastnosti pro první položku v oblasti.
_nextRecord
Objekt _repeat pro následující položku. Je chybou přistupovat k této vlastnosti pro poslední položku v oblasti.
_parent
Ve vnořené opakované oblasti toto poskytuje objekt _repeat pro obklopující (vnější) opakovanou oblast.Je chybou přistupovat k této vlastnosti mimo vnořenou opakovanou oblast.
Během vyhodnocování výrazu jsou všechna pole objektu _document a objektu _repeat implicitně dostupná. Například můžete zadat title namísto _document.title pro přístup k parametru názvu dokumentu.
V případech, kdy dojde ke konfliktu polí, mají pole objektu _repeat přednost před poli objektu _document.Proto neměli byste potřebovat explicitně odkazovat na _document nebo _repeat s výjimkou toho, že _document může být potřeba uvnitř opakující se oblasti pro referenci parametrů dokumentu, které jsou skryté parametry opakující se oblasti.
Při použití vnořených opakujících se oblastí jsou implicitně dostupná pouze pole nejvnitřnějších opakujících se oblastí. Na vnější oblasti se musí výslovně odkazovat pomocí _parent.
Více podmínek If v kódu šablony
Můžete definovat šablonové výrazy pro podmínky if a multiple-if.Tento příklad ukazuje definování parametru s názvem "Dept", nastavení počáteční hodnoty a definování podmínky multiple-if, která určuje, které logo se zobrazí.
Následuje příklad kódu, který můžete zadat do části head šablony:
<!-- TemplateParam name="Dept" type="number" value="1" -->
Následující podmínkový příkaz zkontroluje hodnotu přiřazenou k parametru Dept. Pokud je podmínka pravdivá nebo odpovídá, zobrazí se příslušný obrázek.
<!-- TemplateBeginMultipleIf -->
<!-- zkontroluje hodnotu Dept a zobrazí příslušný obrázek-->
<!-- TemplateBeginIfClause cond="Dept == 1" --> <img src=".../sales.gif"> <!-- TemplateEndIfClause -->
<!-- TemplateBeginIfClause cond="Dept == 2" --> <img src=".../support.gif"> <!-- TemplateEndIfClause-->
<!-- TemplateBeginIfClause cond="Dept == 3" --> <img src=".../hr.gif"> <!-- TemplateEndIfClause -->
<!-- TemplateBeginIfClause cond="Dept != 3" --> <img src=".../spacer.gif"> <!-- TemplateEndIfClause -->
<!-- TemplateEndMultipleIf -->
Při vytváření dokumentu založeného na šabloně se do něj automaticky předávají parametry šablony.Uživatel šablony určuje, který obrázek se má zobrazit.
Další podobné
- Vytvoření předlohy aplikace Dreamweaver
- Úpravy obsahu v dokumentu založeném na předloze
- Vytváření upravitelných oblastí v předlohách
- Vytváření opakovaných oblastí v předlohách
- Použití volitelných oblastí v předlohách
- Definování upravitelných atributů tagů v předlohách
- Cesty relativní k dokumentu
- Změny vlastností předlohy
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.