Project 9: Final Outcome

Project Goals:

  • refine website design from projects 7 and 8
  • utilize header, article, nav, and footer tags
  • implement sprite animated button method/rollover states

The information we learned was incorporated into this website design first of all because I made the decision to completely ignore doing color boxes and work with the 960 grid. I had a lot less trouble with my website in the second iteration. I also used all of the html5 tags to replace my elements such as <div id=”nav”> etc., which helped just eliminate clutter and be able to target the elements as a whole in the CSS file easier. I also added the buttons to my navigation to replace the regular text links.

This project was successful but also a disaster mostly because I struggled with getting my buttons to layer over each other. Also I struggled with trying to have my buttons in my navigation bar near the logo which was very frustrating so I decided to make it be under my header. Overall, my page looks extremely better than project 7 and I am happy about that except for my buttons no layering under each other properly.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s