Не просто бросайте это в ткач сновидений или любой другой инструмент по выбору и нарежьте его. Сначала напишите HTML, в чисто семантическом стиле. например, очень распространенный макет в конечном итоге будет:
<body>
<div id="header">
<img id="logo"/>
<h1 id="title">
My Site
</h1>
<div id="subtitle">Playing with css</div>
</div>
<div id="content">
<h2>Page 1</h2>
<p>Blah blah blah..</p>
</div>
<div id="menu">
<ul>
<li><a>Some link</a></li>
...
</ul>
</div>
</body>
Делайте HTML таким образом, который имеет смысл с вашим контентом. Это должно быть полезно, если у вас нет CSS вообще. После этого добавьте CSS, чтобы он выглядел так, как вы хотите. Теперь, когда браузеры / CSS находятся в состоянии, вам, вероятно, все еще придется добавить некоторые декораторы в HTML - например, обернуть некоторые элементы в дополнительные элементы div, чтобы иметь возможность получать содержимое так, как вы хотите.
Как только вы закончите, у вас будет очень гибкий макет, который можно легко изменить с помощью CSS, и у вас будет страница, которая доступна как для людей с ограниченными возможностями, так и для поисковых систем.
Требуется немало обучения, чтобы освоить его, но оно того стоит. Не поддавайтесь искушению сдаться, вернитесь к макетам на основе таблиц и просто проработайте свой путь. Все можно сделать с помощью семантического HTML и CSS.