Webmakers/Projects: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
No edit summary
Line 5: Line 5:
</p>
</p>
<h2> Projects </h2>
<h2> Projects </h2>
<p><b>Internet Famous: How to Make a Meme</b>
<p><b>Internet Famous: Make a Meme</b>
</p><p>There are people who are on the web, and then, there are people who MAKE the web. Do you have what it takes to go viral and become internet famous? Prove It.  In this mission you will use your HTML and CSS swagger to mix and match elements to make a webpage featuring a meme to conquer all internet memes. Let your inner serious cat or Ryan Gosling hey girl shine and claim your Webmaking powers by posting a video of how you did it.
</p><p>There are people who are on the web, and then, there are people who MAKE the web. Do you have what it takes to go viral and become internet famous? Prove It.  In this mission you will use your HTML and CSS swagger to mix and match elements to make a webpage featuring a meme to conquer all internet memes. Let your inner serious cat or Ryan Gosling hey girl shine to claim your Webmaking powers in the Web Arcade.
</p>
</p>


<p>Topic: </p>
<p>Topic: </p>
<p>Tool: </p>
<p>Tool: Webmaker </p>
<p>Skills: </p>
<p>Skills: HTML &CSS, Design-Thinking </p>
<p>Difficulty: </p>
<p>Difficulty: Intermediate </p>


<p><b>Map of Web Arcade: How to open and close tags</b></p>
<p><b>Make your own Map of the Web Arcade</b></p>


<p>A Map of the Arcade that contains many locations such as the Bread Cat Bakery, The Angry Birds Spa, Princess Peach Center for Women Empowerment etc. Not all the locations on the map though have a name and certain things look broken! Uh-Oh! Your goal in this game is to activate the map by getting familiar with the syntax behind HTML, closing any open tags &lt;&gt; &lt;/&gt;. Upon activating the map you reveal certain links that show you new mini games.
<p>HTML is a funny looking language; it is written inside brackets like <this> and </this> and sometimes uses "quotes like this." In this project you will begin your journey in the world of HTML by exploring the syntax behind it to activate and customize a broken Map of the Web Arcade. Use the comments written */ between these */ signs to navigate yourself along your travels!
</p>
</p>
<p>Topic: </p>
<p>Topic: </p>
<p>Tool: </p>
<p>Tool: Webmaker</p>
<p>Skills: </p>
<p>Skills: HTML syntax</p>
<p>Difficulty: </p>
<p>Difficulty: Beginner</p>


<p><b>Webstructables</b></p>
<p><b>Webstructables: make a tutorial</b></p>
<p>Have you always wondered "why people don't get hand turkeys right? or why it is hard for some to sleep at night? " Well the time has come for you to make your contribution to the world of the open web and create a fine webpage tutorial using your HTML &amp; CSS wisdom.
<p>Have you always wondered "why people don't get hand turkeys right? or why it is hard for some to sleep at night? " Well the time has come for you to make your contribution to the world of the open web and create a fine webpage tutorial using your HTML &amp; CSS and Popcorn wisdom.
</p>
</p>


<p>Topic: </p>
<p>Topic: </p>
<p>Tool: </p>
<p>Tool: Webmaker</p>
<p>Skills: </p>
<p>Skills: HTML & CSS, Popcorn, teaching others</p>
<p>Difficulty: </p>
<p>Difficulty: Advanced </p>


<p><b>Stuck in the 90s</b></p>
<p><b>Stuck in the 90s</b></p>
<p>The Web was much younger back in the 90s. We all have some embarrassing thing in our past, and for the Web it was the design. In the 90s websites were boxy and ugly. In this Mission, you'll change the CSS and HTML of this page to make it pretty! Keep your eye on the comments, they'll give you tips. Once you get the hang of changing the CSS and HTML, make this page your own. Change the content, the colors, the layout! Change whatever you like, you have complete control!
<p>Everyone has an embarrassing moment. For the Web that moment was in the 90s. Back then websites were boxy and ugly - kind of like this page! Wrangle your HTML and CSS style powers to change the content, the colors and the layout so that this webpage doesn't feel like its stuck in the 90's anymore...
</p>
</p>
<p>Topic: </p>
<p>Topic: </p>
Line 40: Line 40:
<p>Difficulty: </p>
<p>Difficulty: </p>


<p><b>How to Hack a Commercial</b></p>
<p><b>Hack a Commercial</b></p>
<p>Add your own voice to an old commercial by adding popups and commentary using the Mozilla Popcornmaker. You can change meanings, extend messages, and otherwise recontextualize the video.  
<p>Add your own voice to an old commercial by adding popups and commentary using the Mozilla Popcornmaker. You can change meanings, extend messages, and otherwise recontextualize the video.  
</p>
</p>
53

edits

Navigation menu