Ширина сайта удобная для всех

Автор Damir-Tote. Опубликовано в Блог, Разное

Рано или поздно каждый вебмастер возвращается к вопросу об оптимальной ширине сайта. Этот вопрос приводит к выбору способа верстки — фиксированный или резиновый дизайн сайта. Если же выбирать фиксированную ширину, то наиболее распространенной сейчас является ширина страницы сайта на 980 пикселей. В англоязычных сайтах оптимальной является ширина на 950 пикселей. Сайты с такой шириной страницы адаптированы под мониторы еще старого образца, так называемые «кубики». Хотя, это уже устройства прошлых поколений, но, все же, они встречаются. Сайты с шириной страницы на 950 пикселей созданы для удобного просмотра, как на старых мониторах, так и на новых больших. Правда, эстетичность дизайна такой страницы на экране монитора шириной 1024 пикселя немного утрачивается, но, все же, на функциональность и удобочитаемость этой страницы это не влияет.

Ширина сайта удобная для всех
Если посмотреть статистику Google Analytics, Яндекс.Метрику либо другой удобный для вас ресурс и проанализировать посещаемость сайта, то станет известно, что большинство посетителей имеют ширину экрана 1024 пикселя. Это говорит о том, что, возможно, уже пора менять ширину страницы с 980 на 1024. Либо добавить еще один лист стилей, который будет адаптирован под большие экраны. Конечно же, решить проблему с разной шириной экрана можно с помощью резиновой верстки, благодаря которой страница сайта и все его элементы будут корректно отображаться в пропорциональных размерах на любых экранах, в том числе и мобильных устройств. Но, резиновый дизайн хуже фиксированного из-за сложности в использовании элементов графики, да и сверстать страницу под резиновый дизайн немного сложнее. Поэтому, лучше свой выбор остановить на фиксированной верстке, особенно начинающим вебмастерам, так как это будет более удобно. А, если Вам нужны smm услуги по продвижению в социальных сетях Вашего бренда, обращайтесь в greenpr.ru.

Выбор оптимальной ширины сайта.

Итак, для того, чтобы выбрать ширину для конкретного уже действующего сайта, нужно проследить за статистикой его посещений. Проанализировав посещение пользователей, можно выбрать ту оптимальную ширину, которая будет подходить под размер экрана большинства пользователей. Меньшинство пользователей, в этом случае, будет пользоваться горизонтальной линейкой прокрутки. Если же ваш сайт не снабжен обильно графикой и элементами стилей, либо они не слишком сложный в разработке, его можно изменить под резиновый дизайн, указав параметры размеров в процентах. Можно также, не меняя самой верстки, добавить в нее соответствующие стили CSS, которые дадут возможность автоматически определять размеры сайта под экран устройства. Кроме вышеизложенного, есть еще один способ адаптации страницы, который заключается в использовании параметров @media, в которых нужно указать максимальную (max-width) и минимальную (min-width) ширину страницы, определив для каждого разрешения отдельные стили. В этом случае нужно будет адаптировать всю графику сайта под каждый вариант.

.