Главная

Заказать статью

Связь с автором

Заказать сайт

Статьи

Как в Dreamweaver делать изменения для всех страниц

Допустим, вы начинаете создавать сайт с нуля в Dreamweaver, вы сделали свою главную страницу. Теперь все что вам нужно сделать, так это зайти в пункт меню Файл - сохранить как шаблон, придумать имя и у вас появится еще один файл с расширением .dwt. Чтобы создать новую страницу на основе этого шаблона, выберите Файл - создать - страница из шаблона, вы увидите ваш шаблон, жмите ок. Если у вас уже были страницы и они не прикреплены к этому шаблону, то нужно встать на эту страницу, затем выбрать пункт меню Изменить - Шаблоны - применить шаблон к странице.

Но мы еще не сделали очень важную вещь. Создав страницу на основе шаблона мы не сможем редактировать эту страницу, поэтому в шаблон нужно добавить области для редактирования. Сначала нужно подумать что нужно редактировать, что на каждой странице будет меняться - контент конечно же! Поэтому непосредственно в шаблоне выделяем контент и идем в меню шаблона (смотрите на рисунок) на панели инструментов. Там жмем на "изменяемая область", даем имя на латинке и вот данный участок мы уже можем редактировать (будет обведен рамкой).

А также не забудьте сделать изменяемыми TITLE, метатеги, ключевые слова. Для этого нужно войти в просмотр кода и уже там выделить нужные метатеги (лично я выделял каждый метатег по отдельности)

С другой стороны текст в шаблоне можно вообще удалить, мы же его будем по-любому менять на каждой странице. Так вот, удалим текст. Чтобы наши странички сделать более живыми, добавим несколько таких областей.

А теперь покажу зачем мы это сделали

Мы видим, что текст доступен для редактирования лишь внутри нашей области, помеченной как изменяемая, а все, что серым цветом мы изменить не можем.

Между редактируемыми областями находится баннер, его нельзя изменить, нельзя перетащить в другое место для данной страницы, так как код нередактируемый. Для того чтобы поднять баннер выше на странице, нужно идти в шаблон и изменять там. Но дело в том что тогда баннер поднимется на всех страницах, а если мы хотим поднять только над этой...Вот незадача...оказывается все доволи просто. Для этого мы и делали несколько изменяемых областей. Перетащим часть текста в нижнюю редактируемую область.

Ну вот, наш баннер поднялся наверх и теперь расположен посреди текста, таким образом мы его может переместить в то место, в какое захотим. Думаю принцип понятен, надеюсь данный прием был для вас полезен.