So this is my entry for the oswd web design template competition. I am now going to bore you with filler text that isn't really worth reading, well, some of it is i guess, but this paragraph is kinda boring. Lets put an image in to spice things up; Wow look-a-that! It's a image! and the text floats around it, lovely jubly, whoopedee doo! I'm struggling for things to write now so I'm gonna wrap up this paragraph and let you know the next one is prolly worth reading. Oh, and here's an example link thrown in for good measure
So, I'm designing a winter template, what do i do first? I look and think about stuff that reminds me of winter. I think.
Of course the template validates as correct css and xhtml 4.01 transitional. This is something you don't see with many web sites but is becoming more popular thankfully. all templates / sites that i make adhere to these standards and it is something i feel strongly about. it is something that i feel everyone should be aware of, to make the internet a better place...
The design itself is based Entirely on css. Not a single table here. This means that the site will also collapse nicely should the viewer not have a browser that supports css, or for some reason the css does not load.
Another thing you don't often see is labels within html and css Code. It isn't hard to do and doesn't take up much time. I feel that for a project like this it is absolutely essential to put relevant labels within html and css code. So that others know what on Earth is going on within your code; even if you don't...
Firstly; pen & paper, can't beat it. I drew a few designs and sketches then picked the best one. To turn paper into web site I used Notepad. Notepad for the css and notepad for the xhtml. The image at the top of the page is actually a small section of a photograph by myself, edited and cropped down in photoshop. All the other images were created in Macromedia fireworks.