Saturday, November 21, 2015

Nov 21

Create a web-based non-linear story. For this assignment, you can use photography, iIllustration, montage, or simple text to create a narrative with multiple story paths which can be navigated using hyperlinks. 80% of the imagery and all of the text used must be your own original content.
1) Map out your narrative, using illustrator or simply a pen and paper.
2) Develop the imagery/text for each page.
3) In your MEDP150 folder, create a new folder named narrative. In this new folder, create a new images folder. Save your html file for this project, including a new index.html, directly in the narrative folder. If you are using external style sheets, make a css folder.
4) Post your project to the web, ensuring that all of your links work.

There must be at least three possible endings
There must be multiple ways to get to each one.

Examples:
http://fmundergrad.hunter.cuny.edu/~krioutchkovac/narr/continue.html
http://fmundergrad.hunter.cuny.edu/~deveciogluc/medp150/page13.html
http://slimedaughter.com/games/twine/girlwaste/play.html

In-Class Example:
http://fmundergrad.hunter.cuny.edu/~wentworths/medp150/narrative_example/ 

Tables:
http://www.lynda.com/HTML-tutorials/Displaying-data/365960/378906-4.html

Intro to CSS
http://www.htmldog.com/guides/css/

Styling tables:
http://www.lynda.com/HTML-tutorials/Styling-borders/365960/378915-4.html

Text style generator:
http://www.cssfontstack.com/arial

Style sheets:
http://www.w3schools.com/css/css_howto.asp

Common CSS topics
http://www.lynda.com/CSS-tutorials/Working-fonts/80436/90611-4.html

Adding Audio:
http://www.w3schools.com/tags/att_audio_autoplay.asp

No comments:

Post a Comment