Sunday, March 10, 2013

Week 8 - Jumping Into the Sandbox

I imagine there comes a time in every website project where one has to stop playing with content, images, in this case, and just start building already!

For me, this is the scary stuff. This is where I have to dive into the unknown--website creation in general, and Adobe Dreamweaver, specifically--and splash around until I get something--anything--to work they way I want it to.

I had a teacher once (Nicole) that said something to the effect of "You really can't break anything. Just dig in(to the technology) and see what it does." uh... I prefer the hand-holding, coddling methodology, myself.

Editing images is fun, but trying to do something I've never done before and make it look as fabulous as the vision in my head... a little stressful.

I took inspiration from some coworkers at 3M (I learn a lot when they're on conference calls) and created a "sandbox environment." My website, this honors project, is located at one URL, but I decided to create a second URL to use as a test environment.

Working with dual environments may be a little more work in the sort run, but the last thing I want to do is get part of the website looking all fancy, do something wrong, and have it blow up or disappear. So, I set up an identical project in Dreamweaver and uploaded it to Dreamhost, and now I breathe a little easier.

The upper and lower navigation bars were the only things on the website at that time. Since both nav bars are used site-wide, the first thing I did in the sandbox was to build a CSS file to make them pretty.

I made the nav bar color from copying an eyedropper of color from an image I'm using on the home page, selected a generic font family, for the time being, and played with the size until I figured out how to make it match the width of the page.

Isn't it beautiful? 

No comments:

Post a Comment