Перейти к содержимому
  • Параметры картинок

       (27 отзывов)

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

      Здравствуйте.

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

      Во всех этих случаях браузер просто не будет отображать картинку. На ее месте будет отображаться пустое место или рамка. Можно, конечно, это так и оставить, но в программе Adobe Muse есть возможность настройки параметров графических изображений, и вместо пустого пространства на странице показывать текст, который будет выводиться, если невозможно отобразить само изображение.

      Давайте зайдем в программу Adobe Muse. У меня в проекте уже вставлено графическое изображение, картинка через «Файл»—«Поместить».

      Для того чтобы перейти к настройкам параметров изображения вам необходимо нажать правой кнопкой мыши на него и выбрать во всплывающем контекстном меню «Редактировать свойства изображения». Перед вами появится дополнительное окошко «Свойства изображения», где вы сможете заполнить 2 поля: поле «Подсказка», которое предназначено для вывода всплывающей надписи при наведении курсора мыши на изображение, либо на то место, где оно должно быть размещено и «Альтернативный текст». Альтернативный текст нужен нам для описания изображения для поисковых систем и программ чтения с экрана.

      Давайте заполним эти поля. В поле «Подсказка» напишем «Форум создателей сайтов», в «Альтернативном тексте» напишем, например, «digitalmakers.ru». Нажимаем «Ок». И давайте просмотрим теперь, как это выглядит у нас в браузере. Заходим в меню «Файл»—«Предварительный просмотр страницы» в браузере, теперь мы видим, что при наведении курсора мыши на данное изображение у нас возникает подсказка – «Форум создателей сайтов».

      Если бы у нас в браузере были отключен картинки, давайте зайдем в «Настройки»—«Показать дополнительные параметры»—«Настройки контента», пока сделаем настройку, чтобы картинки браузер не показывал. Нажимаем «Готово». Закрываем «Настройки». Перезагрузим страницу. Все. Теперь браузер не показывает картинки, но при наведении мыши на то место, где она должна была бы быть, у нас возникает подсказка – «Форум создателей сайтов». Закрываем браузер.

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

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

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


      Жалоба


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


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

    Здорово

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


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

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

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


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

    +

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


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

    Интересно

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


    Ссылка на отзыв
    Гаврилова Ирина

    Полезно.Благодарю!

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


    Ссылка на отзыв
    Александр+Петряев

    А альтернативный текст не должен был появиться на месте картинки?

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


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

    просмотрено

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


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

    Понятно

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


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

    интересно

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


    Ссылка на отзыв
    Екатерина Химич

    Доходчиво и ясно!

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


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

    Грамотно.

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


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

    Класс, все понятно!

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


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

    ОК

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


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

    Понятненько

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


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

    ++++++++++++

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


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

    Понятно.

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


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

    Все понятно!

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


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

    спасибо, все предельно ясно)

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


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

    Повторила все действия. Получилось. Все понятно. Спасибо.

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


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

    Спасибо!

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


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

×