HTML Assignment (posted 3 March 2004)
" ?>For this assignment, you will utilize the Web authoring skills you have learned in class to produce a cybertextual visualization of one of the following texts:
- Edgar Allan Poe, "The Tell-Tale Heart"
- Edgar Allan Poe, "The Cask of Amontillado"
- Samuel Clemons [Mark Twain], "The Celebrated Jumping Frog of Calaveras County"
- Kate Chopin, "The Storm"
"Visualizing" the work will entail adding HTML markup to the electronic text to create a visual environment that transforms the plain, linear text into an ergodic cybertext.
This does not mean writing critical commentary. Rather, you will each need to think about how the electronic space you are creating functions as a kind of performance of the original text, simultaneously complicating and communicating its core themes.
Use the links above as the "source code" for an electronic text of whichever work you choose (copy and paste words, sentences, and paragraphs into your HTML files). You must represent the entire text in the space of your project. But the text need not all be on the same page, or accessible in a linear fashion; for example, you may wish to use one of the link structures described in Marie-Laure Ryan's essay to disperse the original text across a number of different nodes.
Grades will be based the intellectual and imaginative qualities of the cybertext you create. If you have advanced Web design skills (Flash, Javascript, etc.) you are welcome to make use of them, but everyone is capable of earning an "A" using only the HTML I have taught in class and what's provided in the two MITH tutorials; flashy effects for their own sake will not be well rewarded. Like the still-life in classical painting, sometimes simple is best.
The project should be built in your WAM account. It should include a title page with your name, email address, and a short introduction that briefly articulates the concept behind your cybertext. Mail me the link to turn it in.
Due: Wednesday, March 3 Friday, March 5, 11:59 PM
Anyone know or know where to find what type of access/restriction we have on our WAM accounts?
Posted by: Erika Salomon on February 26, 2004 10:04 AM | Permalink to Commenthttp://www.helpdesk.umd.edu/systems/wam/all/
What's the question exactly?
Posted by: MGK on February 26, 2004 10:11 AM | Permalink to CommentI was wondering what extensions are supported and if we can have a database.
Posted by: Erika Salomon on February 26, 2004 01:37 PM | Permalink to Commentcan i have some of the text in the alt tag of a picture rather than just on the page?
Posted by: Annie Kelchner on February 27, 2004 12:28 AM | Permalink to CommentSure, so long as it's for a purpose . . .
Posted by: MGK on February 27, 2004 12:46 AM | Permalink to CommentI'm doing The Storm for my project and the name Bobinôt doesn't show the accent carrot on my page. Is there some way to include it or should I just replace it with an "o"? (It pastes fine in wam, but the ô looks like " on my page.)
Posted by: Megan Bonnell on February 28, 2004 03:22 PM | Permalink to CommentFor special characters, you'll need to enter in a code. Try this chart from Webmonkey:
http://hotwired.lycos.com/webmonkey/reference/special_characters/
Do you have a preference for which address to send it to? The mgk at umd address on the front page? I've been sending you emails by replying to the mail you send out to the class, and that has a completely different address at umail...
Posted by: James Simonds on March 5, 2004 01:48 PM | Permalink to CommentHmmm. I hope you;ve gotten an answer to that.
I'll hazard a guess since it's so close to the deadline:
From my understanding, the @umd email addresses are primarily forwarding addresses--everyone has an @umd address that is linked to their directory ID; mail sent to umd.edu is automatically forwarded to the user's registered email address.
And the conlusion from that is: it shouldn't matter which email address you use; they'll both probably go to umail ultimately.
________
Anyone feel like sharing their projects? I'm curios to see how other interpret and manipulate these stories. I'll be back in an hour and a half to post my link.
Posted by: Erika Salomon on March 5, 2004 10:29 PM | Permalink to Commenthttp://www.wam.umd.edu/~robbie/HTML_Project/home.html
turn up the volume!
(best viewed at 1152x864)
Posted by: Robert Powers on March 5, 2004 11:48 PM | Permalink to Commenthttp://www.wam.umd.edu/~esalomon/poe/title.html
You'll need your speakers on for mine as well. :)
Posted by: Erika Salomon on March 5, 2004 11:54 PM | Permalink to CommentI thought yours were wonderful rob and erika. I'd love to see everyone elses. Im curious to see how every approached this whole thing. I knocked my head for a while trying to figure out something creative... I still can't think of anything too interesting. but i hope the one i came up with was a lil bit.
ill show mine considering im asking everyone to post theirs... mines a lil simple though. Hope its enjoyable.
Do me a favor though... when i mean put your speakers loud beforehand? I mean loud... the sound is kinda soft (cough).
www.wam.umd.edu/~voxakis
-Vox
Posted by: Andrew Voxakis on March 7, 2004 01:06 AM | Permalink to CommentYes, everyone, please do feel free to post your URLs here. It's a good idea.
Posted by: MGK on March 7, 2004 08:24 AM | Permalink to CommentHere's my website. I wish I had little more time on this, I could have made it a little more polished. I really wanted to put more interactive items on here. Also, see if you guys can find the hidden "surprises" in the story. Remember to push ALT+F4 to close them once you are done!
http://www.wam.umd.edu/~jhaddad/story/
Posted by: Jadan Haddad on March 7, 2004 03:14 PM | Permalink to Commenthttp://www.wam.umd.edu/~snownix/english/
make sure the sound is on...
Posted by: Lindsay Dreyer on March 7, 2004 04:01 PM | Permalink to CommentWow... everyone did something amazing... Lindsay, I *love* the implementation of the CYOA concept, that's great... and Erika I kept pressing "mad" on yours over and over again and it started to be painful to try to read the text, that's awesome... now I want to go back to mine and try to think of something more creative, o well.
Mine's at:
http://www.wam.umd.edu/~amsalter/Heart/intro.html
That's awesome. All I can say about everyone's work is that's awesome. So I'll say that: "That's awesome."
I post my own project in fear:
http://www.wam.umd.edu/~shenw/467-intro.html
I find it really interesting how so many people can have such different views on how these texts can be "visualized," much like one story can have many interpretations in the traditional sense. I just think the "cyber" element adds a new and exciting level to everything.
Here's my contribution:
http://www.wam.umd.edu/~halperiv/Tell_Tale_Heart/telltale.html
http://www.wam.umd.edu/~katbatt/poeproject.html
turn your speakers on and up.
mine is kind of boring. i need to get a decent photo editor on this computer.
~jb
best viewed full screen with the text settings at 'normal'. also, have your speakers on and follow the words closely with your cursor.
http://www.wam.umd.edu/~zmburns/ENGL%20HTML%20Project/TITLEPage.htm
zak
Posted by: zachary burns on March 8, 2004 12:29 AM | Permalink to Commentman that shaking page thing freaked me out. nice job everyone.
http://www.wam.umd.edu/~annkel/engl/caskhome.html
*just boggles*
Erika, I thought the sane/mad thing was especially brilliant, and how you keep introducing new elements onto the 'mad' side each page. It's very close to how I wanted to do my version of the story... you just did it so much better!
Posted by: James Simonds on March 8, 2004 09:06 AM | Permalink to CommentThose are so cool... Annie I love the images you used, those are awesome, such atmosphere. Did anyone at all do the Mark Twain story? Seems like we almost all with with dear Poe...
Posted by: Anastasia Salter on March 8, 2004 09:16 AM | Permalink to CommentThanks, James (and everyone else who commented). I've seen a lot in these that I wish I had thought of as well! I'm really impressed with how we can all create such different but still insightful treatments for such a small selection of stories. Pretty inspiring, this. :)
Posted by: Erika Salomon on March 8, 2004 02:19 PM | Permalink to CommentNow that I've had a few days to get this project off my mind I finally took a look at what everyone else did. There's some really great stuff. Very cool.
Here's mine. It's sort of simple since I'm new to all the stuff one can do with HTML. But I think it gets the job done. :)
http://www.wam.umd.edu/~mbonnell/htmpproj.html
Posted by: Megan Bonnell on March 8, 2004 07:33 PM | Permalink to Commenthaha. okay, lemme try that again:
http://www.wam.umd.edu/~mbonnell/htmlproj.html
Oh, PS. Best viewed as a full screen.
Posted by: Megan Bonnell on March 8, 2004 07:35 PM | Permalink to Comment