Перейти к содержимому
  • Способы создания меню сайта

       (19 отзывов)

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

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

      Обычным способом для создания мню нам нужно будет создать несколько текстовых фреймов и назначить на них ссылки на существующие странице. Давайте это сейчас и сделаем. Берем текстовый фрейм, создаем его, пишем название первой страницы "Главная". Заходим в режим "Редактирование текста", ставим текст по центру, стараемся выравнять по высоте. Далее выделим текст, сделаем размер 18, затем выходим из режима редактирования текста. Сделаем заливку оранжевого цвета. Итогом будет оранжевая кнопка для первой страницы сайта. Разместим ее в левом верхнем углу. Также нужно создать еще несколько таких же кнопок (по количеству пунктов в меню). Также для каждой кнопки нужно назначить несколько различных состояний.

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

      Второй вариант, который предлагает программа Adobe Muse - это использование библиотеки мини-приложений. Она расположена в правой панели программы. Вы нажимаете на данную кнопку, и у вас появляется окно, где вы можете выбрать стандартные приложения и виджеты от программы. Здесь есть закладка "Меню" и сразу есть два вида меню - по вертикали и по горизонтали. Выберем меню по горизонтали, сразу появляется превью, наводим на надпись "По горизонтали", нажимаете 1 раз на ее и перетаскиваете на страницу в то место, где вы хотите меню разместить. Таким образом у вас автоматически создано меню со всеми страницами сайта. И все названия сразу прописаны на кнопках. Вот так одним кликом мышки вы можете создавать меню для сайта.

      В дальнейшем при редактировании данного меню, если вы захотите что-то поменять, например, вы хотите сделать меню шире, вам можно будет лишь растянуть данное меню на нужную ширину, и автоматически все кнопки подравняются. То же самое вы можете делать и со шрифтами. Заходите в изменение шрифтов, выбираете нужный шрифт. Шрифт будет ровно расположен даже при изменении размера, а все остальные кнопки тут же будут подстраиваться. То есть при создании меню в ручную вы делаете очень много операций и очень долгое время, а при создании меню с помощью "Библиотеки мини-приложений" вы можете сделать все гораздо быстрее. Поэтому практически в 100% случаев мы рекомендуем использовать данный виджет программы Adobe Muse. На этом мы заканчиваем данный урок. Вам необходимо будет выполнить задание к данному уроку, ответить на вопросы и переходить к дальнейшему обчуению.

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


      Жалоба


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


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

    Понятно

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


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

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

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


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

    +

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


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

    ок

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


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

    Понятно

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


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

    А где вопросы?

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


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

    Это просто.

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


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

    Не показан способ изменения расстояния между кнопками при использовании виджета меню. Ответ в разделе "Вопросы" не ясен.

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


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

    Спасибо, интересно!

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


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

    Спасибо.

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


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

    Удобная, полезная штука. Спасибо!

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


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

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

    Для того, чтобы текст кнопки сделать ровно по центру блока нужно сделать Интерлиньяж - 100%, добавить одинаковые отступы до и после, прибавить размер шрифта  и сделать высоту блока, равную сумме всех слагаемых. Ну и само собой Выключка по центру

    Пример:

    Размер шрифта - 40

    Отступ перед - 15px

    Отступ после - 15px

    Интерлиньяж - 100% (обязательно).

    Высота кнопки = 40+15+15=70. Выключка по центру. Текст лежит идеально по центру

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


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

    удобно очень!

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


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

    Видео просмотрела. Создала меню с помощью виджета. Получилось. Все понятно.

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


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

    Всё понятно.

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


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

×