Перейти к содержимому
  • Созданию меню в автоматическом режиме

       (18 отзывов)

    Евгений Зубов
    • 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 предложенных вариантов: "По горизонтали, по по центру", "По горизонтали, по верхнему краю", "По вертикали, по центру" или "По вертикали, по левому краю".

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

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


      Жалоба


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


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

    Все понятно

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


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

    +

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


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

    ок

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


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

    Понятно

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


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

    +

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


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

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

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


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

    Грамотно.

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


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

    Все понятно!

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


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

    Спасибо.

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


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

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

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


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

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

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


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

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

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


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

    Все понятно.

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


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

    Спасибо.

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


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

×