IML 400 Spring 2014

Assignment 4: Storytelling and Multiple Page Navigation

Individual Assignment

Present a story with separate episodes in different HTML files.

Students should use CSS to design and implement a navigation scheme that allows users to seamlessly browse through any point in the story.

Minimum episodes: 4. Each episode should have it's own HTML file.

Students are free to do whatever they want in terms of visual design, theme and tone of the story. Everything is allowed as long as it tells a story. Students can use material written by others as long as they properly cite their source.

Additional Requirements

From now on, we are going to require that each one of your HTML documents follows coding standards. The following HTML tags and their specified properties are required to be present in all your HTML documents:

You can look at this source code for an example on how to use these tags and properties (warning: if you are not using chrome, this link will open the actual page instead of the source).

And just as a random note, here is a nice compilation of all special characters available to HTML5 ^_^. Can you tell me when are special characters actually necessary? When should we use use special character encoding versus the actual character? Inspect the source of this two seemingly identical symbols to see what I mean: ©©. Why are there two different ways of doing this? Does the actual character always work? Here is an interesting case: <br />. What if I use the actual characters to write the same thing?
o_O An answer to this question will get you extra points.

Due Dates

Web page: Monday, February 10th, 9:00am. Students are expected to build a website and deploy it to their Storm Server.

Readings

Students should deploy a simple webpage with some thoughts about their readings and link it to their class index page.

Readings Due Date

Web Report: Monday, February 10th, 9:00am. You're expected to deploy your report in your Storm Server and link to it from the cover page of your Storm Website.

Examples

The following links will take you to a few example websites. Once there, please view source in Chrome so that you can read about the examples and look into the code. Feel free to use them as a starting point.