Сетевые
службы Adobe — это размещенные в Интернете веб-приложения, по своей
работе напоминающие традиционные инструменты, устанавливаемые на
компьютер.
Однако преимуществом сетевых служб является то, что их не нужно
обновлять до последней версии, поскольку они размещены в Интернете, а
не на компьютере пользователя.
Dreamweaver интегрируется непосредственно в Adobe BrowserLab и
Adobe Business Catalyst InContext Editing. Dreamweaver также
интегрируется с сетевыми службами Adobe CS Live (включая BrowserLab).
Для получения сведений об управлении сетевыми службами Adobe посетите
веб-сайт компании Adobe по адресу
http://www.adobe.com/go/learn_creativeservices_ru.
BrowserLab
Adobe BrowserLab позволяет просматривать локальное
веб-содержимое
непосредственно из Dreamweaver без необходимости его предварительного
размещения на общедоступном сервере.
Можно просматривать файлы с локального сайта Dreamweaver либо с
удаленного или тестового сервера.
Видеоролик, который иллюстрирует работу с BrowserLab, см. на странице
http://www.adobe.com/go/dwcs5browserlab_ru.
Дополнительные
сведения об использовании сетевых служб BrowserLab, включая сведения об
использовании BrowserLab вместе с Dreamweaver, см. на странице
http://www.adobe.com/go/lr_abl_ru.
Business Catalyst InContext Editing
Adobe Business Catalyst InContext Editing — это компонент
редактирования Adobe Business Catalyst, позволяющий пользователям
вносить простые изменения в содержимое, используя для этого веб-браузер.
Чтобы изменить веб-страницу, пользователям нужно просто открыть ее в
браузере, войти в службу InContext Editing, а затем отредактировать
страницу. Функции редактирования просты, а их использование не требует
никаких предварительных знаний о коде HTML и редактировании
веб-ресурсов.
Прежде чем позволить пользователям оперативно вносить изменения через
Интернет, следует сделать HTML-страницы редактируемыми с помощью
Dreamweaver. Это делается путем указания областей страницы, разрешенных
для редактирования пользователями.
Например, страница новостей может содержать заголовки и краткие
аннотации статей. Пользователь может выбрать это содержимое и
преобразовать его в редактируемую область InContext Editing, чтобы при
следующем входе в службу InContext Editing можно было
редактировать заголовки и аннотации непосредственно в браузере.
В этой документации описано, как работать с редактируемыми областями
InContext Editing в Dreamweaver, но компания Adobe также подготовила и
другие ресурсы, которые помогут в работе с InContext Editing:
• Документацию по использованию InContext Editing для редактирования
страниц в браузере см. по адресу
http://www.adobe.com/go/learn_dw_incontextediting_browser_ru.
• Документацию по работе с панелью администрирования InContext Editing
см. по адресу
http://www.adobe.com/go/learn_dw_incontextediting_administration_guide_ru.
Для получения более подробных сведений об Adobe Business Catalyst
посетите страницу
http://www.businesscatalyst.com.
Примечание. Adobe AIR не поддерживает Adobe Business Catalyst
InContext Editing. Если для экспорта приложения, содержащего области
InContext Editing, используется расширение AIR Extension for
Dreamweaver, функция InContext Editing не будет работать.
Создание редактируемой области
InContext Editing
Редактируемая область InContext Editing представляет собой
пару
HTML-тегов, содержащих атрибут ice:editable в открывающем теге.
Редактируемая область определяет участок страницы, который пользователь
может редактировать непосредственно в браузере.
Примечание. В случае добавления редактируемой области InContext Editing
на страницу, созданную на основе шаблона Dreamweaver, новая
редактируемая область InContext Editing должна присутствовать внутри
области, которая уже является редактируемой.
1 Выполните одно из следующих действий.
• Выберите тег div, th или td, который необходимо преобразовать в
редактируемую область.
• Поместите курсор вставки в то место страницы, куда следует вставить
новую редактируемую область.
• Выделите исключительно одну редактируемую область в шаблоне
Dreamweaver (DWT-файл).
• Выберите другое содержимое на странице, которое требуется сделать
редактируемым (например, блок текста).
2 Выберите команду «Вставка» > «InContext Editing» > «Создание
редактируемой области».
3 Доступные параметры зависят от выделенного фрагмента.
• Если выбран тег div, th или td, Dreamweaver преобразует его в
редактируемую область без
необходимости дальнейших действий.
• Если вставляется новая, пустая редактируемая область, выполните одно
из следующих действий.
• Выберите «Вставить новую редактируемую область в текущей точке
вставки» и нажмите кнопку «ОК». Dreamweaver вставляет в код тег div с
атрибутом ice:editable в открывающем теге.
• Выберите «Преобразовать родительский тег в редактируемую область»,
чтобы приложение
Dreamweaver преобразовало родительский тег выделенного фрагмента в
элемент контейнера для этой области. Могут быть преобразованы только
некоторые HTML-теги: div, th и td.
• Если выбрана редактируемая область шаблона Dreamweaver, нажмите
кнопку «ОК» в диалоговом окне «Создание редактируемой области».
Приложение Dreamweaver вкладывает редактируемую область шаблона в тег
div, который выступает в роли контейнера для новой редактируемой
области InContext Editing.
• Если выбрано другое содержимое, которое необходимо сделать
редактируемым, выполните одно из следующих действий.
• Выберите команду «Вложить выделенный фрагмент в тег DIV, а затем
преобразовать его», чтобы вложить выделенное содержимое в тег div и
преобразовать его в редактируемую область. Тег div, в который
Dreamweaver заключает содержимое, служит контейнером для редактируемой
области.
Примечание. Добавление тегов div на страницы может изменить
визуализацию страницы и
результаты
применения правил CSS. Например, если используется правило CSS, которое
добавляет красную рамку вокруг тегов div, красная рамка будет
отображаться вокруг текущего выделенного фрагмента, когда Dreamweaver
вкладывает его в тег div и преобразовывает.
Чтобы избежать подобных конфликтов, можно переписать правила CSS,
действующие на текущий выделенный фрагмент, или можно отменить
преобразование («Правка» > «Отменить»), а затем выделить и
преобразовать поддерживаемый тег, который приложению Dreamweaver не
потребуется вкладывать в тег div.
• Выберите команду «Преобразовать родительский тег в редактируемую
область», если нужно, чтобы Dreamweaver сделал родительский тег
выделенного содержимого элементом-контейнером редактируемой области.
Могут быть преобразованы только некоторые HTML-теги: div, th и td.
4 В представлении «Дизайн» щелкните синюю вкладку редактируемой
области, чтобы выбрать ее (если она еще не выбрана).
Примечание. При работе с шаблоном Dreamweaver выделите редактируемую
область InContext Editing (область контейнера), а не редактируемую
область шаблона Dreamweaver.
5 Установите или снимите флажки в инспекторе свойств редактируемых
областей. Выбранные параметры будут доступны пользователю при
редактировании содержимого редактируемой области в браузере.
Например, если выбрать параметр «Полужирный», пользователь сможет
сделать текст полужирным;
если выбрать параметр «Нумерованный список и маркированный список»,
пользователь сможет создавать нумерованные и маркированные списки;
если выбрать параметр «Ссылка», пользователь сможет создавать ссылки (и
т.д.).
Наведите курсор на значок параметра, чтобы увидеть подсказку о
выполняемой им функции.
6 Сохраните страницу.
Если
функции InContext Editing добавляются на страницу впервые, Dreamweaver
информирует вас о добавлении на сайт файлов поддержки InContext
Editing: ice.conf.js, ice.js и ide.html. Не забудьте загрузить эти
файлы на сервер вместе со страницей, иначе функции InContext Editing не
будут работать в браузере.
Создание повторяющейся области
InContext Editing
Повторяющаяся область InContext Editing представляет собой пару
HTML-тегов, содержащих атрибут ice:repeating в открывающем теге.
Повторяющаяся область определяет участок страницы, который пользователь
может повторять и добавлять в него содержимое при редактировании в
браузере.
Например, если имеется заголовок и следующий за ним абзац текста, можно
преобразовать эти элементы в повторяющуюся область, которую
пользователь затем сможет дублировать на странице.
На рисунке слева - повторяющиеся области, отображаемые в редактируемом
с помощью InContext Editing окне браузера. Нижняя область выделена и
может быть дублирована, удалена либо перемещена вверх или вниз.
Кроме добавления повторяющихся областей на основе исходной области,
можно также предоставить
пользователю возможность удалять области, добавлять абсолютно новые
области (не основанные на содержимом исходной области), а также
перемещать области вверх и вниз.
При создании повторяющейся области Dreamweaver вкладывает ее в другой
контейнер, именуемый группой
повторяющихся областей. Этот контейнер — тег div с атрибутом
ice:repeatinggroup (добавленным в открывающий тег) — действует как
контейнер для всех редактируемых повторяющихся областей, которые
пользователь может добавить в группу.
Повторяющиеся области нельзя перемещать за пределы контейнеров групп
повторяющихся областей. Кроме того, теги групп повторяющихся областей
нельзя вручную добавлять на страницу. Приложение Dreamweaver добавляет
их автоматически, когда они нужны.
Примечание. При создании повторяющейся области из строки таблицы (тег
tr) Dreamweaver применяет атрибут группы повторяющихся областей к
родительскому тегу (например, тег table) и не вставляет тег div.
Когда при работе со страницей, которая уже содержит группу
повторяющихся областей, пользователь пытается добавить повторяющуюся
область сразу же после существующей группы, приложение Dreamweaver
обнаруживает, что группа повторяющихся областей предшествует
добавляемой области и предоставляет возможность добавить новую область
к существующей группе. В этом случае можно добавить новую повторяющуюся
область к существующей группе или создать совершенно новую группу
повторяющихся областей.
Примечание. В случае добавления повторяющейся области InContext Editing
на страницу, созданную на основе шаблона Dreamweaver, новая
повторяющаяся область InContext Editing должна присутствовать внутри
области, которая уже является редактируемой.
Чтобы создать повторяющуюся область в Dreamweaver, выполните следующие
действия.
1 Выполните одно из следующих действий.
•
Выберите тег, который нужно преобразовать в повторяющуюся область.
Список возможных тегов достаточно большой: a, abbr, acronym, address,
b, big, blockquote, center, cite, code, dd, dfn, dir, div, dl, dt, em,
font, h1, h2, h3, h4, h5, h6, hr, i, img, ins, kbd, label, li, menu,
ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table,
tbody, tr, tt, u, ul, var.
Примечание. Только теги div одновременно могут содержать атрибуты
редактируемых областей и повторяющихся областей.
• Поместите курсор вставки в то место страницы, куда следует вставить
новую повторяющуюся область.
• Выделите исключительно одну повторяющуюся область в шаблоне
Dreamweaver (DWT-файл).
• Выберите другое содержимое на странице, которое следует сделать
повторяющимся (например, заголовок и блок текста).
2 Выберите команду «Вставка» > «InContext Editing» > «Создание
повторяющейся области».
3 Доступные параметры зависят от выделенного фрагмента.
•
Если выбран тег, который может быть преобразован, приложение
Dreamweaver преобразовывает этот тег в повторяющуюся область без
необходимости каких-либо дополнительных действий.
• При вставке новой пустой повторяющейся области выполните одно из
следующих действий.
• Выберите команду «Вставить новую повторяющуюся область в текущей
точке вставки» и нажмите кнопку «ОК».
• Выберите команду «Преобразовать родительский тег в повторяющуюся
область», если нужно, чтобы Dreamweaver сделал родительский тег
выделенного содержимого элементом-контейнером повторяющейся области.
Только некоторые HTML-теги могут быть преобразованы: a, abbr, acronym,
address, b, big, blockquote, center, cite, code, dd, dfn, dir, div, dl,
dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, img, ins, kbd, label, li,
menu, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup,
table, tbody, tr, tt, u, ul, var.
Примечание. Этот второй параметр доступен только в том случае, если
родительский узел
отвечает всем критериям для преобразования. Например, он должен быть
одним из указанных тегов, которые могут быть преобразованы, и не должен
содержать никаких ошибок, перечисленных в разделе «Сообщения InContext
Editing об ошибках» на странице 533.
• Если выбрана повторяющаяся область шаблона Dreamweaver, нажмите
кнопку «ОК» в диалоговом окне «Создание повторяющейся области».
Приложение Dreamweaver вкладывает повторяющуюся область
шаблона в тег div, который выступает в роли контейнера для новой
повторяющейся области InContext Editing.
• Если выбрано другое содержимое, которое необходимо сделать
повторяющимся, выполните одно из следующих действий.
• Выберите команду «Вложить выделенный фрагмент в тег DIV, а затем
преобразовать его», чтобы вложить выделенное содержимое в тег div и
преобразовать его в повторяющуюся область. Тег div, в который
Dreamweaver заключает содержимое, служит контейнером для повторяющейся
области.
• Выберите команду «Преобразовать родительский тег в повторяющуюся
область», если нужно, чтобы Dreamweaver сделал родительский тег
выделенного содержимого элементом-контейнером повторяющейся области.
Только некоторые HTML-теги могут быть преобразованы: a, abbr, acronym,
address, b, big, blockquote, center, cite, code, dd, dfn, dir, div, dl,
dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, img, ins, kbd, label, li,
menu, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup,
table, tbody, tr, tt, u, ul, var.
4 В представлении «Дизайн» щелкните синюю вкладку повторяющейся
области, чтобы выбрать ее, если она еще не выбрана. Обратите внимание,
что Dreamweaver фактически заставляет выбрать вкладку группы
повторяющихся областей. Это происходит потому, что все повторяющиеся
области входят в группу повторяющихся областей, а параметры
повторяющихся областей задаются путем задания параметров для всей
группы.
5 Установите или снимите флажки в инспекторе свойств повторяющихся
областей. На выбор доступны два действия: «Переупорядочить» и
«Добавить/удалить». Если выбрать параметр «Переупорядочить»,
пользователи смогут перемещать повторяющиеся области вверх или вниз при
редактировании в браузере.
Если выбрать параметр «Добавить/удалить», пользователи смогут добавлять
и удалять повторяющиеся области при редактировании в браузере. По
умолчанию выбраны оба параметра, и хотя бы один из этих параметров
должен использоваться всегда.
6 Сохраните страницу.
Если функции InContext Editing добавляются на страницу впервые,
Dreamweaver информирует вас о добавлении на сайт файлов поддержки
InContext Editing: ice.conf.js, ice.js и ide.html. Не забудьте
загрузить эти файлы на сервер вместе со страницей, иначе функции
InContext Editing не будут работать в браузере.
Удаление области
Удаление области лучше всего проводить, используя инспектор свойств
области. Использование инспектора свойств области гарантирует удаление
всего связанного с областью кода.
1 Выберите редактируемую область, повторяющуюся область или группу
повторяющихся областей.
2 В инспекторе свойств области нажмите кнопку «Удалить область».
Указание классов CSS для
форматирования
Функция InContext Editing «Управление доступными классами CSS» является
устаревшей в Dreamweaver CS5.
Сообщения InContext Editing об ошибках
Невозможно применить функции InContext Editing к тегам, содержащим теги
сценария или серверные блоки кода
Если
выделенный фрагмент содержит серверный код, Dreamweaver не позволяет
преобразовать его в редактируемую или повторяющуюся область. Эта
проблема связана со способом, которым InContext Editing сохраняет
редактируемые страницы, когда пользователь работает в браузере. Когда
пользователь сохраняет страницу после редактирования, InContext Editing
удаляет серверный код из данной области.
Выделенный фрагмент нельзя
преобразовать или вложить в тег DIV, поскольку
родительский узел не
поддерживает теги DIV в качестве дочерних
Если прямое преобразование выделенного на странице фрагмента
невозможно, приложению Dreamweaver потребуется вложить его в тег div,
который будет служить контейнером для новой редактируемой или
повторяющейся области. По этой причине родительские теги преобразуемых
данных должны позволять использование тегов div в качестве дочерних
тегов. Если родительский тег преобразуемого тега не разрешает
использование дочерних тегов div, приложение Dreamweaver не позволит
выполнить преобразование.
Выделенный фрагмент уже содержит редактируемую область или находится
внутри такой области. Вложенные
редактируемые области не разрешены.
Если выделенный фрагмент расположен внутри редактируемой области или
если внутри него имеется редактируемая область, Dreamweaver не позволит
выполнить преобразование. InContext Editing не поддерживает вложенные
редактируемые области.
Редактируемые области не должны содержать повторяющихся областей или
групп
повторяющихся областей
Редактируемые области InContext Editing не могут содержать какие-либо
другие функции InContext Editing.
При
попытке добавить повторяющуюся область или группу повторяющихся
областей в редактируемую область Dreamweaver не позволит выполнить
такое преобразование.
Повторяющиеся области не должны содержать редактируемых областей или
групп повторяющихся областей
Редактируемые области InContext Editing не могут содержать какие-либо
другие функции InContext Editing.
При
попытке добавить повторяющуюся область или группу повторяющихся
областей в редактируемую область Dreamweaver не позволит выполнить
такое преобразование. Кроме того, Dreamweaver не преобразует элемент в
редактируемую или повторяющуюся область, если он уже содержит группу
повторяющихся областей.
Выделенный фрагмент уже содержит
повторяющуюся область или находится внутри такой области. Вложенные повторяющиеся
области не разрешены.
Если выделенный фрагмент расположен внутри повторяющейся области или
если внутри него имеется повторяющаяся область, Dreamweaver не позволит
выполнить преобразование. InContext Editing не поддерживает вложенные
повторяющиеся области.
Выделенная область должна содержать только одну редактируемую или
повторяющуюся область шаблона
Dreamweaver либо находиться внутри любой
редактируемой области шаблона
Dreamweaver
При работе с файлами шаблонов Dreamweaver (с расширением .dwt)
необходимо соблюдать определенные правила. Чтобы преобразовать
редактируемую или повторяющуюся область шаблона Dreamweaver в
редактируемую или повторяющуюся область InContext Editing, необходимо
выделить ровно одну редактируемую или повторяющуюся область шаблона
Dreamweaver на странице, а затем преобразовать ее.
Чтобы преобразовать другой выделенный фрагмент страницы (например, блок
текста), он должен располагаться внутри редактируемой области шаблона
Dreamweaver.
Применить функциональность
редактируемой и повторяющейся области
одновременно можно только к
тегам DIV
Если выделенный фрагмент не является тегом div, но к нему уже применен
атрибут повторяющейся области, Dreamweaver не позволит применить к
этому тегу атрибут редактируемой области. Одновременно атрибуты
редактируемой и повторяющейся области можно применить только к тегу div.
Приложение Dreamweaver обнаружило, что тег группы повторяющихся областей
предшествует повторяющейся
области
Все
повторяющиеся области InContext должны располагаться в группе
повторяющихся областей. При добавлении в страницу новой повторяющейся
области Dreamweaver определяет, имеется ли уже непосредственно перед
ней группа повторяющихся областей. Если это так, Dreamweaver
предоставляет возможность добавить новую повторяющуюся область в
имеющуюся группу повторяющихся областей или создать новую группу для
новой повторяющейся области.
