Из этой статьи вы узнаете о настройках рабочей среды в Adobe Muse: упорядочение окон документов, прикрепление и открепление панелей и создание групп панелей.

Примечание.

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

Описание рабочей среды

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

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

Несмотря на то что вид рабочих пространств/сред по умолчанию отличается в разных приложениях Creative Cloud, работа с ними происходит похожим образом.

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

Представление «План»

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

Представление «План» в приложении Adobe Muse.
Представление «План» в приложении Adobe Muse.

A. Окна документа с закладками B. Горизонтальное отображение карты сайта C. Вертикальное отображение карты сайта D. Разметки рабочей среды E. Карта сайта F. Страницы-шаблоны G. Панель «Инструменты» 
  • (A) Окна документа с вкладками: служат для отображения файла, с которым вы работаете. Окна документа могут быть с вкладками, а несколько окон можно расположить мозаикой для удобства работы сразу с несколькими элементами.
  • (B) Горизонтальное отображение карты сайта: отображение карты сайта по горизонтали. В Adobe Muse такое отображение задано по умолчанию.
  • (C) Вертикальное отображение карты сайта: отображение карты сайта по вертикали. Это особенно удобно для сложных сайтов с большим количеством обычных и дочерних страниц.
  • (D) Разметки рабочей среды: во время работы в приложении Adobe Muse можно переключаться между различными разметками рабочей среды (режимами).
  • (E) Карта сайта: область для создания карты сайта своего веб-сайта. В этой области можно добавлять или удалять страницы, а также задавать иерархическую структуру веб-сайта.
  • (А) Страницы-шаблоны: в этой области можно создавать дополнительные страницы-макеты для своего сайта и обновлять уже существующие.
  • (G) Панель инструментов: на этой панели можно выбирать различные инструменты для работы. На панели «Управление» выводятся настройки выбранного в данный момент инструмента.

Представление «Дизайн»

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

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

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

На панели инструментов представлены средства для создания стиля страницы, такие как «Фон», «Заливка в браузере», «Обводка» и «Эффекты». На ней также отображаются дополнительные инструменты (в зависимости от текущей выбранной панели).

На панели приложения имеются параметры управления представлением в Adobe Muse.

Представление «Дизайн» в Adobe Muse.
Представление «Дизайн» в Adobe Muse.

A. Индикатор выделения B. Раскрывающиеся меню C. Панель «Управление» D. Рабочие среды E. Панели F. Линейки G. Направляющие H. Панель «Инструменты» 
  • (А) Индикатор выделения: служит для отображения текущего выделенного элемента в области веб-страницы. 
  • (Б) Раскрывающиеся меню: на панели приложения в верхней части окна программы имеются кнопка переключения режима просмотра, меню и элементы управления представлением.
  • (В) Панель управления: содержит инструменты, позволяющие изменить веб-сайт и придать ему определенный стиль, такие как «Обводка», «Заливка» и «Эффекты».
  • (Г) Разметки рабочей среды: во время работы в приложении Adobe Muse можно переключаться между различными разметками рабочей среды.
  • (Д) Панели: позволяют работать с ключевыми функциями Adobe Muse.
  • (Е) Линейки: позволяют размещать направляющие в соответствующих положениях. 
  • (Ж) Направляющие: указываю верхнюю и нижнюю границы веб-страницы и окна браузера. С помощью направляющих можно с легкостью задать области верхнего и нижнего колонтитулов веб-сайта.
  • (З) Панель инструментов: на этой панели расположены различные инструменты для работы, такие как «Выделение», «Прямоугольник», «Рука» и т. д.

Режим предварительного просмотра

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

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

A. Кнопка «Обновить» B. Рабочие среды C. Предварительный просмотр веб-страницы 
  • (А) Разметки рабочей среды: во время работы в приложении Adobe Muse можно переключаться между различными разметками рабочей среды (режимами).
  • (Б) Кнопка «Обновить»: нажмите эту кнопку, чтобы обновить содержимое области предварительного просмотра веб-сайта.
  • (В) Предварительный просмотр: в области предварительного просмотра отображается последняя обновленная версия веб-сайта.

Представление «Публикация»

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

  • Имя веб-сайта: укажите понятное имя для своего веб-сайта. На основе указанного имени веб-сайта приложение Adobe Muse предлагает имя домена. Однако это предлагаемое имя можно изменить.
  • Публиковать на: в этом раскрывающемся списке можно выбрать существующий веб-сайт. Благодаря этому существующий веб-сайт можно опубликовать на ресурсе Business Catalyst.
  • URL-адрес: укажите уникальный URL-адрес своего веб-сайта.
  • ЦОД: приложение Muse определяет текущее местоположение вашего компьютера и автоматически выбирает ближайший центр обработки данных для размещения файлов сайта. Однако если ваш клиент живет в другой стране, вы можете выбрать центр обработки данных, ближайший к местоположению клиента.
Публикация сайта Adobe Muse
Публикация сайта Adobe Muse в представлении «Публикация».

