CSE 190 M, Spring 2007
Midterm Exam Key

1. HTML/CSS Interpreting

<h1>

You only think I guessed wrong! That's what's so funny! I switched glasses when your back was turned!

You fell victim to one of the classic blunders!

Never get involved in
a land warinasia.

Ha ha ha!


30	total

	h1  	"<h1>"
1		text  (includes < and > becoming < and >)
2		large size  (at least 3x as large as normal text)
2		float right
	
	1st p	"You only think I guessed wrong! ..."
2		50% width (lines wrap at middle of page)
	
	2nd p	"You fell victim..."
2		yellow bg   (1 attempt, 1 correct)

	3rd p	"Never get involved..."
2		50% width
2		text-align right
2		black border
2		yellow bg  (1 attempt, 1 correct)
1		line break
2		link  (-1 if they put spaces)

	h2   	 "Ha ha ha!"
2		50% width
1		clear: both (appears below h1)
2		monospace font
1		borders attempt (shows some border)
2		borders correct (doesn't show top/bottom border)

2		other (no styles applied where they shouldn't be, etc.)

2. HTML/CSS Programming


30    total                                  list items
    html                                     2        margins
2        ul / other outer shit               2        gray bg behind Rugen's lines
2        li / other inner shit
2        img                                 char names
2        span or other inline tag w/ names   2        bold, underline
                                             2        arial font
        
    css
    overall div/ul
2        appears at right (float/margin)     style
2        width 16em                          1        W3C valid xhtml
2        50px right margin                   1        W3C valid css
                                             1        keeps style code out of html and in css
    images                                   1        other
2        float left
2        margins  (padding/margin 5px OK)

3. Javascript Programming

40	total
10	window onload
	1	attaches to window.onload
	2	gets rodentarea by ID correctly
	2	createElement, appendChild
	1	absolute position  (or other valid positioning technique)
	2	image
	2	correctly uses .style

10	click behavior
	2	attaches onclick handler  (-2 if they put ())
	2	sets background red
	4	sets ID / gets rodent by ID correctly
	2	sets background white

10	setTimeout
	2	any attempt at a timer
	3	correct name (setTimeout, not setTheTimer or setInterval)
	3	quotes/string
	2	delay 1000

10	rodent movement
	3	initial random position
	2	able to visit any x/y coords
	3	uses correct bounds (400)
	2	uses "px" everywhere