Верстка – это размещение отдельных элементов на странице документа. Различают нескольких типов верстки:
- Верстка веб-документов;
- Газетно-журнальная;
- Книжная.
Зачем нужна верстка?
Если дело касается Интернет-пространства, то интересует верстка веб-страниц. Для понимания основных моментов, рассмотрим этапы создания веб-страницы.
- Сначала создается дизайн макета. Рисуются все страницы будущего сайта и все ее элементы. В результате получается черновой вариант сайта, но на бумаге.
- Созданный макет далее необходимо отобразить в браузере. При этом все элементы должны выполнять свою функцию. Именно на данном этапе и нужна верстка. С помощью html языка верстальщик создает документы, распознаваемые браузером и отображаемые в привычном нам виде веб-страницы.
Способы верстки.
Для верстки веб-страниц используется два способа:
1. Табличная вёрстка ранее считалась основной. Главная особенность этого способа верстки в его простоте исполнения. Недостатком же стала громоздкая структура, которая значительно увеличивает размер кода (если сравнивать с блочной).
Например:
<table width=»100%» border=»0″ cellspacing=»0″ cellpadding=»0″>
<tr colspan=»2″>
<td class=»header» colspan=»2″>Шапка</td>
</tr>
<tr>
<td class=»content»>Контент</td>
<td class=»sidebar»>Меню</td>
</tr>
<tr colspan=»2″>
<td class=»footer» colspan=»2″>Подвал</td>
</tr>
</table>
2. Блочная верстка чаще всего используется верстальщиками. Основным ее преимуществом можно назвать концепцию семантической верстки, или разделение оформления и содержимого.
Например:
<div id=»header»>Шапка</div>
<div id=»wrapper»>
<div id=»content»>Контент</div>
<div id=»sidebar»>Меню</div>
</div>
<div id=»footer»>Подвал</div>
А результат будет одинаковый:
