• Рубрики
  • Слайдер статей
  • Тест сайта
  • Подписка
  • Сайдбар
  • Прокрутка вверх
  • Как сделать сайт с нуля своими руками (вводная часть)

    1. Причины создания пошаговой инструкции по разработке самописного сайта
    2. Тема создаваемого сайта
    3. В чем будет заключаться монетизация
    4. Функционал
    5. Этапы создания
    6. Текущее состояние создаваемого сайта

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

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

    Причем чтобы такой интернет-ресурс был создан не на каком-нибудь стандартном шаблоне бесплатной СMS (Content management system - система управления контентом) типа WordPress, Drupal, Joomla и т.п., а заточенный под себя, с возможностью обеспечить ему должную безопасность и реализовать все свои индивидуальные потребности.

    Часто такие сайты, созданные под конкретные задачи на основе языка разметки веб-страниц HTML, стилей CSS и других инструментов веб-программирования (PHP, JavaScript и т.п.), называют самописными.

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

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

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

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

    1. Проверка при малых разрешениях экрана
    2. Проверка при больших разрешениях экрана
    3. Проверка на выделенном домене

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

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

    Для этого предусмотрена возможность оценивать его работу в двух вариантах: с использованием зеркала сайта на поддомене текущего ресурса и на реальном интернет-ресурсе, размещенном на выделенном домене "avtobezugona.ru.

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

    Второй вариант же просто показывает, как это выглядит в реальных условиях при работе в сети Интернет.

Самописный сайт своими руками!

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

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

Где в дополнительных материалах можно бесплатно скачать исходные файлы сайта с таблицами MySQL.

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

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

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

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

IP-адрес


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

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


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

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

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

Ниже показано определение размера свернутого окна на примере обозревателя "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

Подписка


Здесь вы можете подписаться на получение уведомлений о выходе новых статей блога.

Необходимо отметить, что данные об e-mail надежно защищены (работа сайта обеспечивается только через защищенные соединения по протоколу SSL) и не предназначены для использования третьими лицами.

Социальные сети


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

Комментарии


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

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

comments powered by HyperComments