Как сделать

Какой должна быть ширина вашей веб-страницы?

Первое, на что большинство дизайнеров обращают внимание при создании своей веб-страницы, — это какое разрешение проектировать. Что это действительно значит, так это решить, насколько широким должен быть ваш дизайн. Больше нет такой вещи, как стандартная ширина сайта.

Зачем рассматривать разрешение

В 1995 году стандартные мониторы размером 640 на 480 пикселей были самыми большими и лучшими из доступных мониторов. Это означало, что веб-дизайнеры сконцентрировались на том, чтобы сделать страницы, которые хорошо выглядели в веб-браузерах, максимально на 12–14-дюймовом мониторе с таким разрешением.

В наши дни разрешение 640 на 480 составляет менее 1 процента от большей части трафика сайта. Люди используют компьютеры с гораздо более высоким разрешением, включая 1366 на 768, 1600 на 900 и 5120 на 2880. Во многих случаях дизайн экрана с разрешением 1366 на 768 работает.

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

Ширина браузера

При определении ширины веб-страницы часто забывают о том, насколько велики ваши клиенты в своих браузерах. В частности, максимизируют ли они свои браузеры в полноэкранном режиме или они меньше, чем во весь экран?

После того, как вы учтете клиентов, которые получают максимальную отдачу или нет, подумайте о границах браузера. Каждый веб-браузер использует полосу прокрутки и границы по сторонам, которые уменьшают доступное пространство с 800 до 740 пикселей или менее при разрешении 800 на 600 и около 980 пикселей в развернутых окнах с разрешением 1024 на 768. Это называется браузер Chrome, и это может занять место, используемое для дизайна вашей страницы.

Страницы с фиксированной или жидкой шириной

Фиксированная ширина

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

Чтобы создать страницы фиксированной ширины, используйте конкретные числа пикселей для ширины делений страниц.

Ширина жидкости

Страницы ширины жидкости (иногда называемые страницами гибкой ширины ) различаются по ширине в зависимости от ширины окна браузера. Эта стратегия приносит дизайн, который больше ориентирован на клиентов. Проблема с жидкостными страницами в том, что их трудно читать. Если длина строки текста превышает 10–12 слов или короче 4–5 слов, ее может быть трудно прочитать. Это означает, что читатели с большими или маленькими окнами браузера имеют проблемы.

Чтобы создать страницы с гибкой шириной, используйте проценты или ems для ширины делений страниц. Ознакомьтесь со свойством CSS max-width . Это свойство позволяет вам установить ширину в процентах, но затем ограничить ее, чтобы она не стала настолько большой, чтобы люди не могли ее прочитать.

Похожие посты
Как сделать

Как получить возмещение за покупки в iTunes или App Store

Как сделать

Поверхностное перо не работает? Вот как это исправить

Как сделать

Как настроить и использовать Fire TV Recast

Как сделать

Как изменить рингтон по умолчанию на вашем iPhone