динамічні шаблони
Динамічні веб - шаблони
Типовий сайт складається з сторінок, які містять кілька загальних для всіх сторінок елементів. Такими елементами можуть бути верхній і нижній колонтитули, банери, панелі навігації, заголовки тощо.
Динамічний Шаблон Мережі дозволяє створювати головні сторінки (master page).
Іноді потрібно оновити оформлення всіх сторінок сайту. Застосування головних сторінок дозволяє зробити це найбільш простим способом - потрібно оновити оформлення тільки головної сторінки, тим самим змінивши всі сторінки, створені на підставі головної сторінки.
В головній сторінці створюються області, які не можна змінити, і доступні для редагування області.
Динамічні Шаблони Мережі не потрібно плутати з ASP.NET Master Pages.
Створення динамічного шаблону
Щоб створити Динамічний веб-шаблон, в меню File виберіть New - Page - Dynamic WebTemplate.
Збережіть створену сторінку як master.dwt.
Імпорт файл стилю (styles.css) з папки Examples \ Ch19 \ Files \ Website і прикріпіть його до Вашого нового Динамічному шаблони Мережі.
Ви повинні визначити деякі доступні для редагування області для шаблону (без таких областей шаблон працювати не буде). Доступні для редагування області можна створити в області верхнього банера і в області основного змісту.
Помістіть курсор на сторінці, в меню Format виберіть Dynamic Web Template - Manage Editable Regions.
На сторінку буде вставлена рамка, всередині якої і буде знаходиться редагована область. Налаштуйте розміри рамки (наприклад, для тестового матеріалу рамка може займати велику частину сторінки).
Створення сторінки за шаблоном
Щоб використовувати Динамічний Шаблон Мережі, Ви повинні прикріпити це до сторінки.
Додати сторінку, зберегти її.
У меню Format виберіть Dynamic Web Template - Attach Dynamic Web Template. У списку виберіть master.dwt.
Натисніть Open. Expression Web відображає діалог, який повідомляє Вам, що файл був оновлений. Клацніть Close.
Відкрийте створений шаблон (у нас це master.dwt). Змініть шаблон. Збережіть зміни.
Expression Web відкриє вікно з повідомленням, що будуть оновлені сторінки, створені за даним шаблоном. Натисніть Yes - сторінки будуть оновлені. Буде показано число оновлених сторінок. Натисніть Close.
Альтернативно, Ви можете відкрити Динамічний Шаблон Мережі і вибрати Format - Dynamic Web Template - Update Attached Pages to update all pages.
Щоб оновити тільки деякі сторінки, використовуйте Format - Dynamic Web Template - Update Selected Pages.
Ви можете змінити сторінку не тільки в доступних для редагування областях, але в будь-яких областях, якщо перключітесь в режим коду і змініть безпосередньо код.
В цьому випадку є дві опції:
Always Restore Non-editable Content While Editing This Page - відновити колишній код
Keep All Changes - зберегти зміни в коді.
Управління Доступними для редагування Областями
Щоб повторно відобразити доступну для редагування область, виберіть доступну для редагування область з вікна зі списком областей і клацніть кнопкою Modify.
Якщо Ви хочете повторно відобразити доступну для редагування область на поточній сторінці пізніше, клацніть кнопкою Skip Current Page.
Доступні для редагування області можуть бути додані, перейменовані або видалені.
Щоб додати нову доступну для редагування область, помістіть курсор, де Ви хочете нову доступну для редагування область, і виберіть Format - Dynamic Web Template - Manage Editable Regions.
Для перейменування області використовуйте меню Format - Dynamic Web Template - Manage Editable Regions to.
Код динамічних шаблонів
Хоча працювати з дінаміческмі шаблонами доцільніше в режимі дизайну, але потрібно мати уявлення, що в цей час відбувається з кодом сторінки.
Після створення нового динамічного Шаблона код буде такий:
За замовчуванням, кожен Динамічний Шаблон Мережі містить дві доступний для редагування області, названі doctitle (заголовок) і body ( "тіло" сторінки).
Код #BeginEditable і #EndEditable визначає початок і кінець доступною для редагування області.
Цей код означає, що доступна для редагування область вставлена в область заголовка. Область включає таблицю (mainTable).
Припустимо, що потрібно зробити доступною для редагування не всю таблицю, а тільки її нижній рядок. У режимі дизайну зробити це можна, а в режимі коду - можна.
Скоригований фрагмент коду буде виглядати так:
Таким чином, доступною для редагування зроблена тільки другий рядок таблиці, все інше - не є для редагування.