Перейти к содержимому
  • Работа со стилями ссылок

       (18 отзывов)

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

      В этом видеоуроке мы рассмотрим работу со стилями ссылок в программе Adobe Muse. Заходим в программу, создадим здесь прямоугольник, сделаем ему синюю заливку для того, чтобы поработать с гиперссылками. Выберем инструмент "Выделение", выделим данный прямоугольник, и нам становятся доступными настройки гиперссылок. Настройки стилей ссылок открываются после нажатия на надпись "Гиперссылки". Тут же есть кнопка "Редактировать стили ссылок", перед нами появляется окно. Что оно из себя представляет?

      Данное окно представляет собой настройки свойств сайта. Здесь же есть специальный раздел "Стили гиперссылок". Работа в данном разделе не представляет собой ничего сложного. Данные настройки нужны нам для того, чтобы показать, как будут реагировать наши ссылки при наведении курсора мыши, как будут выглядеть те ссылки, по которым уже были переходы, как будет выглядеть активное и стандартное состояние ссылки. По умолчанию в программе стоит синий цвет в состояниях "Стандартное" и "Наведение мыши", а "После перехода" - фиолетовый цвет, "Активное состояние" - красный цвет. Также для каждого состояния мы можем настроить жирность текста, курсив, подчеркивание.

      По умолчанию стоит для всех состояний ссылок подчеркивание. Мы можем создать свой собственный стиль для ссылки, нажав на значок в нижней части данных настроек. Нажимаем на него, получаем стиль по умолчанию "Копия". Здесь мы можем написать "Мой собственный стиль". И теперь мы можем этот стиль изменить. Давайте изменим цвет в состояниях "Стандартное" и "Наведение мыши" на оранжевый. Состояние "После перехода" по этим ссылкам будет зеленым, а в "Активном" состоянии ссылка будет черной. Может это и не самое лучшее сочетание цветов, но для наглядности оставим так.

      Для всех состояний также поставим начертание жирное. Для этого 2 раза кликаем на каждом из квадратов, поскольку они имеют 3 значения: 1) Гиперссылка всегда отображается полужирным шрифтом в состоянии Стандартное
      2) Гиперссылка будет использовать локальное свойство в состоянии Стандартное
      3)Гиперссылка никогда не отображается полужирным в состоянии Стандартное. выставим все эти значки и нажмем Ок.

      Далее создадим некоторый текст, например, напишем muse.digitalmakers.ru Не будем его никак редактировать. Выделяем текст, заходим в "Гиперссылки", поставим гиперссылку на данный сайт, нажимаем Enter. Таким образом данная гиперссылка применилась к тексту. Теперь выберем инструмент "Выделение", немного уменьшим и продублируем текстовый фрейм. Заходим в меню "Редактировать", "Дублировать" и перенесем его несколько ниже. Теперь выделим текст у только что созданной ссылки, создадим собственный стиль, и теперь вы видите сразу, как поменялось состояние "Стандартное" у данной ссылки. У нашей первой ссылки стиль текста стоял "По умолчанию".

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

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

    Что такой стили ссылок? Как одним щелчком изменить оформление сразу всех ссылок? Данный урок отвечает на оба вопроса. Увидите примеры и сможете применять их в реальной жизни.


      Жалоба


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


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

    Нормуль

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


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

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

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


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

    +

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


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

    +1

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


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

    Понятно

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


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

    Прошел

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


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

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

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


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

    Грамотно.

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


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

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

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


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

    Спасибо

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


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

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

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


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

    ок!

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


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

    Урок посмотрела. Повторила. Понятно

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


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

    Спасибо.

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


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

×