Под какое разрешение делать сайт

Какого разрешения делать макет веб-сайта (дизайн) и как быть с контентом и полями по бокам? Есть ссылки на образцы.

Вот дизайнерский задум сайта:

Увеличить

Тип будущего сайта: сайт-визитка

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

ВОПРОС: какого типа лучше делать сайт: фиксированный или резиновый и
какого разрешения делать макет по ширине в обоих случаях?

Если фиксированный, то как быть с границами сайта по бокам?
Фон продублировать нельзя, потому что повторяющихся элементов нету.

В зависимости от типа сайта (фиксированный или резиновый) , где лучше располагать контент?
Вот примеры:

Увеличить

Увеличить

Увеличить

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

Видимо, тебе надо оформить страницу, как у меня тут:
[ссылка заблокирована по решению администрации проекта] .ru/SiteOrg/Fishki.html

Для мониторов с 1280 пикселами по горизонтали есть магическое число 1234, означающее количество пикселов.
При этой ширине на большинстве браузеров автоматически не образуется горизонтальная полоса прокрутки.

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

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

otvet.mail.ru

Под какое разрешение делать сайт

Мнение такое, что сайт должен корректно отображаться у максимального числа посетителей. Соответственно, сайт, свёрстанный под 800*600, будет нормально (без скроллинга горизонтального) виден на мониторе 1024*768. Обратное — неверно.

И вариант, который уже предложили — резиновая вёрстка (100%) 🙂

Все зависит от целей портала или сайта и от количества информации на нем. в 1024 «влезает» больше.

SiriusT, Боюсь что не знаю где может быть написано об этом, всегда учился только на собственном опыте. Вот наверное самое главное правило для этого:

все елементы на странице (кроме тех у которых должна быть стабильная ширина) должны иметь атррибут width со значением в процентах

а по моему логично, вы готовы терять 10% посетителей из-за того что пользователям с таким разрешением не удобно будет на вашем сайте?
Почему Вы решили, что 10% — это потерянные клиенты? Вовсе не так. Будет им не совсем комфортно 🙂

Что касается рекомендаций, то тут все зависит от дизайна и требований к нему. Если необходим жесткий, то безусловно 1024х.

Почему Вы решили, что 10% — это потерянные клиенты? Вовсе не так. Будет им не совсем комфортно 🙂

Раздражают такие сайты. Уже своим внешним видом показывают, что на удобство пользователя они ложили 🙁
Не представляю серьёзной конторы, которая сделает сайт, не влазящий в 800*600.

Ну, 800*600 покамест актуален. Вот, у меня экран 1152*864, а реальный размер окошка — 848*633, т.к. половину времени открыт какой-нибудь сайдбар (сейчас, например, Sage забыл закрыть =)).

С другой стороны, если проект не шибко важный, плюс отсутствие времени/энтузиазма, иногда позволяю себе несколько схалтурить, и сделать 800*600 «не на все сто», например используя позиционирование на Javascript (про блочной верстке часто актуально). Тут логика такая: 10% используют 800*600, 5% отключают javascript. Итого, кривость увидит пол процента юзверей, что вполне допустимо.

Почему тогда не забить на пользователей мозилы и оперы вместе взятых? Те же 13%.

Кстати, я под пятнашкой сижу, и еще года два новый моник покупать не планирую. Постом выше написал, что, хотя у меня и 1152, реально окошко в ширину получается 848. А у очень многих есть привычка не разворачивать окошко во весь экран (в основном, у пользователей IE, т.к. он вкладки не поддерживает — а их большинство).

а мне ненравится когда что то мной не контролируется.
У меня такие же ощущения как у дизайнера — тоже хочется все контролировать — это, разумеется, сильный аргумент в пользу фиксированного дизайна.
Но дело в том, что пользователи ТОЖЕ ХОТЯТ все контролировать. Хотят иметь возможность уменьшить окно, если им так удобнее или развернуть его на весь экран, пользуясь удобством своего огромного монитора.
А капризы пользователя, по-моему, приоритетнее капризов дизайнера.

Добавлено:
questor, вы меня опередили 🙂

на сайте Анкора (by ArtLebedev) или моего подопечного сайта кадрового агентства Место Встречи).

На Вашем подопечном сайте при разрешении 1200 по горизонтали между картинками появяляются белые полосы, т.е. они разъезжаются. Не совсем корректное решение.

searchengines.guru

Как выбрать правильную ширину сайта, или «Телевизор» вместо монитора

Гигантомания экранов коснулась не только телефонов, но и настольных компьютеров. Экраном в 25 и даже 29 дюймов никого не удивишь.

