Основы HTML и CSS верстки на примере.Вместо заключения.
Надо сказать, что в данном примере сложно выделить наиболее предпочтительный тип верстки. Шапка страницы наиболее удачно получилась с использованием CSS блоков, табличное меню, на мой взгляд, также отличается в лучшую сторону от своего CSS собрата. Поэтому всегда надо искать золотую середину и выбирать наиболее приемлимые средства реализации различных элементов сайта.
Также стоит отметить, что если убрать из исходного кода все пробелы и переводы строк, то размер этих двух вариантов верстки будет практически одинаков.
По сложности верстки трудно выделить какой-то вариант.
В любом случае CSS-вариант обладает большей... мобильностью, что ли. Посмотрите, как легко можно добавить к уже готовой странице фоновую картинку. Причем не просто фон, а картинку, имеющую определенную позицию в структуре страницы. При табличной верстке придется внести серьезные изменения в код.
В общем, каждый выбирает сам. Могу лишь сказать. что CSS-верстка гораздо интереснее и дает больше свободы к творчеству.
Кстати, если Вы хотите попробовать свои силы, вот Вам макет страницы . Это тестовое задание, которое предлагалось сделать тем, кто хотел работать в какой-то фирме в качестве html-верстальщика. Дерзайте.