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


    при отключении отображения изображений в гугл хром, подсказка не всплывает. что-то заблокировано?

    Share this comment


    Link to comment
    Share on other sites


    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
    Add a comment...

    ×   Pasted as rich text.   Restore formatting

      Only 75 emoji are allowed.

    ×   Your link has been automatically embedded.   Display as a link instead

    ×   Your previous content has been restored.   Clear editor

    ×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...