After a lot of trial and error with a combined use of Dreamweaver and Photoshop, another page has been successfully completed: character biographies.
This gives the user more information about the three characters whose story they'll follow. As you can see in the screenshot above, the three images are greyscale in the non-hover state. However, when you mouse over the image, they appear in full color! This proved to be difficult to capture in a screenshot, so you'll have to wait until the website goes live to check that out.
Not only that, but the images themselves are actually links to a larger image, with a full-body portrait of the character as well as their name, age, height, strengths & weaknesses, and general role. By installing the FancyBox javascript tool to this page, the user is taken to this image without having to leave the character page for a new tab. What this looks like is shown in the following screenshot:
At this point in time, I'm unsure whether I will start work on the actual story pages or the About page. I'm leaning towards starting with the latter, as story pages will be more of a simple plug-and-chug since I've already got all the HTML and CSS for them in place. Our final exam is in one week, so here's hoping for a successful crossing of the finish line!
No comments:
Post a Comment