Jump to content
  • Состояния объектов на сайте

       (22 reviews)

    Евгений Зубов
    • 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 состояния: "стандартное", "курсор над кнопкой",  "нажата кнопка мыши", "активное состояние". Используя эти состояния, мы можем добиваться некой интерактивности на сайте при взаимодействии сайта с пользователем.

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

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


      Report Занятие


    User Feedback


    Genka

    +

    Share this review


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

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

    Share this review


    Link to review
    Zhanibek_jez

    Понятно

    Share this review


    Link to review
    Алексей

    Грамотно.

    Share this review


    Link to review
    Aspirantmiha

    Пригодится!

    Share this review


    Link to review
    ievseev09

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

    Share this review


    Link to review
    Андрей А

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

    Share this review


    Link to review
    Sharovich

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

    Share this review


    Link to review
    7dgoni6

    Всё понятно.

    Share this review


    Link to review
    YanaZamkova

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

    Share this review


    Link to review
    gladir1

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

    Share this review


    Link to review
    lukomorik

    Спасибо!

    Share this review


    Link to review
    zse777

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

    Share this review


    Link to review

×