Каталог крупного интернет-магазина

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

Поэтому, разрабатывая структуру, мы хотим, чтобы:

— пространство использовалось с умом;

— при просмотре сайта на больших экранах не было огромного пустого пространства по бокам;

— сайт не терял удобство использования на небольшом экране.

Какие есть варианты создания страницы под разные мониторы и разрешения (типы верстки)

Фиксированная верстка

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

Резиновая верстка без ограничений

Упрощенно это выглядит так:

Т.е. ширина сайта подстраивается под ширину браузера. Браузер шире – блоки снизу перемещаются вбок. Браузер уже – блоки располагаются друг под другом.

Плюсы такой верстки:

  • Пространство используется по максимуму, нет зияющей пустоты слева или справа от контента на широкоформатном экране с высоким разрешением.
  • На большом экране сайт очень сильно расползается. Особенно это неудобно для текста.
  • Периодически может возникать пустое пространство между блоками.
  • Личный юзеркейс: у меня плохое зрение, если не надеть очки, приходится сидеть, уткнувшись лицом в монитор. Поверьте – даже на 21 дюйме с разрешением по ширине 1600 пикселей жутко неудобно воспринимать сайт с малого расстояния. Приходится вертеть головой слева направо, чтобы прочесть строчку текста.

    Кроме того, при маленькой ширине экрана блоки будут наползать друг на друга, если не задана минимальная ширина. Чтобы избежать данных проблем, можно применить следующий способ:

    Резиновая верстка с заданной минимальной и максимальной шириной

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

    минимум – достигнув этого предела, блоки не «сжимаются», а появляется полоса прокрутки;

    максимум – контент не увеличивается по ширине, а добавляется пустое пространство по бокам, контент сайта при этом размещается по центру.

  • Мы уверены в том, как выглядит контент нашего сайта при определенном разрешении Естественно, мы стараемся сделать максимально красивый сайт для наиболее распространенных разрешений в нашей тематике.
  • Если вы выберете слишком маленький максимум для большого экрана, может возникнуть проблема с пустыми полями по бокам.
  • Адаптивная верстка

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

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

    Если вы остановились на адаптивной верстке, рекомендуем пользоваться правилом MobileFirst, т.е. вначале работаем с малым разрешением и постепенно двигаемся к большому экрану.

    Плюсы:

  • Наиболее современный и правильный тип верстки.
  • Минусы:

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

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

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

    Как разобраться в этом многообразии разрешений и способов верстки?

    Первое – сайт должен быть максимально удобен и презентабелен для наиболее распространенного разрешения.

    Общую статистику популярных разрешений можно найти в сервисах:

    — https://www.w3counter.com/stats/displays/1/resolutions/20/0 – тут статистика в первую очередь по США;
    — https://www.liveinternet.ru/stat/ru/resolutions.html – это общая статистика. Также можно сегментировать статистику по категориям.

    Примечание!

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

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

    Например, если мы возьмем за основу информацию с сайта w3counter, самое популярное разрешение по ширине – это 1366px. Соответственно, эту ширину можно брать как максимум, больше которого увеличивать контент не стоит.

    При этом учитывайте, что контент смотрится лучше, когда есть небольшие отступы по бокам. Плюс к этому, немного (порядка 24) пикселей нужно оставить под полосу прокрутки. Размер отступов выбирайте сами – обычно это порядка 50-80px.

    Например, очень хорошо смотрится (личное мнение) при таком разрешении сайт lamoda, ширина максимум 1206px:

    Учитывая это, я склоняюсь к варианту фиксированной максимальной ширины. За среднюю цифру максимума можно взять примерно 1200px+/-.

    В качестве минимальной ширины, после которой появляется полоса горизонтального скролла, можно взять 960px. Меньше делать особого смысла не вижу.

  • Если у вас фиксированная верстка, пора обновлять сайт, я вам серьезно говорю.
  • Если у вас уже есть достаточно качественный сайт «на резиновой» верстке, просто добавьте адаптив для мобильных устройств и разрешений, на которых плохо отображается сайт.
  • Если вы все делаете «с нуля», лучше делать полностью адаптивную верстку, это максимально современное и качественное решение.
  • Если у вас уже есть сайт, и вы готовите редизайн, вам даже не нужно обращаться к открытым сервисам – посмотрите статистику вашего сервиса web-аналитики.
  • Как узнать статистику своего сайта по разрешениям экрана?

    Если у вас Яндекс.Метрика:

    1. Заходите в раздел Отчеты -> Стандартные отчеты -> Технологии -> Разрешение дисплея:

    2. Получаем наглядную уникальную статистику, применимую конкретно к вашему сайту (разумеется, зачастую она будет совпадать со стандартной статистикой):


    Если у вас Google Analytics:

    1. Технологии -> Браузер и ОС -> Разрешение экрана:

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

    Если вы видите, что на определенном разрешении показатель отказов значительно выше среднего – следует протеситровать отображение сайта в этом разрешении.

    Как проверить отображение сайта на разных разрешениях?

    Чтобы проверить, как выглядит ваш сайт на устройствах с разными разрешениями, можно использовать:

    Тут все довольно просто:

    — выбираете устройство (начиная от телефона и заканчивая телевизором);
    — выбираете разрешение (есть стандартные варианты, также можно указать размер в пикселях самостоятельно);
    — указываете нужные настройки – сайт отображается у вас на экране при заданных параметрах.

    Суть та же, что и в онлайн-сервисе, только в данном случае настройки появляются непосредственно в браузере:

    Подведем итог

    Перед созданием нового сайта или редизайном необходимо:

    — понять, какие разрешения наиболее популярны у вашей целевой аудитории;

    — определить максимальные и минимальные размеры сайта (в пикселях);

    — выбрать тип верстки;

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

    Конечно, может возникнуть один логичный вопрос: «А как же через Х лет, когда технологии изменятся? Что тогда делать?» Ответ прост: сайт должен постоянно развиваться, поэтому создать через пару лет новый дизайн – это вполне нормально. Естественно, при создании нового дизайна следует учитывать изменившиеся реалии и тенденции.

    Понравилась статья? Поделитесь ссылкой со своими друзьями:

    Подписывайтесь на наши группы в сообществах, чтобы быть в курсе всех SEO-событий:

    siteclinic.ru

    Самая оптимальная ширина для сайта

    Привет друзья! Сегодня мы затронем очень важные темы при верстке сайта:

    1. Какую ширину использовать для создания сайта?

    2. Как «резина» может испоганить вам жизнь?

    3. Какая ширина будет самой лучшей для контента?

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

    Почему так важно выбрать оптимальный размер страницы?

    Юзабилити сайта влияет на много полезных факторов!

    В первую очередь это твои посетители, если им на сайте будет не удобно – фиг ты кого заставишь зайти туда еще раз. Собственно, смысл тогда вообще надрываться? Если люди будут заходить, посидят пару секунд на сайте, пошлют все к «чертям подальше» и пойдут искать другой аналогичный ресурс.

    Например, я делаю ИМЕННО так! Если мне что-то сильно мешает – я на таком сайте долго не засиживаюсь. И лучше найду другой ресурс с похожей информацией, но на котором мне будет удобно работать!

    А еще, поисковые системы тоже начали учитывать юзабилити сайта, и если оно «ниже плинтуса», ну или чуточку выше . В общем, если не на должном уровне, то такой сайт будет автоматически понижаться в выдаче (причем сразу по всем запросам. ) – а это, прямо пропорционально будет влиять на его посещаемость и твой доход соответственно!

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

    Сейчас даже есть специальные люди — аудиторы. Которые проверяют твой сайт на предмет юзабилити.

    Пофессионалы своего дела, например как здесь:

    Могут спокойно брать деньги за свои услуги и зарабатывать на этом.

    При том, что результат, который вы получите — намного привысит оплату за услугу 😉

    И так, давай лучше обо всем по порядку.

    1. Оптимальная ширина сайта.

    Здесь все зависит далеко не от дизайна, или скажем тематики сайта, все намного проще. Все зависит от ширины экрана монитора посетителей твоего сайта. В чем же здесь может быть загвоздка? На самом деле все очень просто.

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

    А это любого дико напрягает, я точно знаю.

    На момент написания этой статьи, общая статистика показывает, что у 20% пользователей нашего интернета экраны шириной 1152 пикселя и меньше (я в ливинтернете подсмотрел ). Причем основная масса из них приходится на расширение 1024х780 пикселей.

    У меня даже в статье – «Как создать второй сайдбар в шаблоне Default?», в комментариях разгорелся спор с одним из моих посетителей. Где я красочно описал статистику своих сайтов и статистику сервиса LiveInternet в целом.

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

    Обидно, не правда ли?

    Поэтому, на данный момент, оптимальной рабочей шириной для сайта считается 1000 пикселей + 24 уходит на полоску вертикального скролла.

    Если брать меня, то я в последнее время стараюсь делать сайты шириной где-то в 960 – 980 пикселей.

    Думаю, с этим все понятно, теперь перейдем к еще одному «монстру», которого почему то очень часто любят юзать молодые (неопытные) вебмастеры.

    2. Как может твоему проекту подос..ать резина?

    Для тех, кто в танке:

    Резина – это сайт с резиновой версткой, у которого может меняться ширина, в зависимости от ширины окна браузера.

    Почему то многие новички липнут на резину, как мухи, на всем известную субстанцию. И если меня спросить, как я отношусь к сайтам с резиновой вёрсткой, то я отвечу очень кратко – никак.

    Почему? Потому что такой сайт очень тяжело контролировать в плане юзабилити. Я выделил пару недостатков ниже, так что ты можешь прямо сейчас ознакомиться с ними и сделать свои выводы:

    1. Разные размеры.

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

    И если на 17-дюймовом мониторе сайт смотрится на ура, и содержимое его контента тоже. То на мониторе в 22 дюйма, все может преобразиться до дикой неузнаваемости.

    И очень часто не в лучшую сторону!

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

    2. Слишком узко.

    Многие забывают на таких сайтах выставлять минимальную ширину.

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

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

    Очень часто в таких случаях сайдбар сползает под контент, или наоборот. Хорошего мало…

    3. Слишком широко.

    А вот вам и обратная сторона медали. Когда сайт на всю ширину 22 дюймового монитора, строчки текста растягиваются до неимоверной длинны.

    Читать такой текст очень неудобно!

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

    Так что заруби себе на носу еще раз:

    Читать тексты в длинных строчках– совершенно неудобно.

    В принципе, это основные мои доводы против резины, проблем с ней много, и сделать толковое наполнение получается крайне редко. Что ни есть гуд!

    Ну и третий момент правильно-юзабельной (такого выражения нет, но вы меня поняли ) ширины:

    3. Оптимальная ширина для контента

    Контент, это, собственно говоря, то, ради чего приходят на твой сайт посетители. Ведь в нем содержится вся основная информация сайта.

    И его ширина играет тоже очень важную роль!

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

    Так какова же оптимальная ширина для контента?

    Я тоже когда то задавался этим вопросом, и как-то читая одну замечательную книгу, а я вообще люблю почитать именно книги, понял – вот она – оптимальная ширина для контента!

    Ширина обычного листка книги.

    Если внимательно присмотреться, то ширина листа в большинстве книг будет соответствовать в среднем ширине в 500 – 650 пикселей. И с тех пор именно такой ширины я и придерживаюсь.

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

    Но я точно знаю одно: ширина контента на моих сайтах не изменится! Она всегда будет идти в радиусе 500 – 650 пикселей. И даже если в будущем мои сайты станут чуточку шире, то только за счет сайдбаров и отступов.

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

    Ведь от юзабилити зависит ранжирование сайтов в поисковой выдаче. Да и не это главное.

    Главное, что бы твоему посетителю было на твоем сайте комфортно и удобно.

    И ему снова и снова хотелось приходить к тебе на сайт за порцией свежей и полезной информации!

    С респектом, Серёга.

    Не забудь оставить свое мнение по этому поводу.

    ЗЫ: тех, кто не нажмет на одну из кнопок ниже – найду, и лично дам в глаз! Я вас тоже очень сильно люблю

    master-css.com

    Стандартная ширина сайта — какой она должна быть?

    Быстрая навигация по этой странице:

    Существует ли общепринятая стандартная ширина сайта? Какой она должна быть? Есть ли какие-то особенности для разных проектов? Я эти вопросы задавал сам себе множество раз, теперь попробую дать на них ответ, исходя из накопившегося опыта и массы прочитанной в Интернете информации.

    О важности вопроса

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

    Дело в том, что если если выбранная вами ширина будет больше, чем разрешение экрана у посетителя, то сайт в полном объеме не поместится в браузере, появится горизонтальная полоса прокрутки. В результате этого пользователь не увидит часть информации или ему будет некомфортно работать с вашим проектом. Итог будет один — уменьшение поведенческих факторов.

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

    Итак, какой же должна быть ширина сайта в пикселях?

    Рассчитываем оптимальный вариант

    Для того, чтобы правильно ответить на этот вопрос, нужно обратиться к статистике.

    Для моего проекта на момент написания статьи сервис Liveinternet выдавал такую статистику (показаны строки, имеющие долю в статистике более 5 процентов):

  • 1366×768 — 23.7%
  • 1280×1024 — 15.1%
  • 1024×768 — 14.7%
  • 1280×800 — 9.5%
  • 1920×1080 — 8.4%
  • 640×480 — 6.2%
  • 1600×1200 — 5.9%
  • Как видно из статистики, подавляющее большинство пользователей использует мониторы с разрешением шириной от 1280 пикселей и выше. Тем не менее, обратите внимание на строку, выделенную жирным шрифтом: 14,7 % имеет разрешение 1024 пикселей. Это в среднем каждый шестой/седьмой пользователь — достаточно большой процент, который имеет смысл учитывать.

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

    Однако 1024 пикселя — это разрешение монитора, а фактически площадь страницы в браузере меньше, так как часть экрана съедает полоса прокрутки (скролл) — это около 24 пикселей.

    Следовательно, наша страничка должна открываться не более, чем на 1000 пикселей. Часто дизайнеры или заказчики берут еще 20 пикселей в запас и делают сайт на 980 px.

    Таким образом, наиболее оптимальной шириной является 980-1000 px.

    Почему часто используется 960?

    Если Вы обратите внимание на шаблоны для WordPress (как, впрочем, и для многих других CMS), то вы заметите, что многие из них ориентированы на 960 пикселей.

    Зачем же отклоняться от оптимального варианта в меньшую сторону? Здесь следует отметить, что 960 — это математически очень «удобное число», так как, в отличие от 980, оно делится на каждое из этих чисел: 6, 8, 12, 16, 24 (и, соответственно, на множество других).

    Это удобно для создания дизайна по так называемой «сетке» (grid system) — когда при создании макета он мысленно делится на 6/8/12 и т.д. частей и все блоки макета выстраиваются по этим линиям — получается симметрично и красиво (подробнее про это написано на 960.gs и других ресурсах).

    Если же вы делаете или заказываете дизайн с нуля и просто хотите, чтобы, например, контентная часть занимала 600 пикселей, а справа был сайдбар — тогда вам необязательно ориентироваться на grid system и 960 пикселей.

    Осторожность с резиновым макетом

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

    Однако, по моему субъективному мнению, неограниченно резиновый макет — это зло, так как на дисплее с разрешением более 2000 пикселей весь ваш текст вытянется в несколько длинных строк, которые будет сложно читать.

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

    Потому, если вы делаете или заказываете резиновый макет, позаботьтесь о посетителе — поставьте ограничение около 1200-1300 px как максимальную ширину вашей страницы.

    www.runcms.org

    Популярное:

    • Возмещение ущерба от дтп по страховке Выплаты по ОСАГО при ДТП: размеры страховки, документы, действия и сроки Стать участником ДТП может каждый: даже водитель с многолетним стажем, который соблюдает все правила и скоростной режим может стать участником аварии. По состоянию […]
    • Закон диалектики характеризующий направление форму и результат процесса развития Закон диалектики характеризующий направление форму и результат процесса развития [от греч. dialektike (techne) -; искусство вести беседу, спор], философское учение о становлении и развитии бытия и познания и основанный на этом учении […]
    • Волейбол правила изменения Волейбол правила изменения За всю историю волейбола правила в этом виде спорта менялись очень часто. По этому показателю с ним сравнится разве что только баскетбол, но по кардинальным изменениям волейбол все же впереди планеты всей. Игра […]
    • Оформить энциклопедию Письмовник Техническое оформление текста Библиографическая ссылка — это краткое библиографическое описание источника. Библиографические ссылки бывают: внутритекстовые, подстрочные, затекстовые. Библиография — это список литературы […]
    • Закон и порядок 4 преступный умысел Закон и порядок. Преступный умысел – 4 На что готовы люди ради чужого бизнеса? Узнаете в новых сериях интеллектуального детектива сегодня, 24 мая, в 19:20 на телеканале «МИР». Сотрудник СЭС Мельниченко обнаружен мертвым на заброшенном […]
    • Закон о прописке временной Регистрация граждан России по месту жительства и месту пребывания Разделы: Со времен крепостного права в России практически не существует реальной свободы передвижения и права на выбор места жительства для ее граждан. До революции 1917 […]
    • Преступление и наказание пересказ 3 части Д. С. Лихачев, "Земля родная": краткое содержание по главам Вы знаете такого писателя, как Лихачев? «Земля родная» (краткое содержание далее в статье) – это его выдающиеся творение, которое следовало бы читать каждому подростку и всем […]
    • Как оформить карточку для получения пенсии Пенсия на карту Сбербанка Пенсионный Фонд перечисляет пенсию на лицевой счет сберкнижки на основании заявления пенсионера. Получать ее через кассу Сбербанка намного удобнее, в отличие от многочасового ожидания в очереди на почте. Поэтому […]