Content, Coding Continued...

The amount of content available continued to grow, so that process was ongoing. I was able to stick to the paper prototype suggestions mostly. The only real changes I made there was the absence of a 'back to top' button, because the pages weren't really long enough for this to be a very useful feature. However, in the future if I do make a page with long content, making a back to top button that follows the user as they scroll much like the Tumblr button would be something I'd like to look into the making of.

I also decided instead of putting a calendar on the home page I put the campus map instead. I did this because the calendar with specific dates for Witt students was a big PDF document. I could've saved this into a jpeg but I would've had to scale it down a lot for it to fit on the page and that may have affected legibility.

I was having an interesting time with some of the coding at this point, adding lots of things in like email links, hyperlinks, tables and other stuff. I also had some difficulties as I hadn't made an image sprite for the rollovers yet, so the menu wasn't at it's finished state. I also had some trouble with the way the logo (which people would click to go back to home page) was set up, and I was trying to make a special div clickable which made a lot of area clickable that wasn't just the logo. To counteract this I changed it a bit and put the image inside another logo div just for the logo, positioned it with margins and instead of making it just a part of the 'header' div gave it it's own div and made the logo image directly clickable on the HTML, which solved the problem.

In general though, coding was going quite well, once a small compatibility issue with IE introduced me to the "If IE" code thanks to Philippa. As the content got larger, the need for longer pages became an issue, so I increased the length of the content div from the 1024px it was before. But for this to work I also needed an image that would tile seamlessly, and at this stage I wasn't quite happy with the way it looked anyway, so I took just the sunset part of the photo I used before, but kept the original colours and combined two different parts of the image and vertically flipped one, so they could always keep tiling if need-be and transition seamlessly. Because the image was also distinguishable now I turned the opacity back up and this also increased the visibility of the text I thought. This was the new background for the content part of the div.

With space no longer an issue I could continue putting content in freely.