Меню «Общий доступ»

Меню «Общий доступ» в Adobe Muse позволяет с легкостью предоставлять доступ к URL-адресу опубликованного сайта. С помощью меню «Общий доступ» можно предоставить общий доступ к URL-адресу опубликованного веб-сайта или к URL-адресу для редактирования с помощью функции In-Browser Editing.  

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

Предоставление доступа к URL-адресу опубликованного сайта.
Предоставление доступа к URL-адресу опубликованного сайта.

Для каждого веб-сайта создаются два отдельных URL-адреса (для опубликованного веб-сайта и для функции In-Browser Editing).

Нажмите «Копировать ссылку» рядом с URL-адресом, к которому требуется предоставить общий доступ. URL-адрес будет скопирован в буфер обмена. Затем можно отправить эти URL-адреса заинтересованным лицам по электронной почте или другими способами.

Представление «Управление»

В этом режиме можно перейти к управлению веб-сайтами на ресурсе Business Catalyst и их обновлению. Этот режим доступен в случае, если в качестве поставщика услуг размещения вы используете Adobe Business Catalyst. При выборе режима «Управление» приложение Adobe Muse перенаправляет вас на сайт http://businesscatalyst.com/. Войдите в систему, используя свои учетные данные Creative Cloud, и приступайте к редактированию своего веб-сайта. Дополнительную информацию см. в справке по Business Catalyst.

Управление окнами документов с вкладками

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

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

Упорядочение окон документов в виде мозаики

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

Чтобы упорядочить окна документов в виде мозаики, выберите Окно > Упорядочить > Мозаика.

Изменение порядка окон при помощи опции «Мозаика».
Отображение окон документа в виде мозаики в Adobe Muse.

Чтобы вернуться к представлению по умолчанию, выберите Окно > Упорядочить > Объединить все по сайтам.

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

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

  1. В Adobe Muse окна документов с вкладками можно упорядочить таким образом, чтобы было удобно перемещать содержимое между страницами или макетами. Для получения дополнительной информации см. раздел Управление окнами документов с вкладками.

    Перетаскивание содержимого из одного окна с вкладками в другое.
    Перетаскивание содержимого из одного окна с вкладками в другое.

  2. Перетащите выделенный фрагмент в другой макет или на другую страницу.

    Перетащите выделенный фрагмент на другую страницу или макет.
    Перетащите выделенный фрагмент на другую страницу или макет.

  3. После перетаскивания выберите Окно > Упорядочить > Объединить все по сайтам.

    Опция «Объединить все по сайтам» для выбора общего содержимого и его добавления на несколько страниц.
    Опция «Объединить все по сайтам» для выбора общего содержимого и его добавления на несколько страниц.

Прикрепление и открепление палитр/панелей

Блок — это набор палитр/панелей или групп палитр/панелей, отображаемых вместе вертикально. Палитры/панели можно прикреплять и откреплять перетаскиванием в область блока или из нее.

  • Чтобы прикрепить палитру/панель, перетащите ее за вкладку в блок и поместите сверху или снизу от других палитр/панелей либо между ними.

  • Чтобы прикрепить группу палитр/панелей, перетащите ее в блок за строку заголовка (пустую одноцветную строку над вкладками).

  • Чтобы удалить палитру/панель или группу палитр/панелей из блока, перетащите ее из блока, удерживая за вкладку или строку заголовка. Можно перетащить палитру/панель в другой блок или сделать плавающей.

Примечание.

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

Перемещение палитр/панелей

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

Примечание.

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

  • Чтобы переместить панель, перетащите ее за вкладку.

  • Чтобы переместить группу панелей, перетащите строку заголовка.

Примечание.

Чтобы избежать закрепления палитры/панели при перемещении, удерживайте клавишу Ctrl (в Windows) или Command (в Mac OS). Для отмены операции при перемещении палитры/панели нажмите клавишу Esc.

Добавление и удаление палитр/панелей

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

  • Для удаления палитры/панели нажмите правой кнопкой (Windows) или клавишу Control (Mac) на ее закладке и выберите «Закрыть» или удалите ее из меню «Окно».

  • Чтобы добавить палитру/панель, выберите ее в меню «Окно» и закрепите в нужном месте.

Управление группами палитр/панелей

  • Чтобы добавить палитру/панель в группу, перетащите вкладку этой палитры/панели в выделенную зону перетаскивания группы.

  • Чтобы изменить порядок расположения палитр/панелей в группе, перетащите вкладку палитры/панели на новое место внутри группы. 
  • Чтобы убрать палитру/панель из группы и сделать ее плавающей, перетащите палитру/панель за ее вкладку за пределы группы.
  • Чтобы переместить группу, перетащите панель заголовка (область над вкладками).
  • Чтобы закрыть группу панелей, нажмите правой кнопкой мыши панель заголовка группы панелей и выберите команду «Закрыть группу вкладок».

