Добавление, копирование и использование ресурсов в Adobe Muse

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

Чтобы открыть панель «Ресурсы», выберите меню «Окно» > «Ресурсы». Либо нажмите вкладку «Ресурсы», чтобы активировать панель «Ресурсы» в наборе панелей.

Нажмите правой кнопкой мыши ресурс (или выделенный набор ресурсов) на панели «Ресурсы», чтобы применить к нему параметры меню. Параметры, доступные в меню, зависят от типа выбранного файла. Доступны следующие варианты:

• Встроить ссылку: удаляет ссылку на исходный помещенный файл. При выборе этого параметра большинство функций управления файлом на панели «Ресурсы» становятся недоступны, однако файл .muse становится самостоятельным, что предотвращает появление уведомлений при совместном использовании файлов Adobe Muse с другими дизайнерами.
• Связать заново: позволяет заново связать файл ресурса, если после помещения он был перемещен или переименован. В открывшемся окне выберите необходимый файл. При этом также удаляется значок уведомления на панели «Ресурсы».
• Перейти к ресурсу/Перейти к месту использования ресурса: при работе в Adobe Muse иногда может быть трудно отследить место использования отправленного ресурса или фонового изображения. Теперь можно воспользоваться новой функцией «Перейти к месту использования ресурса», позволяющей отслеживать использование фоновых изображений и отправлять ресурсы на веб-сайт.
• Редактировать оригинал: открывает исходное изображение (хранящееся на компьютере), позволяя вносить изменения в главный файл. Файл откроется во внешнем редакторе в зависимости от типа файла и ассоциации файлов на компьютере.
• Добавить заголовок: открывает диалоговое окно «Свойства изображения», содержащее поля для ввода заголовка и альтернативного текста для выбранного ресурса. Это короткие текстовые описания, которые добавляются в код сайта во время его публикации. Заголовки предоставляют дополнительную информацию о ресурсе. Заголовки должны быть описательными, запоминающимися и точными. В некоторых браузерах текст заголовка отображается в виде подсказки, когда на изображение наводится указатель мыши.
• Добавить альтернативный текст: открывает диалоговое окно «Свойства изображения», содержащее поля для ввода заголовка и альтернативного текста для выбранного ресурса. Это короткие текстовые описания, которые добавляются в код сайта во время его публикации. Альтернативный текст — это альтернативный источник информации для пользователей, отключивших в своем браузере отображение изображений, и посетителей с ослабленным зрением, которые используют для навигации по сайту программы чтения с экрана и другие вспомогательные устройства. Многие поисковые системы используют альтернативный текст для индексации сайта. Добавление альтернативного текста позволяет повысить рейтинг сайта в результатах поиска.
• Показать в программе Finder: отображает расположение исходного файла на компьютере в Mac Finder или Проводнике Windows.
• Копировать полный путь: копирует путь к местоположению файла исходного ресурса на жестком диске в буфер обмена в формате, аналогичном file:///Users/User_Name/Folder_Name/Subfolder_Name/image.jpg

Управление файлами с помощью панели «Ресурсы»

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

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

При размещении нескольких экземпляров одного файла изображения исходный ресурс отображается выше экземпляров. Чтобы развернуть или свернуть набор ресурсов, нажмите стрелку слева от имени исходного ресурса. Это позволяет сократить список ресурсов и упрощает перемещение между элементами панели «Ресурсы».

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

По этой причине рекомендуется использовать редактор изображений, например Photoshop, Illustrator или Fireworks, для экспорта веб-оптимизированных файлов изображений в папку на компьютере, содержащую файл сайта .muse. Таким образом, все элементы сайта будут организованы в одной локальной папке (что также позволит совместно работать над проектом с другими дизайнерами или передать весь проект другому лицу).

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

Отсутствует изображение: исходный ресурс связанного файла был перемещен или переименован после его помещения. Открыв файл проекта Adobe Muse после переименования или перемещения исходных изображений, нажмите кнопку «ОК» в окне уведомления и измените ссылку на ресурс на панели «Ресурсы».

Устаревший ресурс: исходный ресурс связанного файла был изменен за пределами приложения Adobe Muse после того, как он был помещен. Открыв файл проекта Muse после изменения исходных изображений, нажмите кнопку «ОК» в появившемся диалоговом окне, чтобы автоматически обновить измененный связанный ресурс.

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

Громоздкий файл проекта: большое связанное изображение было помещено на страницу, после чего его масштаб был значительно уменьшен. При этом файл .muse содержит больше данных, чем необходимо для отображения изображения (что приводит к излишне большому размеру файла .muse). В зависимости от размера файла проекта при экспорте и публикации сайта могут возникать ошибки или снижаться производительность.

Дополнительную информацию о решении этой проблемы см. в разделе «Значок уведомления об увеличиваемом ресурсе» далее.

Копирование и вставка ресурсов в проекте Adobe Muse

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

По большому счету, вставка содержимого не самый лучший способ создания конечного проекта сайта, поскольку при этом отключается большинство функций панели «Ресурсы» (такие как «Перейти к ресурсу», «Редактировать оригинал», «Показать в программе Finder» и «Импорт большего размера», описанные ниже). В этом случае вставляемые файлы также не ссылаются на главный файл, хранящийся на компьютере. Файлы вставленных ресурсов встраиваются, а не связываются.

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

Извлечение ресурсов в одну папку

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

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