Webmaker/pet website: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 4: Line 4:
</div>
</div>
<div style="width:80%;display:block;">
<div style="width:80%;display:block;">
Create the next chapter for the transmedia novel Inanimate Alice, while learning how to remix the web with the Hackasaurus X-Ray Goggles.  A DIY project from [http://explorecreateshare.org/ Hive NYC].
People aren't the only species that need to be conscious of their web presence, make your pet a webpage.  


'''Step 1:'''Dive into an [http://inanimatealice.com/ existing episode] of Inanimate Alice.
'''Step 1:'''Dive into [https://www.scrollkit.com/s/6034 existing episode] and check out the examples by clicking the right arrow tab in the page. It works just like a slide show.


'''Step 2:'''Install the Hackasaurus [http://hackasaurus.org/en-US/goggles/ X-Ray Goggles].  
'''Step 2:''' Once you reach the end of the examples, click the "+ add to the scroll" button.


'''Step 3:''' Outline your own episode. Things to think about include:
'''Step 3:''' Start editing
*Character- it could be Alice, it could be anyone!
*Upload pictures of your pet
*Location-pick a country, any country!
*Add GIFs
*What happens next- is it a mystery the character is trying to solve, new friends the character meets, something new the character learns?
*Bring their personality to the web


'''Step 4:''' Create a storyboard or story elements using new or remixed multimedia:
'''Step 4:''' Publish
*Drawings
*Images
*Video
*Words


'''Step 5:''' Create your chapter using Hackasaurus! Remix a news website, a blog or a social media site by adding elements to tell your story.
'''Step 5:''' [http://take-a-screenshot.org/ Take a screenshot of your work]. Tweet your screenshot with the #scrollpet hashtag.
*Go to a website, activate the X-Ray Goggles bookmarklet.
*With the bookmarklet activated you should be able to inspect elements of the page that you want to change.
*Once you have figured out what you want to change, click R to remix. Remix that asset.
*Publish.
''Example: Remix a Facebook page to include status updates from Alice.''


'''Step 6:''' [http://take-a-screenshot.org/ Take a screenshot of your work]. Tweet your screenshot with the #hivebuzz hashtag.


</div>
</div>
</div>
</div>
</div>

Revision as of 20:37, 3 July 2012

Make Your Pet a Webpage

Screen_shot_2012-07-03_at_4.23.35_PM.png

People aren't the only species that need to be conscious of their web presence, make your pet a webpage.

Step 1:Dive into existing episode and check out the examples by clicking the right arrow tab in the page. It works just like a slide show.

Step 2: Once you reach the end of the examples, click the "+ add to the scroll" button.

Step 3: Start editing

  • Upload pictures of your pet
  • Add GIFs
  • Bring their personality to the web

Step 4: Publish

Step 5: Take a screenshot of your work. Tweet your screenshot with the #scrollpet hashtag.


Retrieved from "https://wiki.mozilla.org/index.php?title=Webmaker/pet_website&oldid=447483"