Change Font Size: A A A

This site will look much better in a browser that supports web standards, but it is accessible to any browser or Internet device.


COMP140 - Human Computer Interaction





Computer Science 140 - Midterm material

The midterm on Friday Nov 8, 2013 will be limited to the following topics. Not all of them will be in the midterm. This is subject to updating until Nov 6.

Review your quizzes, labs, class handouts and the online tests. I'll be online this weekend if you have questions.

Browser/web server/Internet
  • purpose of Apache
  • identify some characteristics of a browser (bookmark, cache, cookie, history)
  • browser rendering engine names: Trident for IE, Gecko for Firefox, Webkit for Safari and Chrome
  • identify an absolute URL and relative URL for a web page
  • domain and subdomain
  • what is a URL
  • purpose of HTTP, TCP/IP
  • know the difference among "index.html", "../index.html" and "/index.html"
Graphics
  • define the following terms: dot pitch, dithering, vector graphics, bitmap, anti-aliasing
HTML
  • HTML document structure (<html>, <head>, <body>)
  • XHTML differences with HTML
  • HTML basic tags: <p> <br> <hr> <h1>..<h6> <a>
  • block versus inline tags
  • use relative and absolute hrefs in <a>
  • use named anchors (for example, <a name=#here>)
  • write a table in HTML using rowspan and colspan
  • construct an ordered, unordered list
  • construct a dictionary list
  • what the HTML entities &nbsp; &lt; &gt; &amp; are used for
  • imbed an image into an HTML page
  • what web-safe colours mean
  • what colours #ff00ff, #ff0000, #00ff00, #0000ff, #ffffff, #000000, #00ffff, and #ffff00 represent
  • difference between proportional font and fixed font
  • purpose of the file index.html
CSS
  • how CSS is structured, what it is used for
  • write out the <link> tag in the HTML file
  • use the properties for: color, font-size, font-family, font-style, font-weight, background-image:url(), background-position, background-repeat, a.active, a.hover, a.link, a.visited, a.focus
  • define a class and id
  • define a styled div
  • relative versus absolute measurements
  • what <span> does
  • the CSS style rule priority (linked, embedded, inline)
  • the CSS rule of inheritance
  • the CSS rule of proximity
  • the CSS rule of specificity
  • CSS format: property : value ;
Forms
  • create a simple form
  • know attributes of <form> tag
  • define form elements for input text boxes, radio buttons, checkboxes, textareas and select boxes (and submit and reset buttons)
  • define HTML5 form elements: input type='tel', input type='email', input type='number', input type='range', progress, meter, datalist
  • define HTML5 form attributes: autofocus, placeholder, required
  • define HTML5 form pattern using regular expressions for numbers \d
What's not on the midterm?
  • Javascript (other than what it is used for)