|
Верстка является, пожалуй, наиболее важным звеном при создании страниц сайта. Несомненно, непосредственно дизайн и программирование движка, так же неотъемлемая часть этого процесса. Однако, с точки зрения юзабилити, верстка выполняет главную роль.
Вообще верстальщики должны быть универсалами. С одной стороны нужно разбираться в графических программах, чтобы «посадить» на страницу то, что наваял дизайнер. С другой – необходимо, если не досконально, то хотя бы поверхностно, разбираться в программировании. Чтобы можно было без труда прицепить страницу к движку.
Виды верстки страниц сайта
Верста страниц сайта подразделяется на несколько видов. Таких, как табличная, блочная, верста с помощью фреймов и смешанная. Верстку на фреймах, как и смешанную верстку, рассматривать здесь не будем. Первая давно устарела, а вторая представляет собой жуткую смесь табличной и блочной верстки, где даже сам верстальщик может заблудиться.А рассмотрим два наиболее часто встречающихся типа. Это табличная и блочная.
Табличная верстка страниц
Табличная верста является родоначальницей верстки сайтов. Необходимость структурирования данных на интернет странице возникла, собственно говоря, с появлением самого интернета. И наиболее оптимальным решением на тот момент, были таблицы, поскольку Каскадные таблицы стилей получили распространение значительно позже. Основным преимуществом табличной верстки является простота. Достаточно иметь хотя бы поверхностное понимание структуры HTML и знать небольшое количество тегов и страница сайта готова. Другой вопрос, насколько качественно она будет выглядеть на экране монитора, но это уже другой вопрос.
Среди основных недостатков табличной верстки, можно считать:
- Для пользователей: медленная загрузка страницы. Поскольку браузеры считают таблицу единым элементом, то и отображают ее только после полной загрузки с сервера.
- Для разработчиков: при большом объеме и разнообразии контента код становится избыточным, иногда просто не читаемым. Такие страницы, как правило, не проходят валидацию. Да и поисковые роботы их не очень любят.
Однако к положительным качествам табличной верстки можно добавить кроссбраузерность. Такие страницы открываются одинаково практически во всех браузерах.
Бытует мнение, что табличная верстка себя изжила. Однако сайтов на таблицах меньше не становится. И действительно, к чему заморачиваться сложностями блочной верстки для сайта на одну – две станицы, которые, если и будут обновляться, то крайне редко.
Блочная верстка (верстка на дивах)
Блочная верстка представляет собой структурирование различных блоков с информацией на странице сайта с использованием таблиц стилей (CSS). Данный инструмент именно для этих целей и был разработан. И если вам нужна декларация о соответствии таможенного союза, то можете зайти на сайт c-sm.ru, который был сверстан именно таким образом.
Многие верстальщики вообще считают блочную верстку единственно правильной. Мотивируя это тем, что не нужно рыть траншею мобильным телефоном, если есть экскаватор. И трудно сними не согласиться. Однако экскаватором еще нужно научиться пользоваться. И иначе вряд ли что путное получится.
Основным недостатком, если это конечно можно назвать недостатком, является необходимость иметь достаточно большой багаж знаний в области HTML и CSS. Хочется отметить и сложность в достижении если не одинакового, то, по крайней мере, корректного отображения в разных браузерах.
Однако эти недостатки с лихвой компенсируются возможностями верстки, при которых позиционирование элементов на странице зависит только от вашего желания и вашей фантазии. К тому же страницы, сверстанные на дивах, гораздо лучше индексируются.
Ну и скорость загрузки страницы намного выше, чем у табличных, поскольку браузер подгружает страницу не целиком, а частями, блоками. А код такой страницы гораздо читабельней. |
