Что такое верстка сайта?
191 Андрей Батурин,
АНДРЕЙ БАТУРИН
В этой статье речь пойдет о верстке сайта. А именно, что это такое, для чего нужно, какие существуют методы верстки. Также рассмотрим критерии качественной верстки.
Общие понятия
Любая верстка в себя включает:
Кроме html и css верстка в себя может в себя включать js-скрипты. Без них сайты не были бы такими привлекательными. Они добавили интерактивность. Галереи, слайдеры, всплывающие окна, всевозможные анимации – все это сделано средствами js.
Также в последнее время стала популярна css3 анимация. Но она не всегда уместна, т.к. старые версии браузеров ее не поддерживают.
Методы верстки
Различаю табличную и блочную верстку.
До недавнего времени в качестве основных инструментов верстки выступали таблицы и фреймы. Но технологии и стандарты меняются, все оптимизируется и упрощается, сайты становятся более функциональными. И на данном этапе свою популярность завоевывает блочная верстка. Верстка таблицами уходит на второй план.
Виды верстки
Все сайты, по макету верстки, можно разделить на три вида:
- фиксированный тип макета (ширина сайта задана в пикселах, например 960 пикселов)
- резиновый тип макета (ширина сайта задана в процентах от текущего разрешения, обычно это 100%)
- адаптивный тип макета (ширина сайта подстраивается под размеры экрана. В этом виде верстки может происходить перестройка блоков, их замена)
Критерии качества верстки
Хотелось бы отметить следующие критерии:
- кроссбраузерность (одинаковое отображение верстки во всех браузерах)
- валидность (валидная верстка позволяет поисковым системам лучше индексировать ресурс)
- семантичность (правильное использование тегов)
