hmmpf, the basics of css

Be it correct incorrect or downright offensive, this is how I structure a CSS based website.

First things first, design a layout. Next gather all of your content (including doing any and all Flash work to be included). Organization is key, create a logical work flow with proper file naming conventions. I create a separate folder for images, CSS style sheets and Flash content (with its subsequent dynamic content architecture).

Ready to get to work. Taking a step into the door of your new website, you need to move all the furniture/picture/cats/other miscellaneous junk into the house. So you toss it all into the living room. Ok, you have everything inside, now you need to decide what each item does. In order to do this I create a few different attribute sheets to define various aspects: master.css, text.css, layout.css.

So using the master.css you determine that pictures go on walls. With the text.css you decide that the picture has a gold frame and a hook on the back. With the layout.css you put the picture 20em up the walls, 15em from the left. Or in other words with master.css styles the basics like H1, H2, Body, etc. text.css styles all the nitty gritties of font formatting, layout.css arranges the content and places it in the appropriate space.

Now, plug in all your content, unstyled. Next, plug in your div tags to style your content. Done.