Jump to content
  • Созданию меню в автоматическом режиме

       (18 reviews)

    Евгений Зубов
    • 45 4,25,6,20,3,26,27,28,29 4,6,32 https://creatura.club/uploads/monthly_2016_01/3.8.2_Sozdanie_menyu_v_avtomaticheskom_rezhime.mp4.ee716eb63bda7a992621872c0903d033.mp4 6 До 10 минут display: none; https://creatura.club/uploads/ Средняя сложность display: none;
      1. Пройдите тестирование для урока
      2. Оцените урок и сдайте задание

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

      Как вы видите, при таком способе создания меню у нас автоматически прописываются все страницы данного сайта. Давайте посмотрим немного подробнее, как мы можем автоматически добавить или удалить кнопки из данного меню. При создании данного меню вы видите, что сразу автоматически создались 4 кнопки. Эти кнопки соответствуют четырем созданным страницам в режиме "План сайта". Если мы сейчас захотим добавить еще одну какую-либо страницу, например, страницу "Оплата", и перейдем в режим "Дизайн шаблона", то мы увидим, что кнопок в данном меню стало сразу 5. Таким образом по мере добавления страниц на сайт в режиме "План" у нас в данном меню автоматически добавляется кнопка. При этом размер меню остается прежним, а меняются только размеры кнопок.

      То есть каждая из кнопок равномерно стала меньше. Для того, чтобы изменить данное меню, мы можем растянуть его до нужной нам ширины, и все кнопки автоматически подравниваются и имеют одинаковый размер. Также на каждую из этих кнопок автоматически добавлена ссылка на каждую из страниц нашего сайта. Давайте закроем "Библиотеку мини-приложений". Нажимаем на треугольник, заходим в настройки данного мини-приложения, мы видим, что у нас есть различные настройки. Первая настройка  это "Тип меню". Мы можем выбирать то, какие страниц будут отображаться в меню сайта. Если мы выберем "Все страницы", то будут выбираться все страницы. "В ручную" - мы можем добавлять кнопки в ручную.

      Далее есть настройка по размещению кнопок. Сейчас все кнопки размещены по горизонтали. Мы можем выбрать значение "По вертикали", и все кнопки автоматически разместятся по вертикали. Мы получаем быстрое вертикальное меню сайта. Далее мы можем поставить или убрать галочку "Редактировать вместе", и тогда при редактировании даже одной кнопки эти изменения применяются ко всем кнопкам меню. Если мы галочку уберем, то изменения на одной кнопке не будут распространяться на другие кнопки. Мы также можем изменять "Размеры элемента": выставляем либо "Равномерный размер", либо "Одинаковый интервал". Это больше нужно для горизонтального меню.

      Если мы вставляем "Равномерный размер", то все кнопки меню имеют одинаковый размер. Если же мы выставим "Одинаковый интервал", то в данном случае это не так заметно, но если уменьшить меню, то размер кнопок будет разным, но расстояние между названиями и границами кнопок одинаковые. Давайте снова зайдем в настройки этого приложения, и  далее идет блок "Составные элементы". Мы можем поставить флажок "Показывать значок слева", тогда в каждом из пунктов меню появляется квадратик, который мы можем редактировать (назначать туда картинку, цвет, заливку, обводку и все остальное). То есть все то, что мы можем делать с графическими блоками и обычными прямоугольниками.

      Далее мы можем "Убрать или Показывать подпись".  В  данном случае у нас просто исчезнут все названия кнопок, и мы получим меню, которое состоит из обычных цветных прямоугольников. Иногда эта функция бывает полезной, когда нам нужно создать быстро компактное меню. Вернем флажок обратно. "Показывать флажок справа" - аналогично предыдущему значку. Точно также мы можем выключить данную функцию, либо поставить ее для подменю - так стоит по умолчанию. Последний параметр - "Размещение текста кнопки внутри каждой кнопки". Мы можем выбрать из 4 предложенных вариантов: "По горизонтали, по по центру", "По горизонтали, по верхнему краю", "По вертикали, по центру" или "По вертикали, по левому краю".

      Вот таким образом автоматически мы можем редактировать данное меню. При этом если мы сейчас захотим удалить несколько страниц сайта, например, страницу "Контакты" и "Продукты", то автоматически у нас в меню удаляются данные кнопки. И не нужно в ручную все это делать. На этом мы заканчиваем данный урок. Вам нужно будет выполнить задание к уроку, ответить на вопросы и перейти на следуюущий урок.

    Вы узнаете как автоматически создавать меню для сайта. Какие инструменты нужно использовать для этого и как ими правильно пользоваться. Создадите свое "автоматическое" меню для сайта.


      Report Занятие


    User Feedback


    Genka

    +

    Share this review


    Link to review
    Zhanibek_jez

    Понятно

    Share this review


    Link to review
    Guest Падалко Сергей

    +

    Share this review


    Link to review
    Алексей

    Грамотно.

    Share this review


    Link to review
    Андрей А

    Все понятно!

    Share this review


    Link to review
    Aspirantmiha

    Оказывается, все на много удобнее, чем я думал. Спасибо!

    Share this review


    Link to review
    Sharovich

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

    Share this review


    Link to review
    YanaZamkova

    попробовала создать меню, не все понятно... задам вопросы в Вопросах.

    Share this review


    Link to review
    gladir1

    Все понятно.

    Share this review


    Link to review
    7dgoni6

    Спасибо.

    Share this review


    Link to review

×