Анализ HTML – верстки. Степени гибкости сайта


Возможно кто–то помнит оформление и функционал сайтов начала 2000–ых годов? Наверняка, помните. За эти 10-11 лет веб–дизайн семимильными шагами убежал вперед. Юзер нынче балованный, привык к качественному, функциональному и что бы можно не только со стационарника смотреть, но и в сидя в метро со смартфона заскочить. Время диктует свое, сайты должны быть гибкими, прогибаться под запросы посетителей. Поэтому не устанем повторять: создание корпоративных сайтов и интернет-магазинов - это дело профессионалов. И все же давайте разберемся, какие сайты все–же лучше с точки зрения верстки?

Фиксированная верстка. Такая верстка, при которой ширина контента задана в пикселях, неизменна в любом окне браузера. Сейчас этот тип верстки считается устаревшим. Но, несмотря на « старомодность» таких сайтов еще много в Сети.

Плюсы такого ресурса, если разрешение экрана нестандартное, сайт может быть нефункциональным.

Резиновая верстка не похожа на фиксированную тем, что части веб – страницы в ней относительны, имеют процентное соотношение. При таком построении страница меняет параметры с учетом ширины окна браузера. Поэтому ее и называют " резиновой".

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

Плюсы: Можно подстраивать шаблон к любому разрешению монитора и любому типу.

Минусы: Тяжело стабилизировать оформление сайта.

Адаптивная верстка базирована на отправке медиа–запросов для автоматической адаптации контента к разным параметрам устройств.

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

Плюсы: мобильность настройки от маленьких до больших экранов.

Минусы: непредсказуемость внешности ресурса на разных устройствах.

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

Плюсы: подходит под любое разрешение.

Минусы: Самая тяжелая в реализации.

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

Похожие публикации

Поделитесь своими мыслями с помощью ВКонтакте или Facebook!



Оставить комментарий


Примечание - Вы можете использовать эти HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>