The IMBD page for The Notebook with a slightly different description.

The assignment had us change something about a preexisting web page to tell a story. I decided to change in IMBD page because it gives the description of a movie so I wanted to change it into my own story. Using X-Ray Goggles, I clicked the portion of text that I wanted to change then simply replaced the words that were there with what I wanted to say.

Here is the original version of the page.

Here is the original assignment.

Have you ever been fooled by a fake website? Did the site look just like the website you were intending to visit? It’s not hard to modify a website in subtle ways as to maintain it’s appearance yet change its message.

I modified the website Wallpaper* to become Code*, a website about software development. Instead of stories about different backgrounds for your computer, I crafted stories related to new technologies and programming languages.

Before I attempted to modify Wallpaper*, I had originally tried to modify CNN.com. I soon realized that that would be a laborious venture, as the webpage is very long and contains a ton of content. Redesigning Wallpaper* was much easier to do, and still achieved the goal of the assignment.

Check out the website.

Process

To modify the website, I used the Mozzila X-Ray Goggles. The goggles allowed me to easily change the HTML of the website.

I changed most all parts of the site (news articles, images, an advertisement). Some elements however, could not easily be changed, even when using the goggles. These difficult to remove elements were instead removed altogether.

Also, it was not easy to modify the title-heading of the site, because it was an image. I instead removed it.

Once you have finished editing the site, right click somewhere on the page where there are no elements, and click “Save As”. This will save the website to your local machine.

Upload the folder to your hosting provider. To access the page, name your .html file accordingly (i.e. codestar.html).

The site should now be accessible to the public!

Thinking about getting engaged? You have to check out my friends at Mordor Jewlers. Find this great new ring on their website right here. This particular ring is really hot right now. Get it for only 299.99. A bargain.

I used Etsy because the format is relatively simple. Using the XRay Goggles was really easy to edit pages and it was kind of fun seeing what I could do to change the page.

This was a 4 star assignment that was mandatory this week.

Here are some screenshots of me making my “The One Ring” page.

For my final Web Assignment of the week, I am completing the required assignment Storytelling Within The Web:

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 olderFirebug Tutorial) Consider using news sites, social media profiles, product pages, movie review pages etc. The simpler the design of the page, the easier it will be (think Craig’s List).

To be honest, I was completely confused and scared by this assignment, so I saved it until today to complete. However, I found this incredible tutorial created by Daniel Adams, a past DS106 students. He made a video on his blog that is simple and easy to understand, which perfectly explains how to complete the assignment. I completed the assignment given the instruction he provides in the tutorial video.

In honor of Homecoming Weekend and school spirit, I decided to alter the content of my Instagram profile web page to resemble that of our new school mascot, Mandaalynnn the Eagle! Below is the original web page and then the altered webpage.

I made several changes to my original web page in order to achieve the final product. I will list them below:

1. Change profile image to that on our Mary Wash eagle mascot.
2. Change username from “mandaalynnn” to “mandaalynnn the eagle”.
3. Edited the About Me/Bio section to reflect the new name, important dates and info. (1908- Year MWC/UMW was founded; Pro Deo Domo Patria– UMW’s motto; UMW main website)
4. Alter the number of posts and followers (1908 total posts, and 5,000 followers for the approximate number of undergrad and graduate students that attend UMW).
5. Change the three most recently posted images to UMW appropriate images (university seal and logo, Lee Hall).

http://bossy1213.makes.org/goggles/bossy1213s-remix-of-mercedes-benz-slr-mclaren-722-s-ebay-

Have you heard about that amazing car from the future? Someone is selling it on eBay for a buttload of cash and supposedly it can be used to travel through time! I would love to have something like that, especially if it could also print food. Although, I would have to hit the lottery  a million times before I could afford that sweet vehicle. Oh well, I can’t wait to see everyone with it 15 years from now when it will be at a more affordable price. I mean, who would turn down a time traveling vehicle with a food printer and a vending machine?

For this four star assignment, I decided to go onto eBay and edit one of the items up for bid or for sale using  X-Ray Goggles. It was surprisingly easy because all you had to do was click a section of the page and you could edit it. I’ve done something similar in the past, but the way I did it took way longer than this method. My main reason for choosing car that could time travel was because for the recent Back to the Future day.

Below is an image of what pops up when you click on a section of a webpage when you have X-Ray Goggles activated. If you know HTML then you can do some deeper editing, but all you have to do is edit the black text.

Once you are finish editing, you can tap the “P” key to publish and upload your edited webpage for everyone to see! (As shown below)