Storytelling Within the Web

Assignment Value:

12 votes, average: 3.92 out of 512 votes, average: 3.92 out of 512 votes, average: 3.92 out of 512 votes, average: 3.92 out of 512 votes, average: 3.92 out of 5

Submitted by:

So far, this assignment has been completed 106 times.

From the Spring 2011 ds106 class came the idea of changing up an existing web page to tell a new story ” you will be intervening in the code and design of a website of your choice to tell a story. You are not to photoshop the design of the site, but rather intervene in the actual html and CSS of the site—though you can photoshop particular images on the site. Essentially you alter the content of a web page (content, images) to make it tell a new story.

Originally we recommended doing this using the Firebug extension in the Firefox browser, which does work, but is unfortunately easy to lose your work. We currently recommend Mozilla Hackasaurus — install the X-Ray Googles in any browser and use it to re-cast the content of any web page.

When you blog it, include both a screen capture in your post, but you will also need to upload the web files (HTML and media files) to your own site so it can exist as a stand alone URL. (see our older Firebug Tutorial)

Consider using news sites, social media profiles, product pages, movie review pages etc. The simpler the design of the page, the easer it will be (think Craig’s List).

Do this Assignment

If you complete this assignment, share it! If you are signed up with a blog that feeds the main DS106 site, to have your example added below just add the following tags (or labels if you use Blogger) when writing the post on your own blog (You must use BOTH!):

If your blog is not connected to ds106, you can add your example directly.

Submissions So Far

Woahhhhhh, Michael Jordan’s making a comeback??? Only kidding, this is the web page that I edited to create this post. I did this using

Okay, so, even though I’m really happy with my finished product for this assignment, getting to this point of satisfaction was NOT fun.

Homecoming weekend was

Here is the original webpage! 

I decided to change the listing I found for a house for rent on Lake Landor (not even sure where

Original Assignment

I went onto Amazon and I decided to play around with the PS3 product page. I also played around with some of the

New Webpage

When I first looked over this assignment and noticed the option to code I was a bit worried about how hard this

In this assignment,  we had to use the X-Ray Goggles Software and change a website to tell a different story. The process to create

I knew from the start that for my Storytelling Within the Web assignment that I wanted to re-purpose an ordinary object into something unusual and completely

The Red Sox had a slow start this year but really were able to turn it around. They overcame a rough season, trading away players,

In this Web Assignment, we were to edit a current webpage in a way to create a new story. I chose to edit the

Help Someone Else Do this Assignment

If you create a tutorial for this assignment, share it! To have your tutorials appear below, make sure your posts are showing up on the main DS106 site and that you use the following tags (or labels on Blogger) when writing the post on your own blog (You must use BOTH !):

Submissions So Far