Hovoriace šablóny v Dreamweaveri

Mnoho programov na tvorbu webových stránok sa chváli svojimi HTML šablónami. V skutočnosti tým myslia, že obsahujú niekoľko hotových návrhov stránok s programom. Dreamweaver posúva tento koncept o niekoľko skokov ďalej tým, že poskytuje funkcie návrhu šablóny, ktoré vám umožňujú vytvoriť základný návrh stránky a potom ovládať, ktoré sekcie možno a ktoré nie je možné meniť. Toto je cenná funkcia, ak pracujete s tímom vývojárov s rôznou úrovňou zručností. Napríklad, ak vytvárate stránku pre realitnú spoločnosť a chcete nechať zamestnancov aktualizovať zoznamy predajov bez toho, aby mohli pokaziť dizajn stránky, šablóna môže byť dokonalým riešením.

Šablóny sa najlepšie používajú, keď vytvárate množstvo stránok, ktoré zdieľajú určité vlastnosti, ako je farba pozadia alebo navigačné prvky. Namiesto nastavovania správnych vlastností pre každú novú stránku alebo vykonávania rovnakých zmien na stránke po stránke môžete použiť šablónu na vykonanie zmien na niekoľkých stránkach naraz.

Zostaňte verní svojej šablóne

Jednou z veľkých výhod pri používaní funkcie šablóny Dreamweaver je, že môžete určiť, ktoré oblasti šablóny možno zmeniť. To je obzvlášť užitočné, ak pracujete s ľuďmi, ktorí majú rôzne úrovne zručností v HTML a chcete, aby pokročilejší dizajnér vytvoril stránku, ktorú menej skúsený človek neskôr nepokazí. S týmto cieľom má šablóna upraviteľné oblasti a uzamknuté (neupraviteľné) oblasti. Použite upraviteľné oblasti pre obsah, ktorý sa mení, ako je napríklad popis produktu. Použite zamknuté oblasti pre statický, nemenný obsah, ako napríklad logo alebo prvky navigácie na stránke.

Šablónu môžete upraviť aj po tom, čo ste ju použili na vytvorenie dokumentov. Keď potom aktualizujete dokumenty, ktoré používajú šablónu, neupraviteľné časti týchto dokumentov sa aktualizujú tak, aby zodpovedali zmenám, ktoré ste vykonali v šablóne.

Počas úpravy samotnej šablóny môžete vykonávať zmeny v ktorejkoľvek časti súboru, či už ide o upraviteľné alebo uzamknuté oblasti. Počas úpravy dokumentu vytvoreného zo šablóny však môžete vykonávať zmeny iba v upraviteľných oblastiach dokumentu. Ak sa vrátite a zmeníte šablónu po jej vytvorení, Dreamweaver vám dáva možnosť, aby sa tieto zmeny prejavili na všetkých stránkach, ktoré ste vytvorili pomocou tejto šablóny, alebo iba na stránke, ktorú práve upravujete.

Vytváranie šablón

Vytvorenie šablóny je také jednoduché ako vytvorenie akéhokoľvek iného súboru v aplikácii Dreamweaver, ako môžete vidieť v nasledujúcich krokoch. Môžete začať s existujúcim dokumentom HTML a upraviť ho tak, aby vyhovoval vašim potrebám, alebo môžete vytvoriť úplne nový dokument. Keď uložíte súbor ako šablónu, súbor sa automaticky uloží do priečinka Templates hlavného priečinka webovej lokality. Šablóny musia byť uložené v tomto spoločnom priečinku, aby automatické funkcie v Dreamweaveri fungovali správne. Ak na svojej webovej lokalite ešte nemáte priečinok Templates, Dreamweaver ho automaticky vytvorí, keď uložíte svoju prvú šablónu.

Funkcie šablóny fungujú iba vtedy, ak ste definovali svoju webovú lokalitu v aplikácii Dreamweaver

Všetky prvky v šablóne sú štandardne uzamknuté, okrem sekcie názvu dokumentu, ktorá je označená symbolom

značky. (Nezamknutá sekcia názvu dokumentu je vylepšením v Dreamweaveri 4 — v Dreamweaveri 3 nebolo možné upraviť oblasť názvu.). Aby sa šablóna dala použiť na vytváranie nových stránok, musíte upraviť aj ostatné oblasti stránky. Nezabudnite, že vždy sa môžete vrátiť k šablóne a upraviť viac oblastí alebo odstrániť možnosť úpravy určitých oblastí neskôr.

Ak chcete vytvoriť šablónu s upraviteľnými oblasťami, postupujte takto:

1. Zvoľte Okno –> Šablóny.

2. Na paneli Šablóny kliknite na šípku v pravom hornom rohu a z rozbaľovacej ponuky, ktorá sa otvorí, vyberte možnosť Nová šablóna.

Do zoznamu šablón na paneli sa pridá nová šablóna bez názvu.

3. So stále vybratou šablónou zadajte názov šablóny tak, ako by ste pomenovali akýkoľvek súbor vo Finderi na Macu alebo Prieskumníkovi na PC.

Nová šablóna sa pridá do zoznamu Šablóny pre lokalitu.

4. Po pomenovaní novej šablóny ju otvorte dvojitým kliknutím na názov.

Stránka šablóny sa otvorí v Dreamweaveri ako ktorákoľvek iná stránka HTML, okrem toho, že názov súboru končí príponou .dwt.

Teraz môžete túto stránku upravovať ako akúkoľvek inú HTML stránku, vkladať obrázky, text, tabuľky atď.

5. Zvoľte Upraviť –> Vlastnosti strany, aby ste určili farby pozadia, textu a odkazu.

Potom na stránku umiestnite nejaký text alebo obrázky ako zástupné symboly pre informácie, ktoré možno budete chcieť v budúcnosti zmeniť.

6. Ak chcete upraviť obrázok alebo textovú oblasť, vyberte obrázok alebo text a potom zvoľte Upraviť –> Šablóny –> Nová upraviteľná oblasť. (Obrázok alebo text, ktorý vyberiete ako upraviteľný, sa stane oblasťou, ktorú možno zmeniť na ľubovoľnej stránke vytvorenej pomocou šablóny. Oblasti, ktoré neoznačíte ako upraviteľné, sa stanú pevnými a možno ich zmeniť, iba ak upravíte samotnú šablónu.)

Otvorí sa dialógové okno Nová upraviteľná oblasť.

7. Do textového poľa Názov zadajte názov upraviteľnej oblasti.

Text alebo obrázok je v šablóne zvýraznený, čo znamená, že ho možno upravovať. Región si môžete pomenovať akokoľvek chcete, ale výber niečoho, čo zodpovedá typu informácií, ktoré do oblasti vložíte, vám uľahčí zapamätanie.

8. Ak chcete upraviť ďalšie obrázky alebo textové oblasti, zopakujte kroky 6 a 7.

9. Uložte šablónu a po dokončení zatvorte súbor.

Môžete upraviť celú tabuľku alebo samostatnú bunku tabuľky, ale nemôžete upraviť viacero buniek naraz, pokiaľ ste ich predtým nezlúčili. Ak chcete, aby sa niektoré bunky v tabuľke dali upravovať, iné nie, musíte vybrať každú bunku po jednej. S vrstvami a obsahom vrstvy sa tiež zaobchádza ako so samostatnými prvkami, ale obe môžu byť označené ako upraviteľné. Upraviteľná vrstva vám umožní zmeniť polohu vrstvy. Upravenie obsahu vrstvy znamená, že môžete zmeniť obsah vrstvy, napríklad text alebo obrázok vo vrstve.