Web Assignments

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: Alan Levine

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).

Return to this assignment

Share Your Example for this Assignment

Most examples for ds106 assignments come from people who blogs are aggregated by the ds106.us web site; they merely use the tags supplied on the assignment page. However, you can use this form to submit a single example directly, all you need to do is to provide a URL where the example exists and provide a description for it.

  • Make it interesting!
  • Include a detailed description of your creation, including the inspiration, the story behind it- make it part of a narrative that includes your response to this assignment (275 characters max!)
  • Provide full URL including "http://" where this can be found.