When you design your website, you should first start with a logical mark up structure, for example:
Code:
<h1>Main title</h1>
<h2>slogan</h2>
<ul id=”menu”>
<li><a href=”” title=””>menu-item 1</a></li>
<li><a href=”” title=””>menu-item 2</a></li>
</ul>
<h3>Page-title</h3>
<p>Paragraph one</p>
…
If you use all elements on the correct way, its good searchable by search engines, text readers, … (SEO, accessibility)
Than you can use CSS to give your page a design (if necessary by adding some ‘div’s and or ‘span’s to your mark up).
“design”-images should be used with CSS (background-image etc) and not been included in the page as you have now.
For example, a good header-code could be:
Code:
<div id=”header”>
<h1><span>Site title</span></h1>
<h2>slogan</h2>
</div>
Than you can give your #header’s background-image with CSS, your logo can be added as background image to your h1-ellement, the original content of span in h1 could be hidden with “display:none”, …
Last edited by bas : 08-04-2007 at 08:55 AM.
|
