Говорещи шаблони в Dreamweaver

Много програми за уеб дизайн се хвалят със своите HTML шаблони. Това, което всъщност имат предвид, е, че включват някои готови дизайни на страници с програмата. Dreamweaver прави тази концепция още няколко скока, като предоставя функции за дизайн на шаблони, които ви позволяват да създадете основния дизайн на страница и след това да контролирате кои секции могат и не могат да бъдат променяни. Това е ценна функция, ако работите с екип от разработчици с различни нива на умения. Например, ако създавате сайт за компания за недвижими имоти и искате да позволите на служителите да актуализират обявите за продажби, без да можете да объркате дизайна на страницата, шаблонът може да бъде идеалното решение.

Шаблоните се използват най-добре, когато създавате няколко страници, които споделят определени характеристики, като цвят на фона или елементи за навигация. Вместо да задавате правилните свойства за всяка нова страница или да правите едни и същи промени на страница след страница, можете да използвате шаблон, за да правите промени в няколко страници наведнъж.

Останете верни на вашия шаблон

Едно от големите предимства при използването на функцията за шаблон на Dreamweaver е, че можете да посочите кои области на шаблона могат да бъдат променяни. Това е особено полезно, ако работите с хора, които имат различни нива на умения в HTML и искате по-напреднал дизайнер, който да създаде страница, която по-малко опитен човек не може да обърка по-късно. Имайки предвид тази цел, шаблонът има региони за редактиране и заключени (неподлежащи на редактиране) региони. Използвайте редактируеми региони за съдържание, което се променя, като описание на продукта. Използвайте заключени региони за статично, непроменящо се съдържание, като лого или елементи за навигация на сайта.

Можете да промените шаблон дори след като сте го използвали за създаване на документи. След това, когато актуализирате документи, които използват шаблона, нередактируемите секции на тези документи се актуализират, за да съответстват на промените, които сте направили в шаблона.

Докато редактирате самия шаблон, можете да правите промени във всяка част от файла, независимо дали става дума за редактируеми или заключени региони. Докато редактирате документ, направен от шаблон, обаче, можете да правите промени само в редактираните региони на документа. Ако се върнете и промените шаблон, след като е създаден, Dreamweaver ви дава възможност тези промени да бъдат отразени във всички страници, които сте създали с този шаблон, или само в страницата, която редактирате в момента.

Създаване на шаблони

Създаването на шаблон е толкова лесно, колкото създаването на всеки друг файл в Dreamweaver, както можете да видите в следващите стъпки. Можете да започнете със съществуващ HTML документ и да го модифицирате, за да отговаря на вашите нужди, или можете да създадете напълно нов документ. Когато запишете файл като шаблон, файлът се съхранява автоматично в папката Templates на основната папка за уеб сайта. Шаблоните трябва да бъдат запазени в тази обща папка, за да работят правилно автоматизираните функции в Dreamweaver. Ако все още нямате папка Templates във вашия уеб сайт, Dreamweaver автоматично създава такава, когато съхранявате първия си шаблон.

Функциите на шаблона работят само ако сте дефинирали своя уеб сайт в Dreamweaver

Всички елементи в шаблона са заключени по подразбиране, с изключение на секцията за заглавие на документа, която е обозначена с

етикети. (Секцията за заглавие на документа, която не е заключена, е подобрение в Dreamweaver 4 — в Dreamweaver 3 не можете да направите областта на заглавието редактируема.). За да може шаблонът да бъде полезен за създаване на нови страници, трябва да направите и други области на страницата редактирани. Не забравяйте, че винаги можете да се върнете към шаблона и да направите повече области за редактиране или да премахнете възможността за редактиране на определени области по-късно.

За да създадете шаблон с региони, които могат да се редактират, изпълнете следните стъпки:

1. Изберете Прозорец –> Шаблони.

2. В панела Шаблони щракнете върху стрелката в горния десен ъгъл и изберете Нов шаблон от падащото меню, което се отваря.

Нов, неозаглавен шаблон се добавя към списъка с шаблони в панела.

3. Докато шаблонът все още е избран, въведете име за шаблона, точно както бихте нарекли всеки файл в Finder на Mac или Explorer на компютър.

Новият шаблон се добавя към списъка Шаблони за сайтове.

4. След като наименувате новия шаблон, щракнете двукратно върху името, за да го отворите.

Шаблонната страница се отваря в Dreamweaver както всяка друга HTML страница, с изключение на това, че името на файла завършва с разширението .dwt.

Вече можете да редактирате тази страница, както бихте направили всяка друга HTML страница, като вмъквате изображения, текст, таблици и т.н.

5. Изберете Modify –> Page Properties, за да посочите цветовете на фона, текста и връзката.

След това поставяте текст или изображения на страницата като заместители за информация, която може да искате да промените в бъдеще.

6. За да направите изображение или текстова област редактируеми, изберете изображението или текста и след това изберете Modify –> Templates –> New Editable Region. (Изображението или текстът, който изберете като редактируем, става област, която може да бъде променена във всяка страница, създадена с шаблона. Областите, които не маркирате като редактируеми, ще станат фиксирани и могат да бъдат променени само ако промените самия шаблон.)

Отваря се диалоговият прозорец Нов редактируем регион.

7. В текстовото поле Име въведете име за редактируемия регион.

Текстът или изображението се маркира в шаблона, което показва, че може да се редактира. Можете да назовете региона каквото искате, но изборът на нещо, което съответства на типа информация, която ще поставите в района, ви улеснява запомнянето.

8. За да направите други изображения или текстови области за редактиране, повторете стъпки 6 и 7.

9. Запазете своя шаблон и затворете файла, когато приключите.

Можете да направите цяла таблица или отделна клетка на таблица редактируеми, но не можете да направите няколко клетки редактирани наведнъж, освен ако не сте ги обединили първо. Трябва да изберете всяка клетка една по една, ако искате да направите някои от клетките в таблицата редактируеми, но не и други. Слоевете и съдържанието на слоевете също се третират като отделни елементи, но всеки от тях може да бъде маркиран като редактируем. Правенето на слой редактируем ви позволява да промените позицията на този слой. Да направите съдържанието на слоя редактируемо означава, че можете да промените съдържанието на слоя, като текст или изображение в слоя.