Создание ряда плавающих палитр/панелей

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

  • Чтобы создать ряд плавающих палитр/панелей, перетащите палитру/панель за вкладку в зону перетаскивания, расположенную в нижней части другой палитры/панели.

  • Чтобы изменить порядок палитр/панелей в ряду, перетащите палитру/панель за вкладку вверх или вниз.

Примечание.

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

  • Чтобы убрать палитру/панель или группу палитр/панелей из ряда и сделать ее плавающей, перетащите палитру/панель за его пределы, удерживая за вкладку.

Изменение размеров палитр/панелей

  • Чтобы свернуть или развернуть палитру/панель, группу палитр/панелей или ряд палитр/панелей, дважды нажмите вкладку. Также можно дважды щелкнуть область вкладки (пустое пространство рядом с вкладками).

  • Для изменения размера палитры/панели перетащите любую ее сторону. Размеры некоторых палитр/панелей, например палитры «Цвет» в Photoshop, нельзя изменить таким способом.

Свертывание и развертывание значков панели

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

  • Чтобы свернуть или развернуть все значки панели в столбце, нажмите двойную стрелку в его верхней части.
  • Чтобы развернуть значок одиночной палитры/панели, нажмите его.
  • Чтобы изменить размер значков палитры/панели так, чтобы видеть только значки (без подписей), изменяйте ширину блока до исчезновения текста. Чтобы восстановить текст, увеличьте ширину блока.
  • Чтобы свернуть развернутую палитру/панель в значок, нажмите ее вкладку, значок или двойную стрелку в строке заголовка.
  • Чтобы добавить плавающую палитру/панель или группу палитр/панелей в блок значков, перетащите ее туда за вкладку или строку заголовка (палитры/панели автоматически сворачиваются в значки при добавлении их в блок значков).

  • Чтобы переместить значок палитры/панели (или группу значков палитр/панелей), перетащите значок. Значки панелей можно перетаскивать вниз и вверх в пределах одного блока, в другие блоки (где значки будут отображаться в стиле панелей этого блока) либо за пределы блока (где они станут плавающими значками).

Темный пользовательский интерфейс

В Adobe Muse можно задавать цветовые темы для рабочей среды. В Adobe Muse можно выбрать одну из 4 цветовых тем.

Благодаря контрастному отличию элементов интерфейса и области веб-страницы темный пользовательский интерфейс позволяет полностью сосредоточиться на дизайне.

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

  1. В Adobe Muse выберите Редактировать > Установки.
  2. В диалоговом окне Установки выберите «Цветовая тема».
Выбор цветовой темы интерфейса Adobe Muse.
Выбор цветовой темы интерфейса Adobe Muse.

  1. Нажмите кнопку «ОК».

Поиск и замена

В программе Adobe Muse можно выполнять поиск и замену текста на определенной странице или по всему сайту.

Поиск и замена текста в Adobe Muse
Поиск и замена текста в Adobe Muse

A. Найти B. Заменить C. Заменить/найти D. Заменить все E. Слово целиком F. Назад G. С учетом регистра H. Поиск I. Заменить текст J. Поиск текста 

Поиск текста

  1. В приложении Adobe Muse выберите Редактировать > Найти и заменить.
  2. В диалоговом окне «Найти и изменить» укажите следующее:
    • «Найти»: введите текст, который требуется найти на странице или на сайте.
    • «Заменить»: введите текст для замены текста, введенного в поле «Найти».
    • «Поиск»: выберите область поиска — страница или весь сайт.
    • «С учетом регистра»: если выбран этот параметр, Adobe Muse выполняет поиск только тех слов, регистр которых соответствует запросу в поле «Найти».
    • «Слово целиком»: если выбран этот параметр, Adobe Muse выполняет поиск всего слова или всей фразы, которые указаны в поле «Найти».
    • «Назад»: если выбран этот параметр, Adobe Muse выполняет поиск в обратном направлении.
  3. Нажмите «Найти».

Поиск и замена текста

  1. В приложении Adobe Muse выберите Редактировать > Найти и заменить.
  2. В диалоговом окне «Найти и изменить» укажите следующее:
    • Найти: введите текст, который требуется найти на странице или на сайте.
    • Заменить: введите текст для замены текста, введенного в поле «Найти».
    • Поиск: выберите область поиска — страница или весь сайт.
    • С учетом регистра: если выбран этот параметр, Adobe Muse выполняет поиск только тех слов, регистр которых соответствует запросу в поле «Найти».
    • Слово целиком: если выбран этот параметр, Adobe Muse выполняет поиск всего слова или всей фразы, которые указаны в поле «Найти».
    • Назад: если выбран этот параметр, Adobe Muse выполняет поиск в обратном направлении.
  3. Нажмите Заменить. Нажмите Заменить/найти, чтобы заменить первое вхождение этого текста и продолжить поиск. Нажмите Заменить все, чтобы заменить все вхождения текста на странице или на всем сайте.

Панель «Предупреждения»

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

Для этого выберите Окно > Предупреждения.

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

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