Что такое верстка сайта?

Андрей Батурин,

АНДРЕЙ БАТУРИН

В этой статье речь пойдет о верстке сайта. А именно, что это такое, для чего нужно, какие существуют методы верстки. Также рассмотрим критерии качественной верстки.

Общие понятия

Любая верстка в себя включает:

Кроме html и css верстка в себя может в себя включать js-скрипты. Без них сайты не были бы такими привлекательными. Они добавили интерактивность. Галереи, слайдеры, всплывающие окна, всевозможные анимации – все это сделано средствами js.

Также в последнее время стала популярна css3 анимация. Но она не всегда уместна, т.к. старые версии браузеров ее не поддерживают.

Методы верстки

Различаю табличную и блочную верстку.

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

Виды верстки

Все сайты, по макету верстки, можно разделить на три вида:

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

Критерии качества верстки

Хотелось бы отметить следующие критерии:

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

Другие статьи по тегам

сайты верстка

на эту тему

Этапы создания сайта или как мы делаем сайты
Способы создания прототипов
Что такое Система Управления Сайтом?
Umbraco CMS
Географические домены первого уровня
Известные компании, сменившие логотип в 2015 году