Jump to content
  • Sign in to follow this  

    Параметры картинок

       (27 reviews)

    Евгений Зубов
    • 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; Средняя сложность display: none;
      1. Пройдите тестирование для этого урока
      2. Оцените урок и сдайте задание

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

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

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

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

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

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

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

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

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

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


      Report Занятие
    Sign in to follow this  


    User Feedback

    Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.
    Note: Your post will require moderator approval before it will be visible.

    Guest

    Genka

    +

    Share this review


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

    Интересно

    Share this review


    Link to review

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

    Share this review


    Link to review
    Zhanibek_jez

    Понятно

    Share this review


    Link to review
    gcom22

    интересно

    Share this review


    Link to review
    Алексей

    Грамотно.

    Share this review


    Link to review
    Иван18

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

    Share this review


    Link to review
    Aspirantmiha

    Понятненько

    Share this review


    Link to review
    ievseev09

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

    Share this review


    Link to review
    7dgoni6

    Понятно.

    Share this review


    Link to review
    Андрей А

    Все понятно!

    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

×
×
  • Create New...