Примечание.

Новые функции больше не добавляются в Adobe Muse. Поддержка этого приложения будет прекращена 26 марта 2020 г. Для получения подробной информации и поддержки посетите страницу прекращения обслуживания Adobe Muse.

Примечание.

Компания Adobe прекращает размещение существующих сайтов в Business Catalyst с 26 марта 2020 г. Начиная с 26 марта 2020 г. редактирование пробных или платных сайтов Business Catalyst с помощью функции In-Browser Editing будет невозможно. Для получения подробной информации о прекращении обслуживания Business Catalyst перейдите в раздел Объявление о прекращении обслуживания Business Catalyst.

Функция In-browser Editing упрощает процесс обновления содержимого веб-сайта посредством веб-браузера. Независимо от того требуется ли обновить веб-сайт, когда вы находитесь в пути, или вам необходимо предоставить клиентам и другим соавторам возможность с легкостью редактировать нужное содержимое, функция редактирования в браузере обеспечивает беспроблемное решение этих задач.

Что можно редактировать с помощью функции In-Browser Editing?

Эта функция позволяет редактировать текст и заменять все изображения, за исключением следующих элементов:

  • Содержимое страницы-шаблона.
  • Текст, размещенный по вертикали.
  • Изображения, используемые в качестве фона в прямоугольниках, фреймах изображений и виджетах.
  • Счетчики слайд-шоу.
  • Кнопки для отправки данных, веденных в форму.
  • Динамические подписи меню (элементы виджетов «Меню», для которых не задан параметр редактирования вручную).
  • Растрированные элементы страницы: изображения со скругленными углами, скошенными краями, внутренним свечением или к которым применен поворот; текстовые фреймы, использующие системные шрифты, а также текстовые фреймы, к которым применены поворот и эффекты.

Примечание.

Несмотря на то что вам доступна возможность редактировать текст, формат текста вам изменить не удастся. Изображения можно только заменять. Добавить или удалить их так же не удастся.

Включение функции In-Browser Editing в Adobe Muse

Перед началом работы убедитесь, что в окне свойств вашего сайта включена функция In-Browser Editing.

  1. Нажмите «Файл» > «Свойства сайта». Перейдите на вкладку «Дополнительно» и убедитесь в том, что установлен флажок «Включить In-Browser Editing».

    Свойства сайта
  2. Передайте свой сайт на FTP-сервер.

    Для этого воспользуйтесь встроенной функцией Adobe Muse «Передача на FTP-сервер», выбрав команду Файл > Передача на FTP-сервер. Инструкции представлены в разделе Передача на FTP-сервер.

    Сохраните файл .muse после его передачи на FTP-сервер, чтобы после внесения в дальнейшем любых изменений с помощью функции In-Browser Editing сайт можно было синхронизировать.

Вход для использования функции In-Browser Editing

В этом разделе представлены инструкции по редактированию сайта Adobe Muse с помощью функции In-Browser Editing.

Из этой статьи вы узнаете, как редактировать содержимое веб-сайта Adobe Muse с помощью функции In-Browser Editing. 

  1. Перейдите на веб-сайт https://inbrowserediting.adobe.com и введите имя домена (URL) сайта, который требуется редактировать.

    In-Browser Editing

    Примечание.

    Рекомендуется открывать сайт In-Browser Editing только с помощью протокола HTTPS (а не с помощью HTTP). Это гарантирует ввод учетных данных, вход на сайт и использование функций In-Browser Editing для изменения ваших веб-сайтов через защищенное соединение.

  2. Войдите на сайт с использованием учетных данных, предоставленных поставщиком услуг хостинга.

    Окно входа

    После входа в систему отображается главная страница сайта с панелью навигации In-Browser Editing наверху. 

    Главная страница системы In-Browser Editing
    Вход в систему In-Browser Editing для просмотра главной страницы

Редактирование текста и изображений с помощью функции In-Browser Editing

