На главную О нас Портфолио Контакты  
 


Начало блога

Архив статей



Подписка на RSS

Add to Google Reader or Homepage




Будь в курсе обновлений!

Мой путь к див'ному

блочная верстка

Признаюсь, что мой переход с табличной верстки на блочную был очень сложным, поскольку банально было лень осваивать что-то новое, если таблицами и так неплохо получалось. Но в то время веб-дизайн для меня становился уже не легкой подработкой, а основной работой. Я умел «натянуть» на табличный каркас дизайн, почти любой сложности и было сложно визуально определить, каким методом я верстал страницу. Но знающие люди, взглянув на код, сразу уличали в непрофессионализме и невалидности верстки. Я осознал, что для серьезных проектов нужен серьезный подход и принялся за свою первую div'ную верстку.

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

Но преимущества «правильной» верстки стóят таких усилий. Блочная верстка уменьшает колличество кода и улучшает его логику, что положительно сказывается на загрузке страницы и сканировании поисковыми роботами, а так же позволяет самому лучше ориетироваться в коде. Ещё — значительно больше гибкости при самой верстке и измененях в дизайне. Например, можно сделать несколько варианов одной и той же страницы (для КПК, для печати...) подключая разные файлы стилей (при условии, что всё оформление вынесено в CSS). Конечно это еще не все преимущества.

Теперь с валидностью моей верстки проблем нет, а в сочетании с интересным движком, разработанным SEO'шниками, сайты оптимизированы под расскрутку и «морально» готовы к серьезному продвижению.

P.S.: В этой статье скоро будет ссылка на страничку, где я буду коллекционировать разные проблемы блочной верстки и их решения. Эта страничка постоянно будет пополняться новыми примерами, которые я буду подсвечивать желтым маркером.



Понравилась статья? — плюсуйте:
blog comments powered by Disqus

Нравится? – плюсуйте:




Читать Naddaka в Твиттере

Рабочие фишки:

Заглушки сайтов
Разные проблемки







Чат со мной