Use Dreamweaver to type your code that way you can edit both your CSS and HTML in the same window!
--------------------------------------------------------------------
**NOTE: Use Javascript (and JQuery) instead of CSS to add a popup! Here's the code:
Add "<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>" to <head> of HTML.
At the end of the <body> section, right before the closing body tag, type the following:
<script>
$(document).ready( function() {
//This code will run after your page loads
$(".yeti").mousedown(function() {
alert("Type in your message here");
});
});
</script>
The mousedown function works for any time the user clicks on the relevant code (in this case, .yeti). What else can you add to the game that utilizes a mousedown function?
--------------------------------------------------------------------
PART 1: (Due by the end of class Friday, February 19)
Use THIS code to make the game. Use the images I put on your flash drive in this first part. Yes, you will have to figure some of this out on your own-- I'm only giving you the code, with only hints about how to put it together!
Submit your work as a zipped file. The file needs to contain your HTML and CSS files, and the image folder!
PART 2: (Due by the end of class Friday, February 26)
Now make your own version of this game. You will need to use your own images (use Photoshop, Illustrator, or find images on the internet to use). Be creative! How can you make your game more exciting than just a two by four grid of snow mounds? What is your game's theme?
Submit your work as a zipped file. The file needs to contain your HTML and CSS files, and the image folder!