Виджеты Меню для сайта

Виджеты Меню для сайта Adobe Muse

Виджеты Меню для сайта в Adobe Muse

В этом видеоуроке рассмотрим стандартные виджеты меню для сайта из библиотеки мини-приложений программы Adobe Musе:

— вертикальное меню;
— горизонтальное меню.

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

Смотрите это видео:

Наш следующий урок по стандартным мини-приложениям программы Adobe Muse – это мини-приложения  или Виджеты Меню.

Виджеты Меню для сайта. Вертикальное и горизонтальное меню.

В библиотеке мини-приложений программы доступны два мини-приложения – это «Меню по вертикали» и «Меню по горизонтали». Опять же они практически ничем не отличаются. Точно также, как и стандартные приложения из раздела «Композиции», которые мы рассматривали на предыдущем видеоуроке. Отличаются они только настройками.

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

Виджеты Меню для сайта. Автоматические кнопки и ссылки.

Мини-приложение «Меню» позволяет нам быстро создавать меню для сайта. Об этих мини-приложениях у меня уже есть пара видеоуроков. Это мини-приложение позволяет быстро создать меню на сайте. Например, если у вас несколько страниц на сайте, а также есть еще и подстраницы – дочерние страницы, так называемые, то вы увидите, что автоматически в меню появились все эти страницы.

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

Виджеты Меню для сайта. Основные настройки.

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

Первые две опции позволяют нам создавать нам автоматическое меню. Если мы выставляем «Вручную», то у нас появляется всего лишь одна кнопка. Мы можем добавлять сюда еще кнопки – сколько нам понадобится. И уже ссылки на эти кнопки мы должны будем указывать самостоятельно – всё вручную.

Виджеты Меню для сайта. Быстрый дизайн.

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

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

Виджеты Меню для сайта. Интервал.

Еще здесь есть настройки размера элемента. Либо мы выбираем «Одинаковый интервал», тогда мы получаем одинаковый интервал между надписями, либо мы выбираем «Равномерный размер» — равномерный размер каждой из кнопок – все кнопки у нас будут одинакового размера, как это видно сейчас. Если же мы выставим «Одинаковый интервал» и, например, у нас в одной из кнопок длинное название, то при создании следующей кнопки, мы получаем вот эти интервалы, которые между словами, одинаковыми. При этом сами кнопки у нас разного размера.

Виджеты Меню для сайта. Значки разделов меню.

Также мы можем здесь добавить еще «Показывать значок слева» -добавить сюда какую-нибудь картинку. Или вообще отключить подписи на кнопках, оставив только сами элементы. Также мы можем включить или выключить «Показывать значок справа» или, например, только «Подменю», если мы выставим здесь «Все страницы».

Виджеты Меню для сайта. Размещение частей меню.

И последняя опция, которую мы можем настраивать для меню – это «Размещение частей». Можем выбрать «По горизонтали; по центру», «По горизонтали; по верхнему краю» — у нас надписи все смещаются вверх, «По вертикали; по центру» и «По вертикали; по левому краю» — тогда все надписи на кнопках смещаются в левую сторону.

Виджеты Меню для сайта. Гибкая верстка. Выводы.

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

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

Подписывайтесь на мой канал, ставьте лайки к этому видео, пишите комментарии. И до встречи в следующих видеоуроках!

Смотрите также:

Виджеты Слайд-шоу для сайтаВиджеты Панели Adobe MuseВиджеты Композиции в Adobe MuseБесплатные виджеты для Adobe Muse

Автор видеоурока
Дмитрий Шаповалов

Оставить комментарий

Подтвердите, что Вы не бот — выберите самый большой кружок: