Что такое верстка сайта?
Это процесс формирования веб-страницы по готовому макету.
Этот процесс заключает в себе создание кода страницы при помощи понятного браузерам языка размётки гипертекста html, и оформление её с помощью каскадных таблиц стилей (CSS).
Верстка сайтов является неотъемлемой частью процесса изготовления сайтов.
Грамотная разработка сайта – это сложный многоэтапный процесс.
Верстка сайтов с учетом кроссбраузерности
Сегодня существует целый ряд популярных браузеров, используемых людьми для работы в сети Интернет. К ним относятся: Internet Explorer, Opera, Mozilla Firefox, Google Chrome, Netscape Navigator, Safari и другие. Каждый из них имеет несколько версий, и каждый может отображать одну и ту же страницу, представленную в формате html, по-разному. Все создатели браузеров стремятся прийти к единому стандарту использования языка гипертекстовой разметки, но пока существуют разногласия, поэтому верстка сайтов должна учитывать кроссбраузерность.
Грамотная верстка сайтов с чистым кодом
Еще одно правило хорошего тона при верстке сайта – это чистый и красивый код. Что это значит? Это значит, что код html разметки страницы красиво отформатирован, содержит комментарии и выделенные логические блоки. Использование каскадных таблиц стилей(CSS), позволит очистить код от лишних тэгов, и сделать вес сайта в целом значительно меньше.
Верстка сайтов с использованием всех этих манипуляций нужна для того, чтобы упростить код, и столкнутся с наименьшим количеством проблем при его исправлении, модификации и доработке.
Правильный компактный код облегчит индексацию сайта поисковиками, а малый вес сократит время загрузки вашего сайта.
Табличная и блочная верстка сайтов
Сверстать сайт возможно двумя принципиально разными способами.
Первый способ – при помощи таблиц.
Табличная верстка использует элементы разметки не соответствующие той семантике, которую они несут, с целью получения внешних эффектов, постольку, поскольку изначально таблицы не были предназначены для построения каркаса страниц, а служили для стандартного ввода данных.
Для того, чтобы сверстать сайт с помощью табличной верстки, зачастую возникает необходимость использования множества вложенных таблиц.
Такой подход нередко сильно затрудняет обработку браузером страниц, увеличивает размер документа и снижает скорость загрузки файлов, и может привести к появлению ошибок в коде.
Более удобно и правильно, с точки зрения убеждений о разделении содержания и оформления, верстать сайт при помощи слоев (блоков).
Блочная верстка сайтов дает больше возможностей, позволяет сделать код компактнее, и увеличить скорость загрузки веб-страницы.
Через CSS свойства слоев настраивать гораздо удобнее.
При помощи верстки слоями можно гораздо более эффективно разработать сайт, который будет корректно отображаться в браузерах.