Верстка сайта
После создания дизайна сайта идет следующий этап — верстка сайта.
Верстка сайта - это перевод графических шаблонов сайта в код, пригодный для дальнейшего программирования.
Существует два способа верстки сайта: верстка сайта с помощью с помощью таблиц и с помощью блоков (дивов).
Эти два способа различаются методами формирования структуры.
В первом случае верстки сайта структура формируется с помощью таблиц, которые «держат» структуру сайта. Во втором случае структуру держат блоки.
Для придания должного вида и легкости управления стилем сайта используются каскадные таблицы стиля (CSS). В них записываются стили каждого элемента сайта, позиционирование блоков, шрифт, цвета и т.д.
CSS — отдельный файл, в который выносится стиль сайта.
В современных условиях верстка сайта должна:
- Быть оптимизирована под продвижение сайта. Большинство проектов нацелены на продвижение, что требует соблюдения некоторых правил.
- Мало весить — данный пункт касается большинства сайтов. Раньше проблема стояла в наличии выделенной линии, а сейчас часто пользователи лазят по Интернету со своих мобильных телефонов или с помощью GPRS (подключив сотовый телефон к ноутбуку), скорость таких соединений мала.
- Иметь логичную структуру.
- По возможности быть резиновой и равномерно заполнять окно браузера.
- Использовать как можно меньше скриптов, тк при неправильных настройках браузера или файервола (программа защиты компьютера от несанкционированного доступа к нему из Интернета) ваш сайт может отображаться не корректно. Многие антивирусные приложения блокируют скрипты сайта в целях безопасности.
Грамотная верстка сайта должна не только точно воспроизвести в коде дизайн, но и в будущем решить возможные трудности в модернизации проекта.
|