Midterm - Part 2

Here's the link to my updated site

a) If Christine were to use this site to promote her business, it would be nothing without the images. The purpose of the site is to showcase her work and to get people to order cakes from her. Having images of her cakes on her site shows what she's capable of and hopefully encourages potential clients to call her when they need a cake.

b) I had issues with my images aligning the way I wanted them to. But then, I realized it was because I have an elastic page, so unless I changed it to a fixed-width page, there is always the potential that the images wouldn't fill the screen the way I wanted them to. I went through a lot of un-necessary trouble this way. I got the images to look the way I wanted. Then, I had to add borders and padding and it threw everything off. So, I went in and reduced the pixels of all of my images to get it right again. When I was all finished I checked the site in other browsers and the images were off again. It wasn't until then that I realized it was because of the elasticity and I'd wasted a bunch of time. Also, I wanted the image on my home page to be centered. What I have found here is that it's not possible when creating a "strict" site. It simply isn't allowed. Had it been transitional (which I tested) aligning my images would validate.

c) Understanding the box model and creating borders, padding, and margins was really easy. I think my best example of this was when I created it for my navigation. The padding initially wanted to run across the whole screen (similar to the background style of my headings). To fix this I adjusted the left and right margins (with a much higher pixel) separately from the top and bottom margins.

d) I used hr tags to separate my sections of photos. Since there are a lot of photos I also added "back to top" links right about the horizontal line for when the user is below the fold. I think the horizontal line helped to make the page look cleaner and more organized.

e) The navigation on my site looks more professional now and matches the look of the image borders and padding as well. It also helped to fill in some white space. I will note though, that the grooved border I chose does not translate near as well in Safari and in Google Chrome as it does in Firefox.

f) Here is another chance to go to my site:)