Примечание.

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

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

Теперь в приложении Muse имеется функция In-browser Editing, благодаря которой владельцы сайтов и участники команды по разработке сайта могут редактировать текст и изменять изображения на сайте с помощью интерфейса администрирования Business Catalyst. Редакторам, использующим эту функцию, не требуется устанавливать приложение Adobe Muse.

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

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

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

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

Кнопки — виджеты «Слайд-шоу»

 

Да Да
Кнопки — виджеты «Композиция» Да Да

Миниатюры изображений слайд-шоу.

Да Да
Фреймы изображений и текстовые фреймы в областях триггеров виджетов «Композиция». Да Да

Настройка функции редактирования в браузере

Процесс настройки функции редактирования в браузере состоит из двух этапов. На первом этапе необходимо установить соответствующий параметр в диалоговом окне «Свойства сайта» и разместить сайт на серверах Adobe. Затем необходимо отправить приглашения пользователям, чтобы они смогли войти на сайт с помощью любого браузера для внесения изменений.

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

Примечание.

Для использования функции In-browser Editing пробная или опубликованная версия сайта должна размещаться на серверах Adobe Business Catalyst.

  1. Запустите приложение Adobe Muse и откройте сайт, который требуется настроить.

    inbrowserediting
    Убедитесь в том, что в диалоговом окне «Свойства сайта» установлен флажок «Включить редактирование в браузере».

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

    Если флажок не установлен, установите флажок «Включить In-Browser Editing».

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

  4. На верхней панели навигации Adobe Muse нажмите «Публикация» > «Business Catalyst».

    Публикация сайта с помощью Business Catalyst
    Публикация сайта с помощью Business Catalyst

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

    Примечание.

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

  5. По завершении процесса публикации в диалоговом окне «Публикация» появится сообщение с предложением добавить пользователей функции In-browser Editing.

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

    fig02_ibe
    В диалоговом окне предлагаются дальнейшие действия. Если они не требуются, нажмите кнопку «ОК».

  6. Можно нажать ссылку «Добавить пользователей с правом редактирования в браузере» или нажать кнопку «ОК», чтобы закрыть это диалоговое окно.

    В нашем примере нажмите кнопку «ОК».

    Если нажать ссылку «Добавить пользователей с правом редактирования в браузере», появится тот же интерфейс, который описан в шаге 9.

  7. В Adobe Muse нажмите ссылку «Добавить пользователей с правом редактирования в браузере» (см. шаг 5) или выберите «Файл» > «Управление сайтом Business Catalyst».

    В новом окне браузера откроется интерфейс Business Catalyst для сайта.

    Управление сайтом Business Catalyst
    Выберите соответствующий параметр для добавления пользователей с правом редактирования в браузере.

    Примечание.

    Можно также после публикации сайта нажать кнопку «Управление» и наряду с внесением других изменений в режиме управления сайтом предоставить пользователю полномочия администратора.

  8. В интерфейсе Business Catalyst на навигационной панели слева нажмите «Настройки сайта» > «Администраторы».

  9. Нажмите «Пригласить администратора».

    fig04_ibe
    Отправка приглашения администратору в интерфейсе администрирования сайта.

    В интерфейсе администрирования откроется новый раздел.

  10. В соответствующих полях укажите адрес электронной почты нового пользователя, его имя и фамилию. При необходимости можно ввести номер мобильного телефона. В раскрывающемся меню User Roles (Роли пользователей) выберите значение Users (Пользователи).

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

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

    Примечание.

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

Обновление сайта с помощью функции In-Browser Editing

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

  1. Откройте браузер и введите одно из следующих значений.

    • my-site.businesscatalyst.com/admin (для пробной версии сайта)
    • my-site.com/admin (для опубликованного сайта)
  2. Введите адрес электронной почты и пароль для входа в Business Catalyst.

    Сведения для входа были отправлены вам по электронной почте.

    fig06_ibe
    Войдите в свою учетную запись на сайте с помощью любого браузера.

  3. Нажмите кнопку «Редактировать», чтобы открыть сайт в интерфейсе редактирования.

    fig07_ibe
    Приступите к редактированию сайта, нажав кнопку Edit (Редактировать).

    В интерфейсе функции In-browser Editing отобразится домашняя страница.

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

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

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

  1. После выполнения входа на сайт с помощью Business Catalyst текст будет выделен синим цветом. Выделите или удалите текст, затем начните ввод нового текста.

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

    При наведении курсора на текст в текстовом поле в In-Browser Editing отображается форматирование, примененное к тексту. По умолчанию одинаковое форматирование применяется к любому тексту, введенному в текстовое поле.

    Форматирование текста в In-Browser Editing
    Обратите внимание на форматирование, которое отображается при наведении курсора на текст.

  2. Если вас не устраивают внесенные изменения и вы хотите вернуть исходное форматирование текста, нажмите значок «Отменить» в верхней части страницы.

     

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

  3. По завершении редактирования текста нажмите кнопку «Опубликовать».

    fig11_ibe
    Нажмите кнопку Publish (Опубликовать), чтобы применить изменения к опубликованному сайту.

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

