5 советов верстальщику

Лучше поздно, чем никогда. Наконец-то я готов представить свои пять советов в рамках эстафеты, запущенной Никитой, тем более что “пинок” получил от трех человек.

1) Читайте блоги специалистов в данной сфере. Хотя уже и не так часто, но в них периодически появляются интересные приемы верстки. А если заглянуть в архивы оных сайтов, то можно найти очень много полезного материала. Лично мне такие блоги здорово помогли в свое время, когда я стал переходить с табличной верстки на дивовую.

2) Используйте CSS-спрайты. CSS-спрайт – это картинка, объединяющая в себе несколько изображений, относящихся к какому-либо элементу страницы. Например, изменение изображения при наведении курсора. Плюсы CSS-спрайтов заключаются в том, что, во-первых, снижается количество запросов к серверу при загрузке страницы, во-вторых, не будет задержки в появлении изображения в момент наведения курсора.

3) CSS и xHTML в руках верстальщика – это отличный способ внутренней оптимизации сайта для целей SEO. Так пользуйтесь этим плюсом. Благодаря CSS, можно легко разместить контентную часть страницы в начале кода страницы, а все второстепенные элементы после него, при этом позволяя визуально сохранить все элементы так, как было задумано дизайном.

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

5) Используйте структурные отступы в разметке (иными словами – отступы лесенкой или елочкой). Это позволит самому же не запутаться в своем коде, и, если будут обнаружены (не дай Бог), какие-либо баги, поможет их легко выявить.

Можно также посмотреть список других участников.

Эстафету никому передавать не стану, т.к. по-моему, уже все наигрались =)