Over the past few months I’ve gotten a lot of comments, tweets, and emails about how I create the layout/design here at OSN.
So I figure I will attempt to create a basic tutorial on how to create a 3-column design with a 3-column footer. We will be using CSS and XHTML strict coding because that is what comes easiest to me. Along the way I will mention plugins and little ideas that I tend to use frequently in my designs!
This is part one in the weekly series, where I go over the programs you may need, the color scheme I will be using, and the font I will be using.
So It Begins
Since the files have the .php extension you will need a text editor that is NOT notepad. I personally use and recommend the free EditPad Lite.
The files we will be creating for a basic theme:
I always start with the design FIRST before breaking it into code and style. I highly suggest figuring out your color scheme. Helpful sites for that would be Adobe Kuler and ColourLovers.
Here is our palette for the purpose of this tutorial:
I chose these colors because it reminds me of the sky, plants, and earth. Oh and because they are pretty. Don’t judge!
At the end of it all, hopefully we will all manage to create a wonderful design!
THIS is what we hope to create!
If you have any questions you would like to see addressed, let me know so I can include them in next weeks post or get an answer right away by asking on the [forum] or Q&A areas of OSN!