Jump to content
  • Sign in to follow this  

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

       (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; Средняя сложность display: none;
      1. Пройдите тестирование для урока
      2. Оцените урок и сдайте задание

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

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

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

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

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

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

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

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


      Report Занятие
    Sign in to follow this  


    User Feedback


    У меня не получается изменить цвет одновременно у всего меню. То есть я делаю так: выделяю меню, в параметрах я ставлю галочку "Редактировать вместе", дальше выбираю заливку цветом (например, синим) и вот что у меня получается:

    http://joxi.ru/8239OL8F644ODr - видно, что стоит галочка "Редактировать вместе"

    http://joxi.ru/L219LWJF6OOJO2 - выбрала заливку синим, но она словно за меню где-то

    http://joxi.ru/82QZVe4f1ddgEA - и когда я затем выбираю отдельную кнопку (при этом галочка "Редактировать вместе" по прежнему остается), заливка снова становиться серой в меню "заливка"

    http://joxi.ru/82QZVe4f1ddgEA - видно, что галочка "Редактировать вместе" стоит

    http://joxi.ru/KAxneYMh488Xwm - выбираю заливку синим и заливается только одна кнопка синим

    Это ошибка программы или я что-то неправильно делаю?

    Попробовала другой вариант: выделила одну кнопку (не главной страницы), поставила галочку Редактировать вместе" и изменила заливку - таким образом заливка изменилась у всего меню, кроме кнопки с главной страницей. Ее приходится менять вручную отдельно. 

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

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

    Share this comment


    Link to comment
    Share on other sites

    Здравствуйте, Яна!

    Это не ошибка программы. Когда Вы пытаетесь применить цвет для отдельной кнопки, Вы делаете это для Состояния - Активное. Проще говоря, Вы настраиваете дизайн для кнопок когда текущая вкладка активная.

    Правильно сделать так:

    1. Выделяете кнопку меню
    2. Переключаете состояние на Стандартное

      2016-02-15_104228.jpg.f9a2abc424dc71bf82
       
    3. Настраиваете дизайн как хотите

    После этого настройки будут применены ко всем кнопкам.

    По второму вопросу:

    Чтобы полностью вручную управлять меню, достаточно переключить его режим. После этого, нужно будет один раз создать все кнопки в меню.

    2016-02-15_104228.jpg.f9a2abc424dc71bf82

    P.S. Яна, просьба прикреплять все картинки в само сообщение. Просто перетягиваете картинку в область под сообщение. Картинки загруженные на joxi очень не надежны.

    Share this comment


    Link to comment
    Share on other sites


    Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.
    Note: Your post will require moderator approval before it will be visible.

    Guest
    Add a comment...

    ×   Pasted as rich text.   Restore formatting

      Only 75 emoji are allowed.

    ×   Your link has been automatically embedded.   Display as a link instead

    ×   Your previous content has been restored.   Clear editor

    ×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...