Adobe dreamweaver редактирование шаблона dle
Используйте диалоговое окно «Управление веб-сайтами» для создания нового сайта, редактирования сайта, создания дубликата сайта, удаления сайта и для импорта или экспорта параметров сайта.
Чтобы изменить параметры существующего сайта, в меню Вебсайт выберите Управление веб-сайтами (также можно использовать панель Файлы ).
В появившемся окне Управления сайтами выберите сайт (щелкните по его названию) и затем нажмите кнопку Редактировать текущий выбранный сайт .
2 Введите параметры сайта в диалоговом окне Настройки веб-сайта .
Чтобы непосредственно настроить локальную, удаленную и тестовую папки (для обработки динамических страниц), перейдите на вкладку Дополнительные настройки , выберите категорию «Локальная информация» и задайте параметры. (Рекомендуется)
Редактирование существующего удаленного веб-сайта в Dreamweaver
Можно использовать Dreamweaver для копирования существующего удаленного веб-сайта (или ветви удаленного сайта) на локальный диск и редактирования его там, даже если для создания исходного сайта программа Dreamweaver не использовалась.
1 Создайте локальную папку для существующего сайта и укажите эту папку в качестве локальной папки для этого сайта.
Примечание. Необходимо скопировать на локальный диск всю структуру соответствующей ветви существующего удаленного сайта.
2 Настройте удаленную папку, используя информацию для удаленного доступа к существующему сайту.
Необходимо подключиться к удаленному сайту, чтобы загрузить файлы на компьютер, прежде чем редактировать их.
Убедитесь, что выбрана правильная корневая папка для удаленного сайта.
3 На панели «Файлы» («Окно» > «Файлы») нажмите кнопку «Подключить к удаленному узлу» (для доступа по FTP) или кнопку «Обновить» (для доступа по сети) на панели инструментов, чтобы просмотреть удаленный сайт.
Дополнительно: FTP
4 Измените сайт.
• Если нужно работать только с одним файлом или папкой на сайте, найдите файл или папку в удаленном представлении на панели «Файлы» и нажмите кнопку «Получить файлы» на панели инструментов, чтобы загрузить этот файл на локальный диск.
Dreamweaver автоматически дублирует необходимую часть структуры удаленного сайта, чтобы поместить загруженный файл в нужное место в иерархии сайта. При редактировании только одной части сайта обычно нужно включать зависимые файлы, такие как файлы изображений.
Можно экспортировать параметры сайта в файл XML, который затем можно будет импортировать в Dreamweaver. Это позволяет перемещать сайты с компьютера на компьютер или из одной версии продукта в другую, а также совместно использовать параметры с другими пользователями.
Регулярно экспортируйте параметры сайта, чтобы иметь резервную копию на тот случай, если с сайтом что-либо случится.
Экспорт сайтов
1 Выберите «Веб-сайт» > «Управление веб-сайтами».
2 Выберите один или несколько сайтов, параметры которых нужно экспортировать, и нажмите «Экспорт».
• Чтобы выбрать диапазон сайтов, щелкните первый и последний сайты в диапазоне при нажатой клавише Shift.
3 Если нужно сохранить резервную копию параметров сайта, выберите первый вариант в диалоговом окне экспорта сайта и нажмите кнопку «ОК». Dreamweaver сохраняет сведения об имени входа на удаленный сервер, такие как имя пользователя и пароль, а также сведения о локальном пути.
4 Если нужно передать параметры сайта другим пользователям, выберите второй вариант в диалоговом окне экспорта сайта и нажмите кнопку «ОК». (Dreamweaver не сохраняет сведения, которые не будут работать для других пользователей, в частности сведения об имени входа на удаленный сервер и локальные пути.)
5 Для каждого сайта, параметры которого нужно экспортировать, перейдите в папку, в которой нужно сохранить сайт, и нажмите «Сохранить». (Dreamweaver сохраняет параметры каждого сайта в файл XML с расширением .ste.)
6 Нажмите «Готово».
Примечание. Сохраните файл *.ste в корневой папке сайта или на рабочем столе, чтобы его было легко найти.
Если вы не можете вспомнить, где сохранили файл, выполните на компьютере поиск файлов с расширением *.ste.
Импорт сайтов
1 Выберите «Веб-сайт» > «Управление веб-сайтами».
2 Щелкните «Импорт».
3 Перейдите к одному или нескольким сайтам (определенным в файлах с расширением .ste ), параметры которых нужно импортировать, и выделите их.
Чтобы выбрать несколько сайтов, щелкните каждый файл .ste при нажатой клавише Control (в Windows) или Command (в Macintosh). Чтобы выбрать диапазон сайтов, щелкните первый и последний файлы в диапазоне при нажатой клавише Shift.
4 Нажмите кнопки «Открыть» и «Готово».
После импорта программой Dreamweaver параметров сайтов имена сайтов появляются в диалоговом окне «Управление веб-сайтами».
Первое, в чем мы должны разобраться - это в терминологии!
Когда вы говорите "шаблон в Dreamweaver" - что конкретно вы имеете ввиду! Потому, что говоря "шаблон в Dreamweaver" можно подразумевать разное!Всего понятий шаблонов связанных с Dreamweaver несколько!
Начнем со встроенных шаблонов в Dreamweaver. В программе зашито несколько вариантов простых шаблонов для новичков, чтобы можно было поиграться. Я начинал именно с них! Как бы странно это не звучало!
Далее. говоря "шаблон в Dreamweaver" - можно подразумевать технологию, которую внедрил Dreamweaver первым. Не знаю есть ли такие технологии у других программ - и да! Я тоже этим пользовался!
Встроенные шаблоны в Dreamweaver.
Один из видов шаблонов в Dreamweaver - это :встроенные шаблоны в Dreamweaver
Они уже существуют в программе - их просто нужно открыть!
В зависимости от версии Dreamweaver - шаблоны, их расположение, количество может отличаться.
Нажимаем ctrl + N, либо заходим в файл
Перейдем ко второму пункту - "Шаблоны bootstrap" - не буду перечислять все виды шаблонов. которые вшиты в программу Dreamweaver - вы сможете посмотреть их все на нижнем скрине:
Кроме шаблонов сайтов в программе Dreamweaver дополнительно есть несколько шаблонов писем:
И последним пунктом в шаблонах dreamweaver идут : "адаптивные наборы для начинающих"!
Шаблонирование страниц в Dreamweaver.
Что же за такой зверь - "Шаблонирование страниц в Dreamweaver" - если очень приблизительно, то чем-то похоже на include в php - конечно же. с огромной натяжкой!Давайте, чтобы вы смогли понять о чем будет идти речь в нескольких коротких строках, что такое "Шаблонирование страниц в Dreamweaver"!?
Создается шаблон с разрешением ".dwt".
В котором создаются редактируемые и нередактируемые области.
Создаем страницу, страницы, много страниц - присоединяем их к нашему шаблону.
В редактируемой области шаблона - изменяем какие-то данные. например меню, футер и .тд.
Все страницы, которые были прикреплены к данному шаблону будут обновлены.
Зачем нужно такое шаблонирование!?
Сейчас, мне, конечно же не нужно. но когда-то лет 15 назад - это мне казалось Олимпом технологий сайтостроения.
Зачем это нужно сейчас!?
Друзья! Рекомендую не заниматься этой шнягой, а сразу перейти на изучение php - это настолько детская вещь, что в большом "вебе" - нигде не используется! Вы просто потеряете время!Как расшифровывается dwt :
Сделаем файл шаблона в Dreamweaver
Первым шагом - нам нужно создать физический файл шаблона в Dreamweaver.Продолжаем про шаблонирование в Dreamweaver!
Если вы все еще здесь и решили все-таки изучить, как делается шаблонирование, то я вас научу!
Идем в меню - сохранить как шаблон :
Продолжаем про шаблонирование в Dreamweaver!
Далее открывается новое окно, где мы можем лицезреть несколько полей.
1). в первой строке, выпадающего меню, я ничего не выбирал, потому. что мы ранее уже создали место для сайта, поэтому там высвечивается название той папки!
2). Мы еще не создали ни одного шаблона в Dreamweaver, поэтому в области написано, - "что нет шаблонов"!
3). Описание -можете, что-нибудь написать.
4). Название шаблона - назовите как-нибудь. пусть это будет "это_первый_шаблон".
Продолжаем про шаблонирование в Dreamweaver!
После этого всплывает малозначащее окно - обновить ссылки нажимаем "ок"!
Произошли какие-то изменения в нашем шаблоне! У нас появилась область "TemplateBeginEditable" - как вы наверное догадались - это области, которые рекомендуют делать уникальными - это заголовок, и еще парочка. И справа в сайдбаре смотрим, что появилась папка(Templates) и новый файл(это_первый_шаблон.dwt):
Как сделать редактируемую область в файле шаблона?
Далее - как я люблю все по пунктам.
Далее. вы должны назвать редактируемую область - либо оставить название по умолчанию - нажимаем "ок" :
Как сделать редактируемую область в файле шаблона?
Вот. у нас появилась первая редактируемая область два тега "TemplateBeginEditable" и "TemplateEndEditable" - эта часть будет редактироваться только в файле!
Прикрепляем шаблон к странице в dreamweaver!
Далее нам нужно прикрепить страницу к шаблону dreamweaver:
Открываем html страницу, которую хотим прикрепить к шаблону, который был сделан ранее! Меню → инструменты → применить шаблон к странице:
В новом окне выбираем тот шаблон, к которому хотим прикрепить нашу страницу! У нас только оди шаблон. кликаем его и доступной становится кнопка "выбрать" :
Прикрепляем шаблон к странице в dreamweaver!
В новом окне. если вдруг такое появляется - кликаем по строке - "не разрешен". Активируется кнопка ниже. из вариантов выбираем ту часть, которую ранее мы сделали - "xone_1" :
Прикрепляем шаблон к странице в dreamweaver!
Мы подошли к конечной точке прикрепления страницы к шаблону в dreamweaver! Здесь мы видим, что есть некоторые области, которые явно выделяются на фоне других - это те области, которые будут уникальными для данной страницы. как например вот этот текст, который вы в данный момент читаете!
Как открепить шаблон от страницы в dreamweaver!
Если вам вдруг потребуется открепить страницу от шаблона. то возьмем выше приведенный скрин, на котором мы видим, что требуемая кнопка - открепить от шаблона находится на второй позиции:
Как работает обновление шаблона в программе в dreamweaver!
Теперь. мы наконец-то дошли до пункта, а как же это "шаблонирование в dreamweaver" работает?
Открываем шаблон, который мы делали ранее с разрешением ".dwt". Все те места, в которых идет речь об уникальном контенте - это все те области доступны для редактирования на каждой странице. Т.е. шаблон, на эти участки повлиять никак не может!
Создаем какую-то область - за пределами тех областей, о которых сказано одним предложением выше. Пусть это будет "futer" с каким-то контентом внутри.
<futer>Здесь будет futer и он будет находиться в шаблоне.</futer>Нажимаем сохранить - "ctrl + S".
И видим, что всплывает окно, которое нас спрашивает - обновить ли те страницы, которые вы ранее прикрепили к данном шаблону!?
Неи обязательно обновлять все страницы после каждого редактирования шаблона - обновите, когда, например закончите работать с каким-то куском кода, или просто вечером перед закрытием компьютера!
Никаким образом "ПРОСТО ШАБЛОНЫ" и "ШАБЛОНЫ ДЛЯ DREAMWEAVER" не отличаются! Какие там должны быть различия!?Если же речь идет о шаблонировании в Dreamweaver, то вообще любой шаблон можно привести к шаблону в Dreamweaver!
Шаблоны для Dreamweaver на русском.
Это что за хрень!?
Шаблоны для Dreamweaver на русском.
Основная часть шаблона, любого шаблона, будет иметь разметку html. Эту часть никак невозможно перевести.
Вторая часть шаблона - это видимая часть, которая была заполнена для визуализации! Эта видимая часть предназначена под замену вашим контентом! будет ли это текст, который вы сейчас читаете или меню, которое нужно в любом случае менять под ваши "хотелки".
Редактирование, обновление и удаление шаблонов
Если шаблон изменен и сохранен, обновляются все документы, созданные на основе этого шаблона. Кроме того, при необходимости можно вручную обновить документ на основе шаблона или сайт целиком.
Примечание. Чтобы изменить шаблон для сайта Contribute, необходимо использовать Dreamweaver. В Contribute шаблоны редактировать нельзя.
Управлять существующими шаблонами, включая переименование и удаление файлов шаблона, можно с помощью вкладки «Шаблоны» на панели «Активы».
На панели «Активы» можно выполнять следующие задачи по управлению шаблонами:
• Редактирование и обновление шаблонов
• Применение или удаление шаблона из существующего документа
Dreamweaver проверяет синтаксис шаблона при сохранении, однако рекомендуется проверять его вручную во время редактирования.
Открытие шаблона для редактирования
Можно открыть файл шаблона непосредственно для редактирования, а также можно открыть документ на основе шаблона, затем открыть для редактирования вложенный шаблон.
При внесении изменений в шаблон Dreamweaver запрашивает обновление документа, созданного на основе шаблона.
Примечание. Кроме того, чтобы изменить шаблон, можно при необходимости обновить документ вручную.
Открытие и редактирование файла шаблона
1 В левой части панели «Активы» («Окно» > «Активы») выберите категорию «Шаблоны» .
На панели «Активы» перечислены все доступные шаблоны для сайта и доступен просмотр выбранного шаблона.
2 В списке доступных шаблонов выполните одно из следующих действий.
• Выберите шаблон для редактирования, затем нажмите кнопку «Изменить» в нижней части панели «Активы».
2 Выполните одно из следующих действий.
• Щелкните правой кнопкой мыши (Windows) или щелкните, удерживая клавишу «Control» (Macintosh), выберите «Шаблоны» > «Открыть присоединенный шаблон».
Изменение описания шаблона
Описание шаблона отображается в диалоговом окне «Новый документ» при создании страницы по существующему шаблону.
1 Выберите команду меню Изменить («Изменение») > «Шаблоны» > «Описание».
2 В диалоговом окне «Описание шаблона» измените описание и нажмите кнопку «ОК».
Вручную обновите документы на основе шаблона.
При внесении изменений в шаблон Dreamweaver запрашивает обновление документа на его основе, однако при необходимости можно обновить текущий документ или весь сайт вручную. Ручное обновление документов на основе шаблона аналогично повторному применению шаблона.
Применение изменений шаблона к текущему документу на основе шаблона
1 Откройте документ в окне документа.
2 Выберите меню Изменить («Изменение») > «Шаблоны» > «Обновить текущую страницу».
Dreamweaver применит к документу любые изменения, внесенные в шаблон.
Обновление всего сайта или всех документов, которые используют указанный шаблон
Можно обновить все страницы сайта либо только страницы для определенного шаблона.
1 Выберите меню Изменить («Изменение») > «Шаблоны» > «Обновление страниц».
2 В меню «Область поиска» выполните одно из следующих действий.
• Чтобы обновить файлы для определенных шаблонов, выберите «Файлы, использующие», затем выберите имя шаблона из соседнего всплывающего меню.
Пользователи Contribute не могут вносить изменения в шаблоны Dreamweaver. Однако шаблон для сайта Contribute можно изменить с помощью Dreamweaver.
При обновлении шаблонов на сайте Contribute следует учитывать перечисленные ниже факторы.
• Contribute получает новые и измененные шаблоны сайта только при запуске Contribute, а также когда пользователь изменяет сведения об их подключении. Изменения, которые пользователь Contribute вносит в шаблон во время редактирования файла на основе шаблона, отображаются только после перезапуска Contribute.
• Если редактируемая область будет удалена из шаблона, то пользователь Contribute, редактирующий страницу на основе этого шаблона, может запутаться относительно содержимого, которое было ранее в этой редактируемой области.
Чтобы обновить шаблон на сайте Contribute, выполните следующие шаги.
1 Откройте шаблон Contribute в Dreamweaver, отредактируйте его и сохраните. Дополнительные инструкции
см. в разделе «Открытие шаблона для редактирования» на странице 442.
2 Уведомите всех пользователей сайта Contribute о его перезапуске.
Удаление файла шаблона
Документы, созданные на основе удаленного шаблона, не отсоединяются от него. Они сохраняют структуру и редактируемые области, которые имел файл шаблона до удаления. Такой документ можно преобразовать в HTML-файл без редактируемых или блокированных областей.
Документ на основе шаблона можно представить как хранилище данных в виде пар имя-значение. Каждая пара содержит имя редактируемой области и ее содержимое.
Можно экспортировать пары имя-значение в XML-файл и обрабатывать данные вне Dreamweaver (например, в XML-редакторе, текстовом редакторе или в приложении базы данных). И наоборот, соответствующим образом структурированный XML-документ можно импортировать в документ на основе шаблона Dreamweaver.
Экспорт редактируемых областей документа в формат XML
1 Откройте созданный на основе шаблона документ, содержащий редактируемые области.
2 Выберите «Файл» > «Экспорт» > «Данные шаблона в виде XML».
3 Выберите один из параметров обозначения:
• Если шаблон не содержит повторяющиеся области или параметры шаблона, выберите «Использовать имена редактируемых областей в виде XML-тегов».
Dreamweaver создаст новый документ на основе шаблона, указанного в XML-файле. Все редактируемые области в этом документе будут заполнены содержимым, представляющим собой данные из XML-файла.
Получившийся документ отобразится в новом окне документа.
Если XML-файл имеет формат, отличный от ожидаемого приложением Dreamweaver, импортировать данные невозможно. Решение данной проблемы состоит в том, чтобы экспортировать пустой XML-файл из Dreamweaver, таким образом, будет получен XML-файл с верной структурой. Затем следует скопировать данные из исходного XML-файла в экспортированный. В результате будет получен XML-файл с верной структурой, содержащий нужные данные, готовые для импорта.
Экспорт сайта без разметки шаблона
Созданные на основе шаблона документы сайта можно экспортировать на другой сайт без разметки шаблона.
1 Выберите «Изменение» > «Шаблоны» > «Экспортировать без разметки».
2 В окне «Папка» введите путь к файлу, папку, в которую следует экспортировать документы, либо нажмите кнопку «Обзор» и выберите нужную папку.
Примечание. Должна быть выбрана папка вне текущего сайта.
3 Если необходимо сохранить XML-версию экспортируемых документов на основе шаблона, выберите «Сохранять файлы данных шаблонов».
4 Если необходимо обновить изменения в предыдущих экспортируемых файлах, выберите «Извлечь только измененные файлы» и нажмите кнопку «ОК».
Читайте также: