Верстка сайта

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

Верстка сайта – куда более сложный и разноплановый процесс. Ведь веб-ресурс включает не только статичные элементы. Да и отображаться он может по-разному в зависимости от разрешения экрана у монитора пользователя и браузера, установленного на его компьютере.

Верстка, как и дизайн сайта относится к технически сложным этапам создания сайта. Однако визуальное восприятие веб-ресурса зависит от него не меньше, чем от дизайна. Ведь именно в процессе верстки нарисованный макет превращается в шаблонные веб-страницы, которые корректно отображаются в любых  любых мониторах и браузерах. Чтобы этого добиться на вооружение берут фиксированную или нефиксированную (ее еще называют «резиновой») верстку.

Первый вариант подразумевает создание сайта определенных пропорций и ширины, а также строго установленного позиционирования по отношению к экрану (например, по центру или со смещением к левому краю окна). Минус заключается в том, что на экранах с большим разрешением при просмотре сайта будет много свободного пространства. И это, конечно, неэффективно. А вот «резиновая» верстка лишена такого недостатка: все элементы сайта «растягиваются» и «сжимаются» в зависимости от разрешения экрана.

 В ходе верстки сайта важно не забывать о таком понятии, как кроссбраузерность, то есть корректном отображении страниц веб-ресурса в разных браузерах. Кроме того, HTML-код должен быть «чистым», то есть не содержать лишней информации, которая только увеличивает вес страницы и, соответственно, снижает скорость загрузки сайта и его индексацию поисковиками. Чтобы максимально «облегчить» код, вместо устаревшей верстки таблицами в настоящее время применяют блочную верстку сайта.