Web Design Tip : Design it all on one page

Heres a handy tip that has saved me hours of to-ing and fro-ing.

When you’re putting together a website from content supplied (content not home page) do it all in one page using H1 tags (or whatever you feel is appropriate) to separate the capsules of content (pages) create all the navigation inline, stack the content on top of each other and create all the forms to create ONE VERY LONG PAGE.

Whilst you’re doing this, split out all the chunks of data related to sections (i.e. navigation) and add them in as include files, again stacked on top of each other, create all of the javascript and input all of the design, then once you’re happy, simply break it down into its constituant pages.

You’ll find it helps retain consistency of the design throughout the site, helps uniformalise and minimise the css.

When you get some amendments (this could be months later) again open your content template, make the changes and split out the new sections… You’ll find it makes creating and amending websites really simple!