Як створити шаблон в dreamweaver і оновлювати весь сайт цілком
Для того щоб створити шаблон в Dreamweaver. необхідно визначитися зі структурою майбутнього сайту. Звичайно, і для готового сайту можна створити шаблони, якщо його оновлення викликає труднощі і забирає багато часу.
Сам шаблон являє собою файл у форматі .dwt і зберігається в папці Templates локальної копії сайту. Шаблон включає незмінні області, редаговані і додаються за вибором. Найкраще призначення областей шаблону продемонструвати схематично.
Візьмемо для прикладу умовну структуру, де на сайті знаходяться три основні розділи в горизонтальному меню, меню з підрозділами в лівій боковій колонці і основний контент з областями.
Деякі сторінки відрізняються від інших наявністю додаткової області, а білим кольором позначено незмінне вміст на всьому сайті:
З оздание областей шаблону
Зробити шаблон можна з будь-якої готової веб-сторінки, відкривши її в Dreamweaver. Для цього потрібно створити хоча б одну область, що редагується. Встановлюємо курсор в потрібному місці сторінки і йдемо: «Вставка - Об'єкти шаблону» (Ctrl + Alt + V):
Надаємо області будь-яке ім'я і тиснемо OK. На місці вставки бачимо наступний код з службових тегів програми, між якими і знаходиться редагована область, яку залишається наповнити змістом:
Сторінка, що має будь-яку область шаблону, при збереженні автоматично стає шаблоном. Інший варіант: «Файл - Зберегти як шаблон». Слід зазначити, що сторінка, створена на основі шаблону, буде мати редагується разом з вмістом. Але при оновленнях вміст змінюватися не буде, змінювати його можна буде в самій сторінці.
Точно так створюється Додаткова область. але є відмінність. Крім назви потрібно вказати, чи буде область відображатися в створюваних сторінках за умовчанням: true - так, false - ні.
Ще відміну додаткової області: в тезі сторінки head створюється однойменний службовий тег head. куди додається список додаткових областей:
Значення true і false можна поміняти в шаблоні вручну. А для новостворюваних сторінок задати відображення кожної додаткової області можна: «Змінити - Властивості шаблону», встановивши галочку або навпаки прибрати.
Крім того, у всіх шаблонів і створених з них сторінок тег head буде містити службовий тег doctitle, як редагований. Туди потрібно помістити мета-теги і важливий тег title, які повинні бути унікальними для кожної сторінки.
Останнє, існують ще два типи області: Змінна додаткова і повторюється. Останню використовувати не варто, якщо тільки для однакових значень в осередках таблиці.
До ак створити і оновити сторінки сайту
Коли шаблон готовий, створити на його основі сторінку не становить труднощів. Заходимо в: «Файл - Створити», вибираємо потрібний сайт і шаблон:
Одним з найважливіших внутрішніх чинників просування є зрозуміла структура і зручна навігація сайту. Як виділити елемент меню, який вказує на поточний розділ (на нашій схемі: Розділ 1)? Звичайно, використовуючи стилі css.
Але для цього потрібно, щоб html-код меню був різним для кожного розділу, а сама область меню була б не змінна. В іншому випадку, при додаванні нових пунктів меню, знадобиться редагувати код на всіх сторінках вручну. Як бути?
Нам знадобиться створити ще три вкладених шаблону для кожного з розділів, крім основного. Як створити вкладений шаблон? Додати сторінку з основного шаблона, далі: «Файл - Зберегти як шаблон». При цьому область меню в основному шаблоні потрібно зробити редагованої.
А в шаблонах розділів робимо прив'язки стилів css до відповідного пункту меню. Далі, важливо: додайте в будь-яке місце цієї області такий код без пробілів: @@ ( "") @@. Це зробить область меню незмінної для всіх сторінок, заснованих на такому шаблоні, тобто всього розділу.
Тепер у всіх сторінках, заснованих на шаблонах розділів, буде виділятися відповідний елемент меню, який вказує на поточний розділ. Вкладені шаблони для окремих розділів доцільно робити, якщо вони містять і інші неоднакові елементи сторінки.
Якщо, до того ж, потрібно виділяти пункти вертикального меню для кожного підрозділу, то шаблонів може бути набагато більше. Що стосується саме зрозумілою візуалізації елементів навігації, то її можна просто замінити «хлібними крихтами», як на webmastersam.ru.
Не забудьте: для створення шаблону в Dreamweaver необхідно, щоб програма знала, що має справу з веб-сайтом. Зайдіть: «Веб-сайт - Новий сайт», в цьому вікні задайте йому ім'я і вкажіть локальну папку його розміщення. Детальніше дивіться про це в матеріалі: Завантаження сайту на сервер.
Якщо добре продумати структуру сайту і грамотно створити шаблони Dreamweaver. то це буде економити величезну кількість часу і праці в процесі його оновлення та модернізації.
