Блог студии веб-дизайна «Make a Site» Дизайн, верстка, программирование, наполнение и раскрутка сайтов.

Фиксированная верстка сайта. Особенности, преимущества и недостатки

Самым старым и простым типом html верстки сайта является так называемая фиксированная верстка. Главные ее преимущества — относительная простота, предсказуемость, надежность и низкая себестоимость.

Фиксированная верстка сайта. Особенности, преимущества и недостатки
Содержание статьи

Сегодня мы бы хотели обсудить первый, самый популярный и самый простой тип html верстки сайтов — фиксированную верстку. В рамках данной статьи мы рассмотрим ее основные особенности и отличительные черты, а также преимущества и недостатки, по сравнению с другими типами верстки.

Особенности фиксированной верстки

Фиксированная версткаВсе виды верстки можно условно поделить на 3 основных типа, о чем мы уже как-то рассказывали в соответствующей статье. Фиксированная верстка является самым простым типом верстки сайтов по причине своей предсказуемости и универсальности. Более того, данный тип html верстки появился раньше всех остальных и использовался в интернете довольно продолжительный отрезок времени. А в наши дни, когда разрешения современных экранов могут запросто колебаться от 200 до 3000 пикселей в ширину, благодаря широкому ассортименту техники — от миниатюрных карманных устройств до огромных настольных мониторов, делать сайты фиксированной ширины уже нецелесообразно. Представьте, насколько убого будет смотреться сайт с фиксированной шириной в 800 пикселей на 30-ти дюймовом мониторе — это просто будет узенькая полосочка посередине пустого экрана.

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

Преимущества и недостатки фиксированной верстки

Главным преимуществом фиксированной верстки является ее простота, а также низкая себестоимость и оперативность исполнения. Помимо всего прочего, используя этот тип верстки, мы уверены практически на все сто процентов, что макет везде будет смотреться одинаково и его даже не надо проверять при различных разрешениях экрана. Кстати говоря, в браузере Firefox есть прекрасный инструмент для проверки шаблонов при разных разрешениях и называется он "Адаптивный дизайн". Нужно просто зайти в настройки, выбрать пункт "Разработка", а затем перейти к просмотру в режиме адаптивного дизайна. Надо сказать, что инструмент очень прост и удобен, так что не забывайте им пользоваться при верстке макетов.

Как мы уже успели отметить выше — главным недостатком фиксированной верстки является ее моральное устаревание под натиском стремительно развивающихся технологий и утрата главного качества — универсальности. Рост диагоналей современных мониторов и не думает замедляться, хотя уже достиг невероятных высот, по сравнению с концом 90-х - началом 2000-х. В то же время все больше посетителей приходит на сайт с мобильных устройств — это могут быть смартфоны, планшеты, мини-ноутбуки и т. п. Все эти устройства обладают довольно небольшими разрешениями, поэтому, если установить ширину макета, ориентируясь на большие мониторы, возникнет конфликт с мобильными устройствами. То же самое произойдет, если сделать наоборот — это будет все та же маленькая узенькая полосочка посередине пустого 30" экрана, хотя на большинстве мобильных устройств сайт и будет смотреться хорошо.

Вывод: фиксированную верстку стоит применять только в частных случаях, например, когда бюджет не позволяет, либо сроки сжаты. Также нужно следить за статистикой, Яндекс.Метрика отлично подойдет. Ориентируйтесь на большинство, к примеру, если на ваш сайт за квартал заходит по 10-15 человек с Internet Explorer 6*, то нет смысла под него верстать. Тоже самое относительно разрешений экранов и типов устройств.

* Internet Explorer 6 (ИЕ шестой или на жаргоне просто "ишак") — динозавр среди браузеров (Netscape в данном случае не берется в расчет), самый капризный и неадекватный за всю историю браузеров на данный момент. Большинство сайтов приходилось верстать два раза — один макет для IE6, а второй — для всех остальных браузеров. Слава богу, теперь это уже в прошлом. Все верстальщики вздохнули с облегчением.





Предыдущая статья:
Табличная и блочная верстка сайта — реальность или миф?

Читайте также:
Резиновая верстка сайта. Особенности, преимущества и недостатки

Возможно, вам это интересно:



Блог студии веб-дизайна «Make a Site».
Дизайн, верстка, программирование, наполнение и раскрутка сайтов.

Текущий проект: «Stream Booster» — раскрутка Twitch и YouTube каналов

Студия веб-дизайна «Make a site»