Функция In-Browser Editing позволяет редактировать текст прямо в браузере. Также можно редактировать изображения, изображения в тексте и гиперссылки.

Далее можно прочитать о том, как быстро редактировать содержимое веб-сайта Adobe.

Редактирование текста

Функция In-Browser Editing позволяет с легкостью редактировать текст в браузере. После входа в In-Browser Editing просто выделите текст, который необходимо удалить, и начните вводить новый текст.

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

Контекстное редактирование текста
Контекстное редактирование текста с помощью функции In-Browser Editing

Редактирование изображений и изображений в тексте

  1. Нажмите изображение, которое требуется отредактировать, либо нажмите текстовый фрейм, а затем изображение в нем, которое требуется отредактировать.

  2. Нажмите кнопку «Изменить изображение».

    Редактирование изображений с помощью функции In-Browser Editing
    Редактирование изображений с помощью функции In-Browser Editing

    Редактирование изображений в тексте
    Редактирование изображений в текстовом фрейме

  3. Во всплывшем окне выберите существующий файл, связанный с сайтом. Также можно передать изображение со своего компьютера, нажав кнопку «Загрузить фото».

    Выбор изображения для загрузки
    Выделение изображения для замены

    В этом диалоговом окне также можно добавить или изменить текст всплывающей подсказки для изображения.

  4. Выбрав фотографию, нажмите .

    Старое изображение заменяется выбранным изображением.

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

    Если сайт имеет разрешение HiDPI и замещающее изображение содержит достаточно данных для отображения в увеличенном в 2 раза размере, то при редактировании с помощью In-Browser Editing сохраняются как стандартная, так и увеличенная в 2 раза версия изображения для отображения на дисплеях HiDPI. Дополнительная информация о создании ресурсов для HiDPI представлена в статье Создание веб-сайтов HiDPI в Muse.

Вставка и редактирование гиперссылок для сайта Adobe Muse

На веб-странице можно редактировать гиперссылки нескольких типов: внешние ссылки, ссылки электронной почты, ссылки на другие страницы веб-сайта, скачиваемые файлы и другие. Далее описывается, как редактировать гиперссылки с помощью функции In-Browser Editing.

Вставка ссылок с помощью функции In-Browser Editing

Гиперссылки можно добавлять или вставлять, нажимая кнопку «Добавить ссылку» в In-Browser Editing. Далее описывается процедура вставки и обновления ссылок для сайта Adobe Muse.

  1. Нажмите текст там, где требуется добавить ссылку.

  2. Нажмите кнопку «Добавить ссылку».

    Элемент «Вставка ссылки»
    Вставка гиперссылок с помощью функции In-Browser Editing

  3. В диалоговом окне Вставка ссылки выберите перечисленные ниже типы целевых объектов ссылки:

    • Страницы: перейдите на вкладку «Страницы» и в раскрывающемся списке «Выбор страницы» выберите страницу, ссылку на которую необходимо создать.
    • Внешние: перейдите на вкладку «Внешние» и укажите действующий URL-адрес в поле «Внешняя ссылка».
    • Номер телефона: перейдите на вкладку «Номер телефона» и введите номер телефона.
    • Файлы: перейдите на вкладку «Файлы» и выберите существующий файл, который требуется загрузить.
    • Адрес электронной почты: перейдите на вкладку «Адрес электронной почты» и введите целевой адрес электронной почты.
    При желании вы можете ввести подсказку для каждого типа целевого объекта или разрешить пользователям открывать ссылку в новом окне.
    Диалоговое окно вставки ссылки
    Диалоговое окно вставки ссылки в In-Browser Editing

  4. Нажмите кнопку «ОК», чтобы вставить гиперссылку.

