Перейти к содержимому
  • Настройка выпадающих подменю

       (18 отзывов)

    Евгений Зубов
    • 47 4,25,6,20,3,26,27,28,29 4,6,32 https://creatura.club/uploads/monthly_2016_01/3.8.4_Nastroyka_vyipadayushhih_spiskov.mp4.869162156c2eda014e16bdbb280dd5e0.mp4 5 До 5 минут display: none; https://creatura.club/uploads/ Высокая сложность display: none;
      1. Пройдите тестирование для урока
      2. Оцените урок и сдайте задание

      В этом роке мы рассмотрим создание выпадающих списков в меню для сайтов в программе Adobe Muse. Заходим в программу, у нас уже создан план сайта, где есть 4 страницы: "Главная", "О компании", "Продукты" и "Контакты". Давайте зайдем в режим "Дизайн шаблона А", чтобы создать меню на всех страницах сайта одновременно. Зайдем в "Библиотеку мини-приложений", выберем раздел "Меню", "По горизонтали". Далее перетягиваем данное меню на страницу, и автоматически у нас появились 4 кнопки. Сейчас мы видим, что в параметрах нашего приложения стоит "Тип меню" -  "Страницы верхнего уровня". Для того, чтобы увидеть все страницы сайта в данном меню, мы должны выбрать здесь "Тип меню" -  "Все страницы". Сейчас у нас ничего не изменилось, так и остались 4 кнопки меню.

      Но если, допустим, у нас на сайте для данной страницы есть еще пара страниц, например, страница "Продукты", а к ней еще страницы "Продукт 1", "Продукт 2", "Продукт 3", то в таком случае снова заходим в режим дизайна шаблона А, и теперь в данном меню появились 3 подпункта меню с такими же названиями. Сейчас в режиме "Дизайн" мы видим этот список сразу раскрытым, чтобы его было удобно редактировать. Но если мы зайдем в режим "Просмотр", то мы увидим, что в меню возле кнопки "Продукты" есть лишь стрелочка. При наведении курсора мыши на данную кнопку мы видим, что появляется выпадающий список, в котором есть ссылки сразу на 3 дочерние страницы. Давайте снова зайдем в режим дизайна шаблона А и посмотрим, как мы можем настраивать выпадающий список.

      Для того, чтобы отредактировать 1 кнопку, мы должны выделить 1 кнопку выпадающего списка и сделать ей заливку. Сделаем заливку синим цветом. После редактирования лишь одной кнопки изменяется дизайн всех кнопок выпадающего списка. Далее выделяем весь список сразу, у нас появляются элементы выделения, и мы можем с их помощью изменить размер данного списка (удлинить, укоротить и т.д.). Точно так же, выделив 1 кнопку списка, изменяя ее различные состояния, мы можем изменять состояния всех кнопок списка сразу. Все эти изменения относятся только к кнопкам списка. При этом дизайн основных кнопок сайта остается прежним.

      Для того,чтобы удалить 1 из кнопок списка, нам нужно зайти в режим "План сайта" и удалить ненужную страницу. Например, удалим страницу "Продукт 2", зайдем снова в режим дизайна шаблона А, и мы видим, что в выпадающем списке только 2 кнопки. Таким образом с помощью данного приложения "Библиотеки" программы мы можем настраивать выпадающие списки для своего сайта. При этом, если мы сейчас захотим создать дочернюю страницу для одной из этих дочерних страниц, например, нажимая на + снизу, мы создаем еще пару страниц для страницы "Продукты 3". Не будем сейчас называть эти страницы какими-то именами. Зайдем в режим дизайна шаблона А, и в данном случае мы увидим, что кнопки "Продукт 3" появился еще дополнительный выпадающий список "Без имени 6" и "Без имени 7".

      При этом возле названия кнопки "Продукт 3" появилась стрелочка. Если мы зайдем в режим "Просмотр", то мы сможем увидеть, что при наведении курсора мыши на кнопку "Продукты", у нас появляется выпадающий список из 2 пунктов. И при наведении курсора мыши на "Продукт 3" у нас появляется еще 1 список с дочерними страницами. Заходим в режим дизайна шаблона А. Если мы теперь захотим изменить дизайн нового выпадающего списка, то точно также мы выделяем одну из кнопок списка, делаем ей необходимые изменения, и все кнопки данного списка изменяют свой дизайн.

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

    Как создать выпадающее подменю? Вы узнаете из этого урока. Настройка дизайна и функционала дополнительных выпадающих списков меню. Какие существуют тонкости и секреты работы с этим элементом.


      Жалоба


    Отзывы пользователей


    Слава Баранов

    Понятно

    Поделиться отзывом


    Ссылка на отзыв
    Даниил Князев

    Все понятно, спасибо.

    Поделиться отзывом


    Ссылка на отзыв
    Genka

    +

    Поделиться отзывом


    Ссылка на отзыв
    Юлия+Коваль

    +1

    Поделиться отзывом


    Ссылка на отзыв
    Zhanibek_jez

    Понятно

    Поделиться отзывом


    Ссылка на отзыв
    Гость Падалко Сергей

    Идем дальше

    Поделиться отзывом


    Ссылка на отзыв
    Дмитрий Жуков

    Просмотрено.

    Поделиться отзывом


    Ссылка на отзыв
    Алексей

    Грамотно.

    Поделиться отзывом


    Ссылка на отзыв
    Андрей А

    ВСе понятно!

    Поделиться отзывом


    Ссылка на отзыв
    Валерий1234

    Спасибо

    Поделиться отзывом


    Ссылка на отзыв
    Sharovich

    Всё понятно. Спасибо.

    Поделиться отзывом


    Ссылка на отзыв
    YanaZamkova

    все понятно!

    Поделиться отзывом


    Ссылка на отзыв
    gladir1

    Все повторила. Понятно

    Поделиться отзывом


    Ссылка на отзыв
    7dgoni6

    Спасибо.

    Поделиться отзывом


    Ссылка на отзыв

×