Начните работу в Adobe Muse. Узнайте, как работать с файлами .muse, настраивать параметры страниц, добавлять значки сайта и многое другое.

Примечание.

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

Начало работы с Adobe Muse

После входа в приложение запускается рабочая среда Adobe Muse. Отобразится экран приветствия Adobe Muse. Выполните одно из следующих действий:

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

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

Диалоговое окно «Новый сайт» для создания нового веб-сайта.
Выберите «Файл» > «Новый сайт», чтобы создать новый сайт.

Нажмите кнопку «Дополнительные настройки», чтобы установить для сайта размеры, поля, столбцы и отступы (числовые значения, в пикселях). В этом окне также можно выбрать разрешение и язык.

Настройки можно изменить в любое время в меню «Файл» > «Свойства сайта».

Диалоговое окно «Свойства сайта» для настройки свойств сайта.
Настройка свойств сайта в диалоговом окне «Новый сайт».

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

Далее по умолчанию откроется режим просмотра «План» с двумя элементами. «Главная страница» в левой верхней части — это страница, которая будет загружаться первой при посещении посетителями опубликованного сайта. Страница «Шаблон-А», расположенная ниже, представляет собой шаблон. Элементы, помещенные на страницу «Шаблон-А», будут отображаться на всех страницах сайта. Таким образом, вы можете обновить общие элементы сайта только один раз в центральном местоположении.

NewWebsite
Приложение Adobe Muse с автоматически созданными главной страницей и одной страницей-шаблоном.

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

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

Общие сведения о файлах .muse

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

Если при создании нового сайта в приложении Adobe Muse нажать «Файл» > «Сохранить», создается один файл .muse. Это похоже на создание файла PSD в Photoshop, который может содержать любое количество слоев, графических элементов и связанных ресурсов. Этот файл .muse — единственный файл, который вам потребуется для разработки сайта, поскольку он содержит все изображения, ссылки, код и файлы сайта. При совместной работе над проектом сайта вы можете отправить коллеге копию файла .muse. Он в свою очередь сможет открыть ее, внести в нее изменения и опубликовать эти изменения.

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

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

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

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

Большинство веб-дизайнеров предпочитают сохранять файлы .muse с описательными именами, например my_site_v1.muse и my_site_v2.muse. Также в имя файла .muse можно добавить дату его создания, чтобы было легче найти более старую версию, например my_site_2012-4-13.muse и my_site_2012-4-30.muse. Называть файлы можно любым удобным для вас способом.

Настройка свойств сайта во время создания нового сайта в Adobe Muse

Выполните следующие действия, чтобы создать новый сайт и определить свойства сайта.

  1. В окне приветствия выберите «Создать новый» > «Сайт». Нажмите «Гибкое значение ширины» для выбора адаптивного макета, либо «Постоянная ширина» для выбора альтернативного макета.

  2. В открывшемся диалоговом окне «Новый сайт» установите для ширины страницы 950 пикселей и минимальной высоты 800 пикселей. Для параметра «Столбцы» установите значение 3, для «Средник» — значение 20. В разделе «Поля» установите для всех четырех параметров значение 50. В поле «Отступ» задайте значение «36».

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

    Примечание.

    При создании сайта для телефонов или планшетных ПК параметр Redirect from Desktop (Перенаправлять с компьютера) позволяет включать и отключать перенаправление для макетов для мобильных устройств. Эта функция полезна при работе с макетами, которые еще не готовы и на которые не следует перенаправлять посетителей сайта (для макетов, находящихся в процессе разработки). Обратите внимание, что макет будет экспортироваться даже при выключенном параметре перенаправления. Однако мобильные браузеры не будут перенаправляться на мобильные страницы, и экспортированные файлы не будут включены в файл sitemap.xml, пока этот параметр не будет включен в диалоговом окне «Свойства сайта».

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

  4. Выберите «Файл» > «Свойства сайта». Нажмите значок папки рядом с параметром «Изображение значка сайта». Перейдите в папку с файлами образцов «Kevins_Koffee_Kart» и выберите файл «favicon.png». Нажмите кнопку «ОК».

    fig_07
    Значок сайта — это значок, который отображается рядом с URL-адресом сайта в адресной строке браузера.

  5. Выберите «Файл» > «Сохранить». Присвойте новому сайту уникальное имя, например «YourNameKoffeeKart.muse» (сайт-образец в этом руководстве имеет имя «01KevinsKoffeeKart.muse»).

Добавление значка сайта с помощью панели «Свойства сайта»

Значок сайта — это небольшое квадратное изображение, которое можно создать, добавить на сайт и загрузить для персонализации закладок и URL-адресов. Несмотря на то что функциональность значка сайта зависит от используемого браузера, обычно он отображается в адресной строке браузера рядом с URL-адресом просматриваемого сайта. В большинстве случаев он также отображается рядом с названием сайта в закладках или на вкладке, на которой загружена страница сайта. Для создания квадратного изображения, которое будет использоваться в качестве значка сайта, можно использовать любой редактор изображений, например Photoshop или Illustrator. Для примера, приведенного в данном руководстве, файл PNG уже существует.

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

  1. Выберите «Файл» > «Свойства сайта». Откроется панель «Свойства сайта».

  2. На вкладке «Содержимое» нажмите значок папки справа от раздела «Значок сайта». В открывшемся диалоговом окне «Выбор изображения для значка сайта» найдите папку с образцами и выделите в ней файл «favicon.png».

    Favicon
    Выбор файла «favicon.png» на панели «Свойства сайта».

    Примечание.

    Если вы используете Adobe Muse 2015.0.2 или более раннюю версию, вы можете добавить значок сайта, нажав «Файл» > «Свойства сайта» > «Макет».

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

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

    Когда сайт полностью завершен, его можно передать на предоставленные серверы хостинга Adobe Business Catalyst.

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

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