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

После создания дизайна сайта идет следующий этап — верстка сайта.

Верстка сайта - это перевод графических шаблонов сайта в код, пригодный для дальнейшего программирования.

Существует два способа верстки сайта: верстка сайта с помощью с помощью таблиц и с помощью блоков (дивов).

Эти два способа различаются методами формирования структуры.

В первом случае верстки сайта структура формируется с помощью таблиц, которые «держат»  структуру сайта. Во втором случае структуру держат блоки.

Для придания должного вида и легкости управления стилем сайта используются каскадные таблицы стиля (CSS). В них записываются стили каждого элемента сайта, позиционирование блоков, шрифт, цвета и т.д.

CSS — отдельный файл, в который выносится стиль сайта.

В современных условиях верстка сайта должна:

  1. Быть оптимизирована под продвижение сайта. Большинство проектов нацелены на продвижение, что требует соблюдения некоторых правил.
  2. Мало весить — данный пункт касается большинства сайтов. Раньше проблема стояла в наличии выделенной линии, а сейчас часто пользователи лазят по Интернету со своих мобильных телефонов или с помощью GPRS (подключив сотовый телефон к ноутбуку), скорость таких соединений мала.
  3. Иметь логичную структуру.
  4. По возможности быть резиновой и равномерно заполнять окно браузера.
  5. Использовать как можно меньше скриптов, тк при неправильных настройках браузера или файервола (программа защиты компьютера от несанкционированного доступа к нему из Интернета) ваш сайт может отображаться не корректно. Многие антивирусные приложения блокируют скрипты сайта в целях безопасности.

Грамотная верстка сайта должна не только точно воспроизвести в коде дизайн, но и в будущем решить возможные трудности в модернизации проекта.