Как правильно свестать сайт?

Правильной или не правильной верстки нету, есть валидность сайта и верстки. Каждый шаблон отличается своей уникальностью. Главное придерживаться если это сайт бизнес плана, стандартов web 2.0 по возможности, и кособраузерности в различных браузерах. А именно Fire Fox, Opera, Chrome, IE, Safari, Web Kit. Чтобы сайт одинаково смотрелся в данных браузерах и не слазил блоками. Тогда верстка является верной и валидной. Расположение же блоков, это уже по дизайну и личному усмотрению заказчика.

Посмотри модели, которые предлагает ucoz. Также в интернете есть масса материалов по верстке для самого разного уровня пользователей, никаких книг не надо.

Уж очень обширный вопрос! ответ на него получить очень трудно!
и ответить практически невозможно!
все дизайны отличаются! и подход в одном дизайне может совсем не подойти в других...

Типовые решения: Двухколонная верстка, Трехколонная верстка. Плюс шапка, плюс футер. Меню навигации: или колонка или строка под шапкой.

Средняя колонка - основной контент. Третья колонка - доп. информация или из рубрики "это интересно". Футер - счетчики посещения сайта, рекламные баннеры. Первая колонка - или меню или прибамбасы: календарь, определитель ай-пи клиента, форма регистрации (если предусмотрена).

Артём, расположение блоков, тип вёрстки, ширина сайта
и другие параметры во многом будут во многом зависеть
именно от дизайна. Если там будет 3 колонки, то вам
придётся верстать в 3 колонки; текст сделать 12 шрифтом и т. д.

Вот несколько простых советов, чтобы ваша вёрстка
получилась наиболее качественной:

1. Старайтесь не делать лишнюю вложенность тегов.
Это приведёт к "утяжелению" структуры DOM-дерева.
2. Не прописывайте свойства CSS, которые и так заданы
по умолчанию в большинстве браузеров.
3. Если есть возможность не употреблять свойства
абсолютного и фиксированной позиционирования блоков,
лучше её воспользоваться. Чем больше блоков с position
absolute - тем тяжелее рендеринг при прокрутке страницы.
4. Для расположения блоков лучше использовать float,
чем позиционирование через relative.
5. Старайтесь использовать наиболее стабильные свойства
или сводить код и структуру блоков к их использованию. Это
поможет избежать решения проблем кроссбраузерности.
6. Переносите на код максимум визуализации, если это
возможно. Излишнее количество изображений = дополнительные
обращения к серверу = увеличение времени загрузки страницы.
7. Главное - соблюдайте требования заказчика. Как говорится,
клиент всегда прав :)

В общем, советов можно дать множество. Главное - качество.
Если будут вопросы, обращайтесь на почту :)

Артём, смотря какой сайт - их разновидностей немерено, для визитки - одна колонка, в хидере навигацию (ну 5 страниц для визитки максимум) , корпоративку - 2 колонки, слева навигация по подразделам, сверху - основная ...ну типа того. А вообще ты решать должен сам и от твоего решения должен работать дизайнер. Удачи!

размеры, пропорции и гармонию должен создавать дизигнер а техник (аки например и я) должен тупо натянуть макет созданный дизайнеером на HTML CSS и движок
по верстке:
юзай DOCTYPE HTML 5 блочную кросбраузерную верстку и наименее костылястый движок под конкретные цели например MODx Revo