It’s been about a week since I first wrote about the Go Green California Business website project I’ve been working on. It’s been a bit hectic and insane, but the project is chugging along.
To recap, I had an Illustrator file that I had to take and convert it into a webpage. I got the CSS done for the most part and decided to make an HTML file so I could see my stylesheet in action:
Illustrator file
Screenshot of actual HTML. Click on this image to see the actual page and see all the rollovers and such.
Pretty close, huh? I did run into some problems because the original dimensions I gave the designers didn’t work (oops). Also, there are some CSS quirks across browsers (for instance, the top navigation bar has extra padding in Firefox and it’s screwy in Opera too). I only tested in Firefox, Safari and Opera. I’m sure seeing it in Internet Explorer will make me want to cry. But I figure that once the site is more complete, I’ll do all the cross-browser testing. (Joy.)
I mocked up several other templates for different pages, but the hard part of getting the CSS all straightened out is over for now. Making all the other templates was a piece of cake after that!
I have to say that working on this site was the first time I’d used Dreaweaver extensively since I upgraded to CS4. I like a lot of the new features. The “Live View” mode was especially useful because I could see my CSS in real time (though I still viewed in the browser to make sure!). That’s the biggest thing I noticed in the new Dreamweaver. And it seems to just run better. Firefox used to freak out after I viewed pages in it through Dreamweaver and it no longer does that. Yay.
Next up on the docket: Converting the HTML files into PHP files and making WordPress templates. Joy. Time for me to brush up on all my WordPress tags…
