Перейти к содержимому
  • Состояния объектов на сайте

       (22 отзыва)

    Евгений Зубов
    • 28 4,25,6,20,3,26,27,28,29 4,6,32 https://creatura.club/uploads/monthly_2015_12/567ef975ec1aa_3.4.1.mp4.7d61dc121d5e8df416a4b9792d60962b.mp4 5 До 5 минут display: none; https://creatura.club/uploads/ Низкая сложность display: none;
      1. Пройдите тестирование для урока
      2. Оцените урок и сдайте задание

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

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

      Первое состояние - стандартное. О нем мы уже поговрили. Второе состояние - курсор над кнопкой. Оно позволяет изменять состояние объекта, когда наводится курсор мыши. Для получения доступа к этим настройкам, мы кликаем левой кнопкой мыши на объекте, и видим, что надпись поменялась со "Стандартного" на "Курсор над кнопкой". Далее мы можем изменять любые параметры данного прямоугольника, и это будет значить, то мы изменяем параметры именно для состояния "Курсор над кнопкой".

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

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

      Вот так работают состояния в программе Adobe Muse.  Теперь зайдем в режим Дизайн. У нас для каждого объекта есть 4 состояния: "стандартное", "курсор над кнопкой",  "нажата кнопка мыши", "активное состояние". Используя эти состояния, мы можем добиваться некой интерактивности на сайте при взаимодействии сайта с пользователем.

      На этом мы заканчиваем данный урок. Выполнитезадание, ответьте на вопросы и переходите к дальнейшему обучению. 

    Познакомитесь со состояниями. Это те штуки которые позволяют сделать другой внешний вид для кнопки когда на нее наводится курсор. Вы узнаете как использовать этот инструмент и увидите живые примеры.


      Жалоба


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


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

    Все понятно

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


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

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

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


    Ссылка на отзыв
    Руслан Гараев

    Очень полезно

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


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

    +

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


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

    Интересненькое начинается

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


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

    +1

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


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

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

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


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

    Понятно

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


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

    Грамотно.

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


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

    Спасибо

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


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

    Пригодится!

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


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

    Классная вещь!!!

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


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

    Интересная функция!

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


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

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

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


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

    Всё понятно.

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


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

    супер! особенно с обновлением эффектов.

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


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

    Все понятно. Все получилось.

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


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

    Спасибо!

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


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

    Великолепно!

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


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

×