Внимание! Сайт переехал на новый домен sayt-sozdat.ru. Пожалуйста, обновите страницы закладок с новыми URL
×
Закрытие
2
×

Дополнительные материалы бесплатно предоставляются только зарегистрированным пользователям.

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

Для тех кто не зарегистрирован, можно это сделать на вкладке Регистрация.

Устанавливаем графический редактор GIMP

  1. Выбор графического редактора
  2. Устанавливаем программу GIMP
  3. Устанавливаем Руководство пользователя

Здравствуйте уважаемый посетитель!

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

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

Кроме того здесь можно будет посмотреть, как в этот редактор добавить встроенное "Руководство пользователя", а также приведен бесплатный видеокурс, где можно поближе с ним познакомиться.

Для тех же, кто хочет заниматься дизайном на платном Adobe Photoshop (фотошоп), здесь также упомянут и такой вариант, основанный на использовании продления льготного бесплатного периода фотошопа на неопределенное время...

Cайт на практическом примере

Текущее состояние создаваемого сайта

Здесь можно посмотреть текущее состояние сайта, создаваемого в рамках цикла статей Самописный сайт с нуля своими руками.

Исходные файлы данного сайта можно скачать из прилагаемых к статьям дополнительных материалов.

Вы здесь: Главная → Онлайн информер

Онлайн информер об IP-адресе, размере окна браузера, разрешении экрана монитора (дисплея)

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

Данный информер позволяет в онлайн режиме определить свой IP-адрес, с которого обеспечивается доступ в Интернет, размер области просмотра веб-обозревателя и фактическое разрешение своего монитора (дисплея).

IP-адрес


IP-адрес, через который в настоящее время пользовательское устройство подключено к сети Интернет 3.228.11.9

Размер окна браузера


Следует отметить, что возможность в онлайн режиме определять размер области просмотра обозревателя довольно удобно использовать для оценки качества сайтов при работе с различными экранами пользовательских устройств .

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

Особенностью данного информера является то, что изменения значений размеров области просмотра можно отслеживать в режиме онлайн без необходимости обновления страницы.

Ниже показано определение размера свернутого окна на примере обозревателя "Microsoft Edge".

Для увеличения / уменьшения размера изображения кликните по картинке
Разрешение экрана по ширине

Рис.1

Разрешение экрана пользовательского устройства


При определении параметров разрешения монитора компьютера обычно используются стандартные инструменты, например в ОС Windows это можно сделать через панель управления.

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

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

Для этого в режиме развернутого окна достаточно установить соответствующий масштаб (если окно свернуто, то необходимо развернуть его на полный экран с помощью меню обозревателя, как показано на рис.2). Ниже в таблице приведено соответствие масштаба для некоторых наиболее популярных браузеров.

Браузер Microsoft Edge Opera Google Chrome Mozilla Firefox Orbitum
Масштаб 100% 80% 80% 80% 100%
Браузер Масштаб
Microsoft Edge 100%
Opera 80%
Google Chrome 80%
Mozilla Firefox 80%
Orbitum 100%

На следующем скриншоте показано определение разрешения экрана на примере браузера "Microsoft Edge".

Для увеличения / уменьшения размера изображения кликните по картинке
Разрешение экрана по ширине

Рис.2

Комментарии


Если у Вас возникли вопросы, или есть какие-либо пожелания по представлению материала, либо заметили какие-нибудь ошибки, а быть может просто хотите выразить свое мнение, пожалуйста, оставьте свои комментарии. Такая обратная связь очень важна для возможности учитывать в дальнейшем мнение посетителей.

Буду Вам за это очень признателен!

comments powered by HyperComments