Basics of Computing
HTML
CSS
Shapes
Sprites
100

Saving information to use later is called ______ in computing. 

Storage

100

What is the largest heading size? 

h1

100

What does CSS stand for?

Cascading Style Sheets

100

What is the X value of this rectangle? rect(50, 60, 70, 80)

50

100

What property changes the size of a sprite?

scale

200

The thinking work computers do is called ____

Processing
200

Write a CSS Selector for a class called "candle".

.candle

200

What CSS property would I use to change the font type on my web page?

font-family

200

What code would I use to plot an oval or circle in JavaScript?

Ellipse

200

What property will change the picture on a sprite? Spelling and capitalization do matter. 

setAnimation

300

Provide 3 examples of an input device.

Answers may include touchscreen, keyboard, mouse, microphone, camera, scanner, other computers, satellites, GPS. 

300

What does HTML stand for?

Hyper Text Markup Language

300

What CSS property would I use to move an image to the left or right?


float

300
How do I change the color of a shape in JavaScript?

fill

300

Write a code that will rotate a sprite called "santa" to the LEFT 90 degrees. 

santa.rotation = -90;

400

Provide 3 examples of an output device. 

Monitor, speaker, printer, projector, plotter, other computers. 

400

Fill in the blank.

<link rel="_____" href="style.css">

stylesheet

400

Fix the errors in this CSS code.

{h1 

color; green:

}


Should look like:

h1{

color: green;

}

400

Write a code to plot a rectangle with a Y value of 100, Height of 200, X value of 50, and a Width of 300. 

rect(50, 100, 300, 200)

400

Write a code to create a sprite called "reindeer" at location (200,200). 

var reindeer = createSprite(200,200);

500
An online quiz analyzes your answers and evaluates them against the answer key. What type of processing is this?

Comparing

500

Write the HTML code to add an image called "tiger.jpg" with the description "white Siberian tiger". 

<img src="tiger.jpg" alt="white Siberian tiger">

500

Write a CSS rule to add a solid blue border to an image with an id called "angel". 

#angel{

border-style: solid;

border-color: blue;

}

500

Write a code that plots a circle in the center of the screen with a width & height of 100 pixels?

ellipse(200, 200, 100, 100)

OR

ellipse(200, 200, 100)

500

What is wrong with the code below? Why isn't the sprite appearing on my screen?

var dessert = createSprite(200,200);

dessert.setAnimation("cake");


Missing the drawSprites() command