Выпуски Adobe Muse за август 2017 года, февраль 2017 года и ноябрь 2016 года
Выпуски за август 2017 года, февраль 2017 года и ноябрь 2016 года
Новые функции больше не добавляются в Adobe Muse. Поддержка этого приложения будет прекращена 26 марта 2020 г. Для получения подробной информации и поддержки посетите раздел Часто задаваемые вопросы о прекращении обслуживания Adobe Muse.
Версия Adobe Muse CC 18.0 за октябрь 2017 года уже доступна! Ознакомьтесь с информацией в разделе Обзор новых функций.
В Adobe Muse CC версии за 2017 год (август 2017 г.) представлено несколько улучшений, включая поддержку адаптивных форм, слайд-шоу и композиций, удобный выбор подчиненных элементов, изменение масштаба «щипком» и многое другое. Ниже представлены подробные сведения о новых возможностях и ссылки на другие руководства.
Краткий обзор функций, реализованных в предыдущих версиях, представлен в статье Новые возможности Adobe Muse CC 2015.2.
Новые возможности Adobe Muse CC (август 2017 г.
)
Adobe Muse теперь поддерживает полный набор адаптивных виджетов. Виджеты «Слайд-шоу», «Композиция» и «Формы обратной связи» теперь полностью адаптивные в Adobe Muse 2017.1. Можно добавить эти виджеты в свой проект одним нажатием кнопки.
Ранее при создании адаптивного веб-сайта требовалось закреплять, выравнивать виджеты (например, «Формы» или «Лайтбокс») и изменять их размер с помощью нескольких точек остановки. Теперь можно просто перетащить виджеты на холст дизайна. Виджеты автоматически меняют свой размер, адаптируясь под размеры экрана.
На анимации ниже показано то, как функционирует адаптивный виджет «Композиция».
Адаптивные виджеты «Композиция» в Adobe MuseНесмотря на то, что виджеты являются адаптивными по умолчанию, параметры закрепления и изменения размера можно самостоятельно настроить в соответствии со своими предпочтениями.
Подробные сведения об использовании каждого из данных виджетов в Adobe Muse приведены в разделах Работа с адаптивными виджетами «Композиция», Работа с адаптивными формами Adobe Muse и Работа с адаптивными виджетами «Слайд-шоу» в Adobe Muse.
Посмотрите видеоруководства по адаптивным виджетам Адаптивные слайд-шоу и Адаптивные формы обратной связи.
Новые возможности Adobe Muse CC (август 2017 г.)
Часто веб-дизайнерам требуется увеличить масштаб в режиме «Дизайн», чтобы удостовериться, что элементы на странице расположены правильно. Также может потребоваться уменьшить масштаб, чтобы отобразить страницу полностью и удостовериться, что никакие элементы не выпадают за ее пределы. Теперь можно с легкостью изменять масштаб «щипком».
Этой возможностью Adobe Muse можно воспользоваться с помощью сенсорной панели на Macbook или на устройстве с сенсорным экраном под управлением Windows. Для увеличения масштаба выполните «щипок» и разведите большой и указательный пальцы друг от друга. Чтобы уменьшить масштаб, сведите пальцы.
Изменение масштаба «щипком» в Adobe MuseВ последней версии Adobe Muse можно дважды нажать и выбрать подчиненные элементы внутри объекта или виджета.
Подчиненные элементы — это отдельные объекты, например текстовые поля или изображения внутри другого объекта или контейнера. Благодаря повышенному уровню производительности Adobe Muse вам больше не потребуется последовательно нажимать на каждый подчиненный элемент, чтобы перейти к нужному.
Посмотрите краткое видео об этом улучшении Удобный выбор элементов в Adobe Muse.
Меню «Справка» в Adobe Muse реорганизовано. Чтобы узнать, что именно изменилось, см. изображения ниже.
«Справка» по Adobe Muse CC теперь включает раздел «Учебные руководства по Adobe Muse CC» (видеоруководства) и «Справка по Adobe Muse CC» (справочные статьи).
Кнопка для перехода к сайту для обратной связи от сообщества теперь называется «Веб-форумы Adobe». Чтобы перейти к форумам Adobe Muse, нажмите на эту кнопку.
Новая кнопка «Сообщение об ошибке/добавление новых функций» перенаправляет на страницу отзывов пользователей. Здесь можно предложить разработчикам новую функцию, обратиться в службу поддержки или оставить свой отзыв.
Новые возможности Adobe Muse CC (февраль 2017 г.)
Ознакомьтесь с изменениями в файле sitemap.xml, создаваемом при экспорте или загрузке сайта в Adobe Muse:
- Теперь карты сайтов содержат изображения с тегом <image:image>.
- Подписи к изображениям добавляются с тегом <image:caption>. В карту сайта можно также включать повернутые изображения и изображения с эффектами, кроме файлов в формате .png.
- При добавлении изображений с совпадающим именем файла и разным замещающим текстом эти изображения размещаются отдельно с тегом <image:caption>. Подпись к изображению будет включать соответствующий замещающий текст.
Улучшенные функции Adobe Muse CC (февраль 2017 г.)
Теперь к виджетам «Раздвижная панель» можно добавлять ссылки привязки. Вы можете связать любой элемент страницы с контейнером «Раздвижная панель» всего одним нажатием.
Инструкции по добавлению ссылок привязки см. в разделе Добавление ссылок привязки в виджеты «Раздвижная панель».
Теперь экспорт файлов . muse в Adobe Muse занимает меньше времени. Благодаря улучшению производительности можно экспортировать даже крупные файлы с большим количеством контрольных точек за более короткое время.
Новые возможности Adobe Muse CC (ноябрь 2016 г.)
Новая функция масштабирования в Adobe Muse позволяет просматривать и изменять определенные области в макете страницы. Если вы находитесь на совещании с клиентом и хотите внести изменения в веб-сайт, то вы можете воспользоваться функцией масштабирования. Эта функция позволяет сконцентрироваться на определенных областях сайта в представлении «Дизайн». Можно мгновенно увеличить или уменьшить масштаб различных областей на макете страницы и быстро их отредактировать.
Использование функции масштабирования:
Нажмите инструмент «Рука» на панели инструментов Adobe Muse.
Нажмите клавишу Alt и удерживайте кнопку мыши нажатой.
Масштаб представления «Дизайн» веб-сайта уменьшится, обеспечивая полный обзор макета. Прямоугольник красного цвета обозначает область просмотра. Отпустите кнопку мыши, чтобы увеличить масштаб области просмотра.
Прямоугольник красного цвета указывает на область просмотра при масштабировании.Нажмите клавишу Alt и кнопку мыши, чтобы переместить область просмотра в другое место на странице.
Отпустите кнопку мыши, чтобы увеличить масштаб нужной области просмотра.
Новые возможности Adobe Muse CC (ноябрь 2016 г.)
Теперь можно размещать анимацию на веб-сайтах Adobe Muse с помощью Creative Cloud Libraries. Ранее можно было выбрать анимацию с жесткого диска. Теперь, помимо этого, можно просто перетащить файлы анимации с панели CC Libraries в представление «Дизайн» в Adobe Muse.
С помощью CC Libraries можно также предоставить доступ к анимации и совместно работать с другими пользователями Creative Cloud.
Улучшения в Adobe Muse CC (ноябрь 2016 г.)
В предыдущих версиях Adobe Muse можно было использовать элементы библиотеки Library на веб-сайте посредством их перетаскивания в макет. Теперь при размещении элемента библиотеки с точками остановки в макете на страницу автоматически добавляются точки остановки.
С помощью этой функции можно установить несколько точек остановки одним щелчком мыши. Эту функцию также можно использовать для добавления набора точек остановки в несколько файлов Adobe Muse.
Чтобы добавить элементы страницы с точками остановки, просто нажмите значок плюса рядом с элементом библиотеки, затем перетащите элемент на панель «Дизайн». Точки остановки будут автоматически добавлены на страницу.
Нажмите значок «+» и перетащите элементы библиотеки для сохранения точек остановки.
Дополнительные сведения о сохранении точек остановки с элементами библиотеки Library см.
в разделе Использование элементов библиотеки Library в дизайне.
Посмотрите видеоруководство на эту тему: Поддержка точек остановки для работы с элементами библиотеки Library.
Улучшения в Adobe Muse CC (ноябрь 2016 г.)
Новое меню «Общий доступ», располагающееся в верхней области рабочей среды, позволяет с легкостью предоставлять доступ к URL-адресу опубликованного веб-сайта, а также к URL-адресу для редактирования содержимого сайта. После публикации сайта нажмите «Общий доступ».
Предоставление общего доступа к URL-адресу сайта Adobe MuseМожно скопировать и отправить URL-адрес опубликованного сайта другим пользователям. Чтобы разрешить клиентам или сотрудникам редактировать содержимое сайта с помощью функции In-Browser Editing, нажмите «Копировать ссылку» под полем In-Browser Editing.
Улучшения в Adobe Muse CC (ноябрь 2016 г.)
Adobe Muse CC 2017 поддерживает Google reCAPTCHA v2. В предыдущих версиях Adobe Muse можно было настроить и использовать Google reCAPTCHA v1 для форм обратной связи.
Однако корпорация Google недавно приостановила выпуск закрытых ключей для версии 1 и выпустила reCAPTCHA v2.
Чтобы добавить в формы последнюю версию reCAPTCHA, добавьте форму обратной связи из библиотеки виджетов, затем нажмите синюю стрелку рядом с формой. Во всплывающем меню «Параметры» выберите reCAPTCHA v2 в раскрывающемся списке «Captcha». В форму будет добавлено поле reCAPTCHA («Проверка»).
Добавление reCAPTCHAv2 в формы обратной связиВам не потребуется заново публиковать сайты. Кроме того, можно использовать уже имеющийся закрытый ключ Google reCAPTCHA. reCAPTCHA 2 потребуется только при создании новых форм обратной связи.
Сведения о настройке reCAPTCHA v2 в формах представлены в разделе Добавление и настройка reCAPTCHA для формы.
Видеоруководство по reCAPTCHA v2: Поддержка фильтра от спама с reCAPTCHA 2.
Вход в учетную запись
Войти
Управление учетной записью
Кнопка состояния — виджет Adobe Muse » Adobe Muse Уроки
от Дмитрий Шаповалов
Кнопка состояния – стандартный виджет Adobe Muse.
Видеоурок о стандартном виджете Adobe Muse – “Кнопка состояния“. Думаю не стоит недооценивать функции программы, вложенные в нее по-умолчанию.
Этот видеоурок откроет рубрику видеоуроков, посвященных обзору стандартных виджетов (мини-приложений) Adobe Muse.
Смотрите и делитесь с друзьями:
Этот видеоурок рассчитан у нас на изучение стандартных мини-приложений в программе Adobe Muse.
Кнопка состояния. Раздел “Кнопки” в библиотеке.
Давайте сразу откроем программу, откроем библиотеку мини-приложений. Она у меня уже открыта, и у кого не здесь не отображается библиотека мини-приложений, то идете в «Окно» и включаете ее вот здесь «Библиотека мини-приложений». Библиотека мини-приложений добавится в правую панель программы, и вы сможете здесь ее в любой момент открыть, когда вам это будет нужно.
Давайте начнем с самого первого раздела. Это раздел «Кнопки». Самое ценное, что здесь есть – это «Кнопка состояния».
Кнопка состояния. Виджет – “HiDPI (вкл./откл.)”.Первый виджет «HiDPI (вкл./откл.)» нужен для того, если вы используете на своем сайте режим «HiDPI. С помощью данной кнопки вы сможете включать и выключать режим «HiDPI» на своем сайте.Для того, чтобы использовать данный виджет вам необходимо изначально настраивать свой сайт в «Свойствах сайта», настраивать здесь режим «HiDPI». Если у вас будет выставлено значение «Стандартное», то данная кнопка будет для вас бесполезна.
Следующий виджет – это «Кнопка состояния». Давайте разместим ее на странице и посмотрим, что она из себя представляет. Она представляет из себя вот такой контейнер, который называется «Кнопка состояния».
Основные элементы виджета “Кнопка состояния”.Внутри этого контейнера размещен текстовый фрейм. Вы можете его перетаскивать внутри этого контейнера. И также прямоугольник. Прямоугольник представлен сразу с заливкой здесь и в виде такой точки. Предполагается, что на данной кнопке вы сможете разместить какую-либо надпись и вставить сюда картинку.
Вы, наверное, можете подумать, что данную кнопку можно сделать обычными средствами в Adobe Muse, такими как, текст и прямоугольник. Но данная кнопка работает несколько иначе.
Особенности виджета “Кнопка состояния”Если мы сделаем кнопку просто из прямоугольника (давайте я залью ее каким-нибудь цветом) и разместим внутри данного прямоугольника точно также текстовый фрейм.
Давайте я скопирую отсюда. И разместим сюда прямоугольник, сделаем ему скругленные края и сделаем заливку черным цветом. Допустим, у нас есть вот такая подобная данной кнопке конструкция.
Давайте скруглим еще здесь края. И добавим состояние «Курсор над кнопкой», выберем посветлее какой-нибудь цвет. Давайте я выберу просто синий. А для этого прямоугольника у нас «Курсор над кнопкой», цвет сделаем ему оранжевый. Вот так. Т.е. при наведении курсора мыши по идее на данную кнопку у нас должны изменяться эти состояния.
Просмотр работы виджета “Кнопка состояния”Давайте зайдем в режим «Просмотр» и попробуем навести курсор мыши на данную кнопку. Если мы наведем курсор мыши на первую кнопку, то мы видим, что при наведении только на данный контейнер, сразу меняются все состояния: состояние текста – сменился с черного на светлый и состояние точки в состоянии прямоугольника тоже изменяется с темного на светлый. Одновременно все работает.
Если мы теперь наведем курсор мыши на нашу созданную кнопку, то будет изменяться только состояние фонового прямоугольника.
Для того, чтобы у нас изменилось состояние этой точки, нам придется наводить курсор мыши именно на нее. То же самое будет с текстом.
Если мы изменим в режиме «Дизайна» цвет текста с темного на светлый, то цвет текста будет меняться только при наведении на него курсором мыши. Т.е. все элементы вот этой кнопки работают отдельно.
Все элементы виджета «Кнопка состояния», вставленные на страницу с помощью специального стандартного виджета, работают совместно.
Давайте снова войдем в режим «Дизайна» и, в принципе, с кнопками все. вы увидели, в чем отличие создание кнопки обычными инструментами и создание кнопки с помощью виджета «Кнопка состояния». Согласитесь, это намного быстрее и удобнее.
Следующий раздел «Композиции» мы рассмотрим в других моих уроках. На этом мы заканчиваем данный урок. В нем мы рассмотрели раздел «Кнопки» из библиотеки мини-приложений в программе Adobe Muse.
Смотрите мои следующие и предыдущие видеоуроки, подписывайтесь на канал, если вы этого еще не сделали.
Ставьте лайки, пишите комментарии внизу, жду вас в следующих видео!
Автор видеоурока
Дмитрий Шаповалов
Использование виджетов композиции, меню и форм в Adobe Muse
Узнайте, как использовать виджеты для добавления форм, меню, слайд-шоу, кнопок социальных сетей и многого другого на веб-страницы.
Вы можете добавлять интерактивные функции сайта и динамически создаваемый контент с помощью виджетов в Adobe Muse. Виджеты — это предварительно созданные настраиваемые объекты, которые предлагают общие веб-функции, такие как меню, формы, слайд-шоу и т. д. Adobe Muse предоставляет ряд виджетов, упрощающих сложный веб-дизайн.
Виджеты в Adobe Muse могут быть оформлены в соответствии с дизайном вашего сайта, что позволяет идеально сочетать их с остальными веб-страницами. Библиотека виджетов содержит все готовые функции сайта (виджеты), которые можно перетаскивать на страницы, настраивать для управления их поведением и изменять их внешний вид.
Adobe Muse предоставляет следующие виды виджетов:
- Виджеты композиции : Эти виджеты позволяют вам взаимодействовать с областью на веб-странице, чтобы изменить содержимое, отображаемое в другой области. При изменении происходит затухание или скользящая анимация.
- Виджеты форм : добавьте форму, которую посетители вашего сайта могут использовать для связи с вами. Различные поля формы доступны в зависимости от того, какой виджет формы вы выберете.
- Виджеты меню : Создайте динамически или вручную заполняемую строку меню, которая включает состояния для каждого пункта меню. На каждой странице соответствующая ссылка меню будет автоматически иметь «активное» состояние, чтобы показать, что это текущая страница.
- Виджеты панели : отображать одновременно только одну панель контента с интуитивно понятными навигационными ссылками для переключения видимой панели. Выберите между скользящей анимированной структурой аккордеона или знакомым внешним видом с вкладками.
- Виджеты слайд-шоу : Эти виджеты позволяют легко отображать изображения в галерее с изящной анимацией. Их лучше всего использовать для простых слайд-шоу на основе изображений; более сложные варианты использования лучше обслуживаются виджетом композиции.
- Социальные виджеты : Социальные виджеты позволяют легко настроить пользовательский HTML-код и встроить его на страницы Adobe Muse. Большинство веб-виджетов предоставляют функциональные возможности, которые также доступны при внедрении HTML со сторонних веб-сайтов. Вы можете сэкономить время, добавляя и настраивая веб-контент из Adobe Muse, а не создавая код вне приложения и вставляя его в Adobe Muse в виде встроенного HTML.
При изменении происходит затухание или скользящая анимация.
Вы можете выбирать и добавлять виджеты на веб-страницу Adobe Muse из библиотеки виджетов. Чтобы добавить виджет, сделайте следующее:
В Adobe Muse выберите «Окно» > «Библиотека виджетов».
Отображается панель библиотеки виджетов.
На панели «Библиотека виджетов» выберите виджет и перетащите его на веб-страницу Adobe Muse.
Для дальнейшей настройки виджета нажмите кнопку , чтобы открыть панель параметров.
Дополнительные сведения см. в разделе Настройка и настройка виджетов.
Adobe Muse позволяет настраивать виджеты с помощью панели «Параметры» после их размещения на веб-страницах. Панель «Параметры» — это контекстная панель, позволяющая применять изменения и обновлять настройки, относящиеся к виджету. Панель «Параметры» содержит параметры, которые помогают определить внешний вид содержимого.
Параметры «Заливка» и «Обводка» позволяют значительно улучшить внешний вид виджета. Если виджет содержит текст, вы можете использовать панель «Текст» ( Windows > Текст или параметры текста на панели управления), чтобы изменить и оформить текст в соответствии с потребностями вашего дизайна.
Чтобы настроить виджет, выполните следующие действия:
В Adobe Muse перетащите любой виджет на веб-страницу.
Примечание:
Используйте параметр «Очистить содержимое виджета» (щелкните правой кнопкой мыши виджет и выберите «Очистить содержимое виджета » в контекстном меню), чтобы удалить все содержимое виджета по умолчанию.
Выбрав виджет, нажмите кнопку , чтобы отобразить панель параметров.
На панели параметров измените или обновите параметры по мере необходимости.
Щелкните в любом другом месте страницы, чтобы закрыть панель параметров.
На рисунке показана панель параметров для виджета «Горизонтальное меню».
Панель параметров для виджета «Горизонтальное меню».
Когда вы перетаскиваете виджет из библиотеки виджетов на страницу, вы фактически размещаете вложенный набор контейнеров. Эти контейнеры можно выбирать и редактировать на основе их иерархии.
При работе с виджетами важно понимать, как выбирать виджет и его контейнеры. Adobe Muse отображает текущий выбор с помощью индикатора выбора. Индикатор выбора, расположенный в верхнем левом углу Adobe Muse, отображает текущий выбор вместе с раскрывающимся меню, позволяющим предварительно просмотреть объект в его состоянии.
В приведенных ниже примерах индикатор выбора отображает выбор Страницы (когда ни один объект на веб-странице не выбран), виджета «Меню» (при выборе виджета «Меню») и пункта меню (контейнера внутри виджета «Меню»).
При невыбранных элементах страницы.
При выборе виджета меню.
При выборе контейнера и, в данном случае, элемента меню в виджете меню.
При однократном щелчке всего виджета в индикаторе выбора отображается слово «Виджет». Если вы щелкнете еще раз, вы сможете выбрать контейнер в виджете, а индикатор выбора отобразит слово «Контейнер». Вы можете продолжать нажимать несколько раз, чтобы выбрать элементы (например, текстовые фреймы), вложенные в контейнеры.
Когда выбран текстовый фрейм, индикатор выбора отображает слова «Текстовый фрейм». Когда вы щелкаете виджет для «детализации» внутри вложенных элементов, рекомендуется отметить слова в индикаторе выбора, чтобы узнать, какой вложенный элемент выбран.
Вы будете выбирать различные контейнеры (например, отдельные кнопки навигации по меню), чтобы обновлять состояния кнопок, что позволяет дополнительно контролировать внешний вид кнопок при первой загрузке страницы, когда посетитель наводит курсор на кнопку и когда посетитель нажимает на них. Это также позволяет вам определить «активное» состояние, которое ориентирует посетителя, визуально указывая кнопку, соответствующую странице, которую посетитель просматривает в данный момент.
Чтобы щелкнуть вложенные контейнеры в виджете, вы можете щелкнуть несколько раз элемент, который хотите изменить. Обратите внимание на индикатор выбора и параметры, представленные на панели «Состояния», чтобы увидеть, когда вы выбрали вложенный элемент, который хотите изменить.
После того, как вы закончили обновление виджета, вы можете либо щелкнуть мышью (в другом месте страницы), чтобы отменить выбор виджета, либо несколько раз нажать клавишу Escape, чтобы перейти на уровень выше в иерархии виджета.
После того, как вы перетащите виджет из библиотеки виджетов на страницу, вы увидите значок синей стрелки в правом верхнем углу виджета, когда виджет выбран. Щелкните этот значок с синей стрелкой, чтобы открыть меню «Параметры».
Для каждого виджета доступны разные параметры, поэтому параметры, которые вы можете установить в интерфейсе меню «Параметры», различаются. Настройки управляют поведением виджета (например, выбор того, будет ли слайд-шоу воспроизводиться автоматически или посетители должны щелкать эскизы, чтобы увидеть каждое увеличенное изображение) и отображением виджета (например, указание типа перехода, который будет анимироваться при каждом переходе). отображается новое изображение).
При разработке веб-сайтов у вас будет возможность задать эти настройки и работать с вашими клиентами, чтобы найти наилучшие варианты для конкретного проекта. Помните, что в любое время, даже после публикации сайта в Интернете, вы можете вернуться к файлу .muse, выбрать виджет, щелкнуть значок с синей стрелкой, чтобы открыть меню «Параметры», и выполнить новые настройки для изменения виджета.
Позже, когда вы снова опубликуете сайт, внесенные вами изменения отразятся на действующем веб-сайте.
Виджеты меню позволяют динамически отображать названия страниц сайта и автоматически создавать ссылки на эти страницы. Это позволяет очень легко добавлять навигацию по сайту на страницы на основе карты сайта в представлении «План», и вам никогда не придется беспокоиться о создании неработающих ссылок. Вы также можете отключить определенные страницы, чтобы они не отображались динамически в виджетах меню, щелкнув правой кнопкой мыши миниатюру страницы в представлении «План» и сняв флажок «Включить страницу в навигацию». Эта опция включена по умолчанию (и отображает галочку, когда она включена).
Кроме того, вы также можете настроить виджеты меню вручную, если вы предпочитаете сами называть кнопки и добавлять ссылки на определенные страницы, а не позволять Adobe Muse создавать пункты меню. В меню «Параметры» в разделе «Тип меню» вы можете выбрать параметр «Вручную».
Выберите параметр «Вручную» в настройках типа меню, если вы хотите создать пользовательское меню вручную, а не создавать имена страниц и ссылки динамически.
Официальные уведомления | Политика конфиденциальности в Интернете
Процесс создания меню и ссылок на вашем сайте с помощью Muse CC
В этой статье продолжается создание ссылок и меню на вашем сайте, и мы рассмотрим методы, которые вы можете использовать для связывания страниц вашего сайта вместе.
Создание ручного меню
Ручное меню — это просто строка меню, которую вы создаете и которая не основана на страницах, созданных вами в представлении «План». Ручные меню не обязательно должны включать страницы верхнего уровня или второстепенные страницы. Более того, большинство ручных меню, размещенных на сайтах, содержат ссылки на «подстраницы» страницы или страниц, которые можно найти, только щелкнув ручное меню.
Вот пример.
Для нашего сайта мы создали страницу «Познакомьтесь с командой дизайнеров». На этой странице, пожалуй, мы расскажем о нашей команде дизайнеров в целом.
Однако мы можем захотеть создать ручное меню для этой страницы, содержащее ссылки на биографию каждого человека, входящего в команду дизайнеров. Это меню, которое не появится ни на одной другой странице и не содержит ссылок верхнего уровня.
Вот как мы это делаем.
Перейдите на страницу своего сайта, на которую вы хотите добавить ручное меню.
Вставьте меню, выбрав «Объект»> «Вставить виджет»> «Меню», затем выберите его с помощью инструмента «Выделение».
Щелкните значок параметров редактирования.
В раскрывающемся списке Тип меню выберите Вручную.
Вернитесь в меню на своей странице.
Как видите, в меню теперь всего одна кнопка.
Используйте инструмент «Текст», чтобы щелкнуть текст на кнопке и отредактировать метку.
Снова используйте инструмент «Выделение», чтобы щелкнуть меню.
Щелкните стрелку плюса, чтобы добавить новую кнопку.
Снова используйте инструмент «Текст», чтобы отредактировать новую метку.
Повторяйте эти шаги, пока не будет создано ручное меню.
Добавление гиперссылок в ручное меню
Теперь, когда вы создали ручное меню, пришло время добавить настоящие гиперссылки. Гиперссылки — это то, что приведет вашего посетителя с текущей страницы на ту, на которую ссылается кнопка.
Используйте инструмент «Выделение», чтобы выбрать кнопку в ручном меню.
Щелкните раскрывающееся меню «Гиперссылка» на панели управления.
Выберите страницу для ссылки. Если его нет в списке, вам придется создать его в представлении «План», а затем вернуться и повторить эти шаги.
Теперь щелкните слово «Гиперссылка» на панели управления.
Введите название страницы, на которую вы ссылаетесь.
Продолжайте повторять эти шаги, чтобы создать ссылки для вашего меню.
Создание гиперссылок
Гиперссылки — это части текста (слова, фразы, предложения и т. д.), которые превращаются в ссылку. По умолчанию эти ссылки отображаются синим цветом, а после нажатия — фиолетовым.
Гиперссылки могут указывать на страницы вашего веб-сайта или на страницы других веб-сайтов.
Ссылка на другие веб-сайты
Чтобы создать гиперссылку на другой веб-сайт, используйте инструмент «Текст», чтобы выбрать текст, который вы хотите превратить в гиперссылку.
Перейти к панели управления. Введите адрес, на который вы хотите сделать ссылку, в текстовом поле «Гиперссылка».
Ссылка на страницы вашего веб-сайта
Чтобы создать гиперссылку на страницу вашего собственного сайта, выберите текст, который вы хотите превратить в ссылку.
Затем щелкните раскрывающийся список «Гиперссылка» и выберите страницу, на которую хотите создать ссылку.
Ссылка создана для вас.
Ссылки на PDF, Word и другие файлы
Вы также можете создавать гиперссылки на файлы, чтобы посетители могли нажимать на них.
Для этого используйте инструмент «Текст», чтобы выделить текст, который вы хотите превратить в ссылку.
Перейти к панели управления. Введите имя файла документа, на который вы хотите создать ссылку, в текстовом поле «Гиперссылка».
Например: браслеты.pdf.
Ссылка создана для вас.
Хотите узнать больше? Почему бы не пройти онлайн-курс Adobe Muse?
Изменение стилей ссылок
Как мы уже говорили, по умолчанию гиперссылки отображаются синим цветом, пока на них не нажимают. Тогда они фиолетовые. Вы можете изменить эти цвета, если хотите.
Чтобы изменить стиль ссылки, используйте инструмент «Текст», чтобы выбрать ссылку, которую вы хотите изменить.
Щелкните слово «Гиперссылки» на панели управления.
Щелкните Редактировать стили ссылок.
Затем вы увидите диалоговое окно «Свойства сайта».
Выберите новый цвет для стилей ссылок, затем нажмите OK.
Использование якорных ссылок
Якоря используются, когда вы хотите создать ссылки, которые перенаправляют вашего посетителя в другое место на той же странице.
Чаще всего анкоры используются на страницах часто задаваемых вопросов. Посетитель нажмет на вопрос в верхней части страницы. Когда они нажимают на этот вопрос, они перемещаются дальше по странице, чтобы получить ответ.
Другими словами, якорные ссылки — это, по сути, ссылки, которые ведут посетителя в другое место на той же странице.
Чтобы создать якорную ссылку, вы должны сначала создать якорь. Якорь — это место на странице, куда ваши посетители попадут, когда нажмут на ссылку. Якорь — это пункт назначения.
Создание привязки
Чтобы создать привязку, перейдите в ту область страницы, где вы хотите разместить привязку.
Нажмите кнопку «Привязка ссылки» на панели управления. Выглядит так:
Щелкните страницу, на которой вы хотите установить привязку.
Теперь вы увидите диалоговое окно «Создать привязку».
Введите имя привязки и нажмите OK.
Создание ссылки
Чтобы создать ссылку, выделите текст на странице, который вы хотите превратить в гиперссылку.
Следуйте инструкциям, приведенным в этой статье, для создания гиперссылки.
Виджеты
Пришло время добавить немного дополнительных функций на ваши веб-страницы с помощью виджетов.
Виджет — это приложение, установленное на вашей веб-странице. Он занимает часть вашей веб-страницы и отображает различные типы информации, такие как новости, фотографии и т. д. Скорее всего, вы уже видели виджеты на других сайтах. Возможно, вы видели календари, часы или разделы, где представлены новости.
В этой статье мы узнаем, как размещать виджеты на веб-странице, используя те, которые Adobe Muse CC предлагает вместе с программой.
Виджеты композиции
Muse CC предлагает пять виджетов композиции, которые вы можете разместить на своем веб-сайте. Виджеты композиции отображают содержимое в большом окне с контейнерами меньшего размера, чтобы пользователи могли перемещаться по содержимому.
Добавление виджета избранных новостей
Виджет избранных новостей используется для добавления новостей о вашем сайте.
Чтобы добавить виджет избранных новостей, откройте страницу, на которую вы хотите добавить виджет, в представлении «Дизайн».
Далее откройте панель Библиотеки виджетов (Виджеты>Панель библиотеки).
Далее разверните раздел «Композиции», щелкнув по нему.
Представленный выше виджет имеет три контейнера содержимого. Один из контейнеров отображается на странице одновременно.
Слева от контейнеров содержимого находятся триггеры. Триггер — это то, что заставляет содержимое (выше) изменяться. Триггером может быть клик или ролловер. Вы также можете изменить текст на триггерах.
Изменение размера виджета
Используйте инструмент «Выделение», чтобы щелкнуть виджет, затем щелкните компонент виджета, размер которого нужно изменить.
На снимке ниже мы выбрали текстовый фрейм для изменения размера.
Теперь щелкните и перетащите ручку, чтобы изменить ее размер.
Компонент и виджет изменяются для вас.
Настройка виджета избранных новостей
Вы можете настроить виджет, чтобы указать такие вещи, как тип триггера, скорость воспроизведения виджета и многое другое.
Чтобы настроить виджет, используйте инструмент «Выделение», чтобы щелкнуть виджет, затем щелкните значок параметров редактирования. Выглядит так:
Затем вы увидите меню «Параметры композиции»:
Здесь вы можете выбрать:
Положение компонентов. В стопке каждая часть контента размещается поверх других. В шахматном порядке позволяет размещать каждую часть на странице. Lightbox отображает фрагмент в виде наложения.
Триггер для изменения содержимого. По клику означает, что посетитель должен нажать кнопку, чтобы просмотреть следующий фрагмент контента. On Rollover означает, что содержимое будет меняться при наведении указателя мыши на кнопку.
Выберите скорость и скорость для автоматического воспроизведения (необязательно).
Вы можете выбрать медленный, средний или быстрый, или вы можете установить для него значение «Нет» и отключить переход. Кроме того, вы можете настроить его на автоматическое воспроизведение, чтобы оно воспроизводилось само по себе, без запуска, а затем установить скорость на медленную, среднюю или быструю.
Оставлять ли триггеры сверху . Это позволяет вам решить, остаются ли кнопки поверх содержимого или за ним, если они перекрываются. Вы также можете сделать так, чтобы содержимое сначала было невидимым, а затем появлялось, когда посетитель взаимодействует с триггером.
Показать дополнительные детали . Здесь вы можете добавить три дополнительных триггера. Это кнопка «Назад», кнопка «Вперед» и кнопка «Закрыть».
Найдите время, чтобы изучить различные параметры, доступные вам с виджетом, а также то, как они влияют на виджет на вашей странице.
Редактирование содержимого виджета
Чтобы отредактировать содержимое виджета, щелкните инструмент выделения текста, затем щелкните содержимое виджета.
Выберите текст-заполнитель, отображаемый в виджете, и введите собственное содержимое.
Вы также можете изменить текст на кнопке запуска.
Мы отредактировали текст на наших триггерах ниже.
Чтобы добавить в виджет дополнительный текст, щелкните значок плюса. Вы увидите новую кнопку триггера и добавленную область содержимого.
Добавление виджета формы
Помимо виджетов композиции, Muse CC также предлагает виджеты формы. Виджеты форм — это формы, которые вы можете разместить на своем сайте для заполнения посетителями.
Чтобы вставить виджет формы, перейдите на панель «Библиотека виджетов». Нажмите «Формы», затем перетащите подробную контактную форму на свою страницу.
Изменение размера виджета
Используйте инструмент «Выделение», чтобы щелкнуть виджет, затем щелкните компонент виджета, размер которого вы хотите изменить. Ниже мы нажали на текстовое поле.
Настройка формы
Снимок выше — это форма, которую вы перетаскиваете на свою страницу.
Теперь пришло время настроить виджет, чтобы он работал на вашем сайте. Эта форма может быть контактной формой для вашей веб-страницы, поэтому вы хотите, чтобы ваши посетители могли ее использовать.
Щелкните значок редактирования параметров.
Adobe Muse CC позволяет очень легко настроить эту форму, чтобы она функционировала на вашем веб-сайте.
Давайте рассмотрим варианты.
Название формы . Это название формы. Если вы собирались разместить его на своей странице контактов, вы можете назвать его Форма обратной связи.
Электронная почта на номер . Это адрес электронной почты, на который будет отправлена форма, когда кто-то заполнит ее.
После отправки . Сообщите Adobe Muse CC, что вы хотите сделать после того, как посетитель отправит форму. Вы можете оставить их на странице с формой или отправить на другую страницу. Вы даже можете отправить их в файл. Например, вы можете использовать эту форму для сбора информации, прежде чем дать кому-то бесплатную электронную книгу.
Как только они заполнят форму, вы можете направить их к файлу электронной книги, чтобы они могли сохранить его на своем компьютере.
Стандартные поля . Поставьте галочку рядом с полями, которые вы хотите видеть в форме. Снимите галочки с тех, которые вы не хотите отображать.
Добавить настраиваемые поля . Вы также можете добавить свои собственные поля. Вы можете добавить поле, которое позволяет вводить одну строку текста, например, с полем «Имя», уже имеющимся в форме. Вы также можете добавить поля, допускающие ввод нескольких строк текста, например, поле «Сообщение», уже находящееся в форме.
Чтобы изменить текст в форме, щелкните инструмент «Текст», затем щелкните текст, который хотите изменить. Вы увидите мигающий курсор.
Добавление слайд-шоу
Слайд-шоу — это набор изображений с подписями. Слайд-шоу отлично подходят для размещения на страницах, потому что вы можете поместить несколько изображений в слайд-шоу, но оно займет место только одного изображения.
Посмотрите на слайд-шоу ниже.
Изменение размера слайд-шоу
Вы можете изменить размер изображений в слайд-шоу, а также элементов слайд-шоу, таких как триггеры.
Чтобы изменить размер изображения, используйте инструмент «Выделение» и щелкните изображение. Перетащите ручку, чтобы изменить ее размер.
Чтобы изменить размер элементов, используйте инструмент «Выделение». Нажмите на элемент, затем перетащите его, чтобы изменить размер.
Настройка слайд-шоу
Как и в случае с другими виджетами, о которых мы говорили в этой статье, вы можете настроить параметры виджета, щелкнув значок редактирования параметров.
Добавить изображения . Щелкните папку с файлами, чтобы добавить изображения в слайд-шоу.
Найдите изображение и нажмите «Открыть».
Это заменит текущее изображение на вашем экране тем, которое вы выбрали. Чтобы добавить другое изображение, щелкните триггер (выбранный выше), чтобы перейти к следующему изображению по умолчанию в слайд-шоу.
Новый герой . Выберите способ отображения изображений в слайд-шоу.
Новая миниатюра . Выберите способ отображения миниатюр в слайд-шоу.
Переход и скорость перехода. Выберите эффект перехода и скорость перехода. Вы также можете настроить автоматическое воспроизведение, как мы это сделали с виджетом избранных новостей.
Макет. Выберите макет слайд-шоу. Ниже лайтбокс.
Это полноэкранный режим.
Детали. Выберите части, которые вы хотите использовать в слайд-шоу. Вы можете выбрать подписи. Субтитры отображаются по умолчанию. Вы также можете выбрать миниатюры изображений. Кроме того, вы можете выбрать такие триггеры, как «Предыдущий и следующий» или «Первый и последний». У вас также может быть счетчик, который сообщает вам, какое изображение вы смотрите в серии и сколько всего изображений есть. Вы можете увидеть счетчик по умолчанию для слайд-шоу ниже.
