Как использовать шаблоны в Dreamweaver
Автор：Eve Cole
Время обновления：2009-05-30 18:50:16
В инструменте веб-дизайна Dreamweaver (далее DW, текущая самая высокая версия — 4.02, пример в этой статье — версия 4.0) есть очень мощная функция — шаблоны!
Так в чем же прелесть шаблонов? Какие характеристики у него есть?
Используя шаблоны, мы можем закрепить элементы, которые появляются на каждой странице сайта.
Используя шаблоны для создания WEB-страниц, весь сайт может иметь единый стиль.
Пока шаблон изменен, все веб-страницы, к которым применяется шаблон, могут быть изменены без необходимости вручную изменять каждую страницу. Например, когда вам нужно изменить свои авторские права, нужно ли вам изменять авторские права постранично? Что делать, если страниц тысячи? Я верю, что поначалу у вас будет два или три больших игрока. Но если вы используете шаблоны, это не будет проблемой.
Ниже приведен более подробный пример, который поможет вам быстро освоить использование шаблонов.
1. Редактировать страницу
Откройте DW и создайте новый сайт, который назовем «Паутина».
Создайте новую пустую страницу в качестве внутренней страницы (обычно веб-сайт имеет только одну домашнюю страницу, поэтому нам не нужно создавать шаблон для домашней страницы) и назовите ее body.htm.
Отредактируйте эту страницу и заполните ее, как показано на рисунке 1.
Рисунок 1. Страница body.htm после завершения редактирования. Обратите внимание на точку А, которая будет использоваться как редактируемая область и будет упомянута ниже.
2. Создать шаблон
После завершения редактирования сохраняем эту страницу как шаблон (обратите внимание, что она не сохраняется как обычная htm-страница). Вы можете сохранить его как шаблон с помощью Fileà Save As Template в DW. После выполнения этой команды появится окно «Сохранить как шаблон», как показано на рисунке 2.
Рисунок 2. Окно «Сохранить как шаблон».
На рисунке 2 B — выбор сайта, выбираем «Паутина», C — имя файла шаблона, который мы хотим сохранить, заполняем тело. Нажмите «Сохранить» в правом верхнем углу, чтобы сохранить.
В это время нажимаем F8 для вызова сайта (менеджера сайта), и в папке Templates вы можете увидеть body.dwt (при наличии файла шаблона DW автоматически сгенерирует папку Templates, а dwt — тип шаблона файл)
3. Редактировать шаблон
Открыв файл шаблона body.dwt на сайте, вы обнаружите, что он ничем не отличается от страницы body.htm, но на самом деле он отличается. Вы не можете добавлять редактируемые области в body.htm. Редактируемые области можно добавлять только в файлы шаблонов.
Чтобы каждый мог лучше понять «редактируемую область», мы сначала используем этот шаблон для создания html-файла: нажимаем «Файл» → «Новый из шаблона», появляется окно «Выбор шаблона», выбираем тело в шаблонах, а затем нажимаем «Выбрать» в верхнем углу. правый угол, чтобы создать новый файл HTM. Мы переименовываем эту новую страницу в body2.htm. Теперь мы используем DW, чтобы открыть файлы body.htm и body2.htm и сравнить различия. Вы найдете слова «Шаблон:body», написанные в правом верхнем углу страницы body2.htm. (Эта страница создается на основе файла шаблона body.dwt). В то же время вы будете удивлены, обнаружив, что файл body2.htm нельзя редактировать (body.htm можно редактировать). Кстати, это связано с тем, что в файле шаблона body.dwt не определена «редактируемая область», что делает сгенерированные страницы недоступными для редактирования. Поэтому нам нужно добавить редактируемую область в файл шаблона. Вот шаги для добавления редактируемой области:
1) Откройте файл шаблона body.dwt. Надеемся, что среднюю таблицу можно редактировать (то есть А на рисунке 1). Но в файле body.dwt, а не body.htm), поэтому добавьте сюда редактируемую область.
2) Поместите курсор мыши в таблицу в точке A, щелкните правой кнопкой мыши и выберите «Новая редактируемая область».... Появится окно «Новая редактируемая область», в котором вас попросят ввести имя этой редактируемой области (мы обычно назовите это меткой редактируемой области). Заполняем Регион01 и нажимаем ОК, чтобы закрыть это окно и завершить редактирование текущей отметки редактируемого региона. В это время вы можете видеть таблицу, показанную на рисунке 3.
Рисунок 3. Окно «Новая редактируемая область».
Обратите внимание, что существует редактируемая область с пометкой Region01.
До сих пор мы определили редактируемую область. Если есть несколько областей редактирования, мы можем сделать то же самое.
※Вы также можете создать новую редактируемую область с помощью команды «Изменить шаблоны — новая редактируемая область…». Если вы хотите удалить редактируемую область, вы можете использовать команду «Изменить шаблоны — удалить редактируемую область…», а затем следовать инструкциям.
4. Создавайте страницы с помощью шаблонов
Фактически, мы уже упоминали ранее, что шаги по созданию страниц с использованием шаблонов выполняются с помощью FileàNew From Template. Пожалуйста, обратитесь к соответствующим шагам в третьем шаге. Теперь мы используем шаблон для создания страницы с именем body3.htm. В настоящее время вы обнаружите, что на странице body3.htm, за исключением редактируемой области Region01, которую можно редактировать, использование мыши в других местах ограничено. В эту редактируемую область добавляем нужный нам контент, например, по желанию можем написать статью. Таким образом, мы можем использовать шаблоны для создания страниц в соответствии с нашими потребностями.
5. Измените содержимое шаблона и обновите файлы сайта.
Откройте файл шаблона body.dwt и измените области, которые нам нужно изменить. Например, мы можем заменить изображение логотипа или изменить любую нередактируемую область или даже добавить или удалить редактируемые области и т. д.
Ниже показано изменение логотипа, чтобы проиллюстрировать, как шаблон обновляет файл.
Мы меняем изображение логотипа на другое изображение, которое нам нравится, и после завершения сохраняем файл body.dwt. В это время DW выскочит окно с вопросом, нужно ли обновить файл. Выберите «Обновить», и DW автоматически обновит все страницы. созданный с помощью этого шаблона, во время обновления DW откроет окно «Страницы обновления». После завершения в окне «Страницы обновления» будет отображен журнал обновлений.
※Если выбрано «Не обновлять», DW сохранит файл шаблона напрямую и не будет временно обновлять страницу, но мы можем обновить страницу вручную, просто выберите «Изменить шаблоны» «Обновить страницы…».
В это время мы открываем любую страницу, созданную с помощью body.dwt, например body3.htm. Вы обнаружите, что изображение логотипа изменилось.
Нетрудно обнаружить, что с помощью этой функции мы можем легко решить проблему обновления сайта. Эта статья является лишь отправной точкой. Многие функции не могут быть упомянуты из-за нехватки места. попробуйте больше, чтобы вы могли полностью использовать его. Почувствуйте вкус шаблона DW.
В DW также есть функция под названием «Библиотека», которую можно органично объединить с шаблонами, что сделает шаблоны более мощными. Если читатели заинтересуются, я готов предложить этот подарок каждому.
