Page Lay Out Idea

I usually just start coding up the site/ page. Though in WP that would be more a task of creating a new theme. Haven't started doing that yet. However for just a standard page I just start coding up the page. I usually work in Visual Studio So I'll create a new page and a new style sheet then link the style sheet to the page. so as I'm coding up my page I am applying my classes and ID's I'm also defining the classes and ID's in my style sheet. also I can view my page in the debugging browser and when I make changes to my style sheet I just hit the refresh button on the browser and see my changes.

So typically I'll start with either the body tags no margins / no padding or I'll build a wrapper tag usually because I llke to make my pages using floats, so I get a liquid or dynamic layout. But as the page starts to take shape and I have supplied all the images and stuff I'll start refining and adjusting different parts of the page.


About the only time I diagram my layouts is for the purposes of mapping out my navigation.

Actually I'm planning on doing some videos on this process using visual studio