CSS Zen Final

I came up with a final product. My final layout was very different than what I had originally planned in my wireframe. I had a few different design ideas that clicked in my head when I was working on the positioning.

I feel like I like my final product was a bit simple, yet the concept was supposed to be simple. It was very difficult to work with it, but I think I pulled it off.

Here is my link to my final css zen:
http://tsouzasf.aisites.com/souza_csszen/indexGarden.html

note: there might be a few things wrong like the heading text. I'm trying to make that work on all computers instead of the one that is downloaded on.

Update on CSS Zen Garden Final Project

Before I started on this project, I underestimated the difficulty this project would be. I spent a good amount of time on this project so far. Even though it can be frustrating and brain killing, I realized how powerful CSS really is.

Working on the positions, I'm starting to get an idea on where I want to go for the final result. I want to be eye-catching and different from other designs, but I want to keep it professional and clean. I also want to be able to follow my wireframe I already planned out for this project.

How can I incorporate this project with the book? Just as with any website I'm working on, I want this project to be as bulletproof as possible. Even that's not enough. My overall goal, as with any web designer, is to make the site you're working on, bulletproof. No mistakes, yet in reality there is always some room for error that we have to fix.

Wireframe for Final Project -- CSS Zen Garden

Although I have many ideas for this project at hand, I feel like I should keep it simple; espicially for the wireframe and the overall planning for this project. I want this site to be clean and professional, yet keeping it fun and colorful; not too colorful though.

I was thinking of keeping the primary and secondary navigation on the left side. The primary will stay on the top, while the secondary will be on the bottom. The header will be simple, I was thinking of having the text on the left while the logo stayed on the right. I might change that, since it is more logical to keep the logo on the left; design wise.

For the main container and the content, The header 1 will be placed on the top left of the container. Below that header 1, will be an image with text below it. there will be a line seperating the two sides.

Last, but not least, the footer will be simple. It will be place on the bottom of the page, and also containing an alternative navigation.