Редактирование изображений, вставленных на страницу или размещенных на ней

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

  1. Выберите изображение, которое необходимо отредактировать.

    Рядом с изображением отобразится кнопка «Изменить изображение».

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

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

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

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

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

    Выбранный файл будет отправлен на те же веб-сервера, на которых размещен веб-сайт.

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

  4. Выполните одно из следующих действий:

    • Нажмите значок галочки, чтобы сохранить изменения.
    • Нажмите значок «крестик», чтобы отменить изменения.

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

    Если определенное изображение планируется заменять регулярно, можно обратиться к разработчику сайта с просьбой загрузить несколько различных изображений одинакового размера, чтобы можно было выбрать изображение, уже существующее на сайте. Например, веб-дизайнер может отправить четыре тематических изображения времен года одинакового размера. При наступлении соответствующего времени года можно воспользоваться параметром From Site (С сайта) и выбрать подходящее изображение.

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

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

Если изображение на странице находится внутри текстового фрейма, его так же можно изменить.

  1. Выберите текстовый фрейм. Затем выделите изображение внутри текстового фрейма. 

Рядом с выделенным изображением появится кнопка «Изменить изображение».

Редактирование изображения внутри текстового поля
Выделите текстовый фрейм, затем выделите изображение внутри текстового поля и нажмите «Изменить изображение».

  1. Нажмите кнопку «Изменить изображение». Выберите один из существующих ресурсов или нажмите «Загрузить фото», чтобы передать новое изображение с компьютера.
  2. После завершения настройки нажмите «Опубликовать», чтобы опубликовать изменения на готовом сайте.

Редактирование общего содержимого

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

При выборе для редактирования общего элемента он отображается в диалоговом окне Edit Shared Image (Редактирование общего изображения).

fig16_ibe
В диалоговом окне Edit Shared Image (Редактирование общего изображения) можно изменить содержимое, которое отображается на всех страницах.

При работе с этим диалоговом окном будьте крайне внимательны, поскольку изменения, сделанные в нем, автоматически отразятся на всех остальных страницах веб-сайта. Рекомендуется проявить осторожность и нажать кнопку Cancel (Отмена). Откройте опубликованный сайт в новом окне браузера и просмотрите страницы, чтобы узнать, где находится нужный элемент. Убедитесь, что требуется изменить все итерации элемента, и только после этого вернитесь в интерфейс In-browser Editing и обновите нужный элемент.

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

Дополнительные сведения о редактировании гиперссылок представлены в разделе Редактирование гиперссылок.

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

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

  • Если ссылки находятся за пределами текстового фрейма, просто нажмите ссылку, чтобы перейти на соответствующую страницу сайта. В интерфейсе In-browser Editing не загружаются ссылки на внешние ресурсы (на веб-сайты, не являющиеся частью текущего сайта), поскольку эту функцию нельзя использовать для редактирования страниц других веб-сайтов.
  • Если ссылки находятся в текстовых фреймах, наведите указатель мыши на фрейм; после этого под ним появятся кнопка. Нажмите кнопку, чтобы перейти на соответствующую веб-страницу. Например, нажмите кнопку «Home», чтобы перейти на главную страницу сайта.
  • Если ссылка применена ко всему текстовому фрейму, нажмите весь фрейм, чтобы отобразить кнопку, содержащую ссылку или тег привязки.
fig17_ibe
Нажмите кнопку, чтобы перейти на соответствующую страницу или к расположению тега привязки.

По завершении редактирования каждой страницы сайта обязательно нажмите кнопку Publish (Опубликовать), если требуется сохранить внесенные изменения. Завершив редактирование всего сайта, закройте окно браузера.

Предварительный просмотр изменений в In-Browser Editing

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

Предварительный просмотр изменений

  1. Внесите необходимые изменения в содержимое сайта.

    Обратите внимание на точку остановки 1200px (в ней было изменено содержимое). Предварительно просмотрите изменения в этой точке остановки.

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

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

Синхронизация изменений, внесенных в файл .Muse

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

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

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

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

    Примечание.

    В любое время можно выбрать «Файл» > «Синхронизация с веб-сайтом Adobe Business Catalyst», чтобы открыть интерфейс редактирования и просмотреть различия между содержимым файла MUSE и опубликованным сайтом.

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

    Появится диалоговое окно «Просмотреть и применить изменения».

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

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

    fig20_ibe
    Используйте раскрывающиеся меню, чтобы принять или отменить изменения.

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

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

    fig21_ibe
    Скройте или отобразите недавние изменения в представлении «Дизайн» с помощью флажка «Просмотр на странице».

    Завершив синхронизацию и редактирование файла MUSE, опубликуйте измененный сайт. Любые изменения, которые помечены как «Не применять» будут перезаписаны текущим содержимым файла MUSE после повторной публикации сайта.

Сохранение опубликованных итераций веб-сайта

Поскольку изменения в сайт могут вносить как другие пользователи, так и вы (редактируя файл MUSE), рекомендуется сохранять копии сайта после синхронизации изменений и публикации самой актуальной версии сайта.

Сразу после публикации сайта выберите «Файл» > «Сохранить сайт как» и сохраните копию файла MUSE. При желании в имени файла копии можно указать дату изменения. Такой подход позволяет с легкость найти файл MUSE, опубликованный в определенный день.

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

my-site.muse

my-site_2013-1-4.muse

my-site_2013-2-23.muse

my-site_2013-4-7.muse

Это не только позволяет без труда вернуться к ранее опубликованному дизайну сайта, но и помогает программе Muse точно определить, какие изменения (если имеются) были внесены в сайт с помощью функции редактирования в браузере. Сохранение резервных версий сайта также упрощает проверку того, синхронизировано ли содержимое текущего файла MUSE с опубликованным сайтом или нет.

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

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