<p>What are the steps that you go through when making a web site?</p>

<p>Are you adding a lot of extra <code>&lt;div&gt;</code> and <code>&lt;span&gt;</code> tags? Do you have way too many classes?</p>

<p>Maybe you should reconsider your process.</p>

<p>The process that I have found effective, is exactly what I am doing with this site:</p>

<ol><li>Create the markup for everything.</li>
<li>Add divs that make sense, i.e. header, content, footer.</li>
<li>Go in and implement the design adding the necessary divs and classes.</li>
</ol><p>Your markup will become much less bloated, and you will have less non-semantic elements. Sure you may have to add a couple of extra <code>&lt;div&gt;</code> tags to add those rounded corners, but its better to add those after you have the structure in place.</p>

<p>While I could easily come up with a design for this site, I really am not as creative as my sister is. That is why I have tasked her with coming up with a logo and a design for my site. Then when it is time for her to build her online portfolio, I will help her to implement the site.</p>

<p>How can you improve your design / development process? Can you improve mine?</p>

<p>Share your methods.</p>