Редактирование внешней ссылки

  1. Нажмите гиперссылку, которую требуется редактировать.

  2. Во всплывающем окне нажмите символ пера.

    Кнопка «Редактировать ссылку»
    Редактирование внешних ссылок в In-Browser Editing.

  3. В диалоговом окне «Редактирование ссылки» перейдите на вкладку «Внешние». Укажите действительный URL-адрес. Убедитесь, что адрес URL работает, а доступ к веб-странице открыт для всех пользователей.

    Вкладка «Внешние» диалогового окна «Редактирование ссылки»
    В диалоговом окне «Редактирование гиперссылки» укажите новую ссылку.

  4. Дополнительно можно предоставить следующие сведения:

    • Подсказка: введите подробное описание для страницы назначения.
    • Открыть в новом окне: разрешите открывать ссылку в новом окне (необязательно)
  5. Для завершения нажмите кнопку «ОК».

    Выполните действия, описанные в пунктах 1–4, для редактирования внешних гиперссылок, примененных к тексту, тексту во вложенных текстовых фреймах, метках в виджетах «Слайд-шоу», пользовательских ссылок, изображений и др.

Перенаправление внутренней ссылки на другую страницу или привязку

  1. Нажмите гиперссылку, которую требуется редактировать.

  2. Во всплывающем окне, которое появляется над ссылкой, нажмите символ пера.

    Редактирование внешних ссылок
    Перенаправление внутренней ссылки на другую страницу

  3. В диалоговом окне «Редактирование ссылки» перейдите на вкладку «Страницы». В раскрывающемся списке «Выбор страницы» или «Привязка» выберите внутреннюю страницу или привязку, ссылку на которую необходимо создать.

    Диалоговое окно «Редактировать ссылки» с выбранным параметром «Страницы»
    Редактирование внутренних ссылок на страницы

    Привязки обозначаются словом «Привязка», которое указывается после названия страницы. Вы можете создать ссылку на привязку, размещенную на той же или на другой странице веб-сайта.

  4. Дополнительно можно предоставить следующие сведения:

    • Подсказка: введите подробное описание для страницы назначения.
    • Открыть в новом окне: разрешите открывать ссылку в новом окне (необязательно)
  5. Для завершения нажмите кнопку «ОК».

Редактирование гиперссылки для изменения номера телефона

  1. Нажмите ссылку, которую требуется редактировать.

  2. Во всплывающем окне, которое появляется над ссылкой, нажмите символ пера.

    Нажмите символ пера
    Нажмите символ пера

  3. В диалоговом окне «Редактирование ссылки» перейдите на вкладку «Номер телефона». В поле «Номер телефона» укажите новый номер телефона.

    Выбор номера телефона
    Редактирование ссылок на номер телефона

  4. Дополнительно можно предоставить следующие сведения:

    • Подсказка: введите подробное описание для подсказки.
    • Открыть в новом окне: разрешите открывать ссылку в новом окне (необязательно).
  5. Для завершения нажмите кнопку «ОК».

Редактирование гиперссылки для обновления адреса эл. почты

  1. Нажмите гиперссылку, которую требуется изменить, во всплывающем окне отобразится сообщение о том, что ссылку можно редактировать.

  2. Нажмите символ пера.

    Нажмите символ пера
    Нажмите символ пера.

  3. В диалоговом окне «Редактирование ссылки» перейдите на вкладку «Адрес электронной почты». В поле «Адрес электронной почты» укажите новый адрес электронной почты.

    Выбор адреса эл. почты
    Редактирование гиперссылок на адрес электронной почты

  4. Дополнительно можно предоставить следующие сведения:

    • Подсказка: введите подробное описание для подсказки.
    • Открыть в новом окне: разрешите открывать ссылку в новом окне (необязательно).
  5. Для завершения нажмите кнопку «ОК».

Редактирование скачиваемых файлов с помощью функции In-Browser Editing

Общепринятой практикой для веб-дизайна является создание ссылок на скачивание файлы, такие как PDF-файлы, программы установки, видео, аудио и т. д.

С помощью функции In-Browser Editing файл можно сделать целевым объектом гиперссылки. Это может быть текст, форма или изображение на вашем сайте Adobe Muse. Убедитесь, что максимальный размер файла не превышает 50 МБ.

