Як створити новий шаблон Dreamweaver

Ви створюєте новий шаблон у Dreamweaver, використовуючи те саме діалогове вікно «Новий документ», яке ви використовуєте для створення будь-якого іншого типу сторінки. Щоб створити шаблон Dreamweaver, виконайте такі дії:

Виберіть Файл→Новий.

Відкриється діалогове вікно «Новий документ».

У списку ліворуч виберіть параметр Порожня сторінка.

У списку Тип сторінки виберіть Шаблон HTML.

У області Макет виберіть створити порожню сторінку або виберіть попередньо розроблений макет CSS.

Багато параметрів макета CSS Dreamweaver забезпечують чудовий старт для створення нового дизайну сторінки.

Натисніть кнопку Створити.

Створюється новий пустий шаблон, який відкривається в головній робочій області, а діалогове вікно «Новий документ» закривається.

Виберіть Файл→ Зберегти.

Ви отримуєте попередження (якщо ви його не вимкнули), що в шаблоні немає регіонів, які можна редагувати, і запитує, чи дійсно ви хочете його зберегти. Натисніть OK, щоб закрити діалогове вікно попередження та продовжити. Dreamweaver дає вам це попередження, оскільки шаблон без регіонів, які можна редагувати, не є корисним. Ви знайдете інструкції зі створення редагованих регіонів у кроці 9.

Натисніть OK, щоб зберегти сторінку як є на даний момент.

З’явиться вікно «Зберегти як шаблон» із відкритою папкою «Шаблони». Якщо у вашій локальній папці сайту ще немає папки Templates, Dreamweaver створить її для вас, коли ви створите та збережете свій перший шаблон.

Для належної роботи шаблони Dreamweaver мають бути збережені в папці з назвою Templates (з великої T ) у папці локального сайту, яка відображається на панелі «Файли». Якщо змінити назву папки або перемістити папку «Шаблони» у підпапку, ваші шаблони більше не працюватимуть належним чином.

Створіть дизайн сторінки, додавши зображення, текст та інші елементи, як і в будь-який інший файл Dreamweaver.

Пам’ятайте, що ви створюєте дизайн сторінки в шаблоні так само, як і на будь-якій іншій веб-сторінці. Ви включаєте зображення та текст, які будуть замінені на сторінках, створених на основі шаблону, чи просто створюєте каркас сторінки, вирішувати вам.

Щоб створити область для редагування:

Виберіть будь-яке зображення, текстовий блок або область вмісту.

Часто найкращий варіант — вибрати всю область сторінки, щоб усе в цьому розділі можна було редагувати. Якщо ви створили свої сторінки за допомогою

теги та CSS, хорошим варіантом є вибір

тег для цілого розділу, наприклад

тег зі стилем класу mainContent.

Зручний спосіб вибрати розділ, оточений символом a

тег полягає в тому, щоб розмістити курсор в будь-якому місці сторінки, а потім за допомогою перемикача тегів у нижній частині робочої області виберіть

тег.

Виберіть Вставка→ Шаблон→ Область для редагування.

Відкриється діалогове вікно Нова область для редагування.

Дайте назву новому регіону, який можна редагувати.

Виберіть щось, що визначає тип вмісту, наприклад заголовок або основний вміст. Область, яку ви визначаєте як доступну для редагування, стає областю, яку можна змінити на будь-якій сторінці, створеній із шаблону. В одному шаблоні можна мати кілька регіонів, які можна редагувати. Кожна область, яку можна редагувати, має мати іншу назву; імена не можуть використовувати пробіли або спеціальні символи, але підкреслення та дефіси допустимі.

Натисніть кнопку OK.

Область, яку можна редагувати, оточує область синього кольору (з синьою вкладкою у верхньому лівому куті поля). Ім’я, яке ви ввели в діалоговому вікні «Нова область для редагування», з’явиться на вкладці.

Коли ви завершите розробку сторінки та додасте всі необхідні для редагування регіони, виберіть «Файл»→ «Зберегти», щоб зберегти шаблон.

Коли ви зберігаєте нову сторінку шаблону або зберігаєте наявну сторінку як шаблон, Dreamweaver автоматично додає розширення .dwt і зберігає файл у папці Templates.

Якщо ви збережете шаблон, перш ніж вказати будь-які регіони, які можна редагувати, Dreamweaver видасть вам попередження, оскільки шаблони не корисні без регіонів, які можна редагувати. Вам не потрібно створювати регіони, які можна редагувати, перш ніж зберегти шаблон, але ви не можете вносити будь-які зміни на будь-які сторінки, створені на основі шаблону, доки не створите одну або кілька областей, які можна редагувати. Ви завжди можете повернутися назад і додати регіони, які можна редагувати, пізніше.

Adobe додала нову панель «Вставка шаблонів» у Dreamweaver CC. Ви можете використовувати цю нову панель замість пунктів меню під час роботи з шаблонами. Функції працюють однаково: просто клацніть відповідну піктограму на панелі «Вставка шаблонів», наприклад піктограму «Регіон для редагування».