С помощью функции In-Browser Editing можно загружать файлы. Загружаемый файл должен иметь уникальное имя. Если загружается файл, имя которого совпадает с именем существующего файла, предлагается переименовать файла.

  1. Нажмите ссылку, которую требуется редактировать.

  2. Во всплывающем окне нажмите символ пера.

    Нажмите символ пера
    Нажмите символ пера

  3. В диалоговом окне «Редактирование ссылки» перейдите на вкладку «Файл».

    Диалоговое окно «Редактировать ссылки» с выбранным параметром «Файл»
    Загрузка и обновление скачиваемых файлов

  4. Выберите существующий файл в раскрывающемся списке или нажмите кнопку «Обзор», чтобы перейти и открыть файл на компьютере.

  5. По выбору можно предоставить следующие сведения:

    • Подсказка: введите подробное описание для подсказки.
    • Открыть в новом окне: разрешите открывать ссылку в новом окне (необязательно).
  6. Для завершения нажмите кнопку «ОК».

Отмена и повтор изменений

При обновлении содержимого, изображений или ссылок всегда можно немедленно отменить или повторить изменения.

  • Чтобы отменить изменения, нажмите кнопку .
  • Чтобы повторить изменения, нажмите кнопку .

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

Предварительный просмотр и публикация изменений

По мере внесения правок с помощью In-Browser Editing изменения можно предварительно просматривать в браузере. Важно предварительно просматривать изменения перед их публикацией.

Если сайт создан с помощью адаптивного макета, изменения можно предварительно просматривать, используя раскрывающийся список точек остановки.

Функция In-Browser Editing для адаптивного макета
Предварительный просмотр In-Browser Editing для адаптивных макетов

Можно выбрать любую точку остановки и предварительно просмотреть изменения в этой точке остановки. Таким образом обновленный макет будет отображаться в окнах браузеров с соответствующими параметрами ширины.

С другой стороны, если сайт создан с помощью альтернативных макетов, изменения можно предварительно просматривать, используя раскрывающийся список устройств. В раскрывающемся списке выберите устройство, для которого нужно предварительно просмотреть изменения.

См. предварительный просмотр устройств для альтернативных макетов
Предварительный просмотр In-Browser Editing для альтернативных макетов

Если вы уверены во всех внесенных изменениях, нажмите кнопку «Опубликовать» на верхней панели навигации, чтобы применить изменения и увидеть их на опубликованном сайте. Если вам не нравится результат, внесенные изменения всегда можно отменить. При этом будет возвращено содержимое сайта, которое было опубликовано в последний раз.

Синхронизация редактирования в браузере

После внесения изменений в опубликованный сайт с помощью функции In-Browser Editing содержимое локального файла MUSE будет отличаться от содержимого веб-сайта.

Чтобы синхронизировать изменения в файле MUSE, выполните указанные ниже действия.

  1. Запустите приложение Adobe Muse и откройте нужный файл MUSE.

  2. Отобразится предупреждение о том, что опубликованный сайт был изменен. Нажмите кнопку «Просмотр», чтобы отобразить окно «Просмотреть и применить изменения».

  3. В этом диалоговом окне все внесенные правки выделены цветом, что позволяет просмотреть каждую правку. Новое содержимое выделено зеленым цветом, а удаленные элементы обозначены красным цветом. Чтобы сравнить изменения в опубликованном сайте с содержимым локального файла .muse, воспользуйтесь флажком «Просмотр на странице».

  4. Чтобы отклонить или принять определенные изменения или сразу все правки, воспользуйтесь параметрами в раскрывающемся списке («Не применять» или «Применить в Muse»).

    Примечание.

    Если не применить правки, при следующей публикации файла .muse внесенные в опубликованный сайт изменения будут перезаписаны содержимым файла.

Устранение неполадок с In-Browser Editing

Если вы столкнулись с проблемой, связанной с In-Browser Editing, ознакомьтесь с информацией в разделе Распространенные проблемы. Если проблему не удается решить, свяжитесь с нами.

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет