CPSC 120, Fall 2011
About the First Test


The first test in CS 120 will be given in class on Wednesday, September 24. It will cover everyting that we have done so far, including the labs and the reading. However, you are not responsible for memorizing every detail of HTML, CSS, and JavaScript. This page includes a list of things that you should know. You can also consult the list of readings from the textbook, on the course web page at http://math.hws.edu/eck/cs120.

On the test, you should expect several types of questions. There will be some essay questions about definitions and concepts. There could be questions about the design of web sites or web pages. You will have to write some HTML code and some CSS code. You might have to write some simple JavaScript expressions. You might be given some code or an expressions and asked what it does.


Here are some terms and ideas that you should be familiar with:

Web browser
Web server
network
free and open-source software
HTML
CSS
JavaScript
content
presentation
separation of presentation from content
tag (for example <h1>)
end tag (for example </h1>)
element
nested element
structure of an html file
the "head" and "body" sections in html
links on a web page
URL
relative URLs and absolute URLs
the <style> section of an html file
CSS rules
CSS selectors
CSS properties
block elements and inline elements
<div> and <span> and why they are used
id and class attributes and how they are used in CSS
multi-page web sites
navigation of a web site
separate CSS files

You should be able to write original HTML and CSS using:

HTML: <h1>, <h2>, <h3>
      <p>
      <ul>, <ol>, <li>
      <i>, <b>
      <br>
      <a href="...">
      <img src="...">
      the attribute  id="..."
      the attribute  class="..."
      
CSS properties:   color                 (with color names, like red and black)
                  background-color
                  background-image
                  margin, margin-left, margin-top, etc.                
                  padding, padding-left, padding-top, etc.
                  font-size
                  
                  specifying sizes with measurements (2.5cm) and percentages (150%)
                  
CSS selectors:    basic selectors ( tag names such as  h1 )
                  id selectors    ( such as  #main  or  #content )
                  class selectors ( such as  .intro  or  p.address )

In addition, you should be able to understand code that uses:

HTML:  <title>
       <style>
       <link rel="stylesheet" type="text/css" href="...">
       <div>, <span>
       <button onclick="...">
       <hr>
       the attribute  style="..."
       
CSS properties:  text-align             (left, right, center, justify)
                 text-decoration        (underline, line-through, none)
                 font-style             (italic or normal)
                 font-weight            (bold, normal)
                 font-family            (serif, sans-serif, monospace)
                 background-repeat      (repeat-xy, repeat-x, repeat-y, no-repeat)
                 display                (block, inline, none)
                 border                 (values such as  thin solid black )
                 
CSS selectors:   the link selectors  a:link, a:hover, a:visited, a:active
                 the pseudoclasses  p:first-letter and p:first-line
                 multiple selectors (such as:   h1, h2, h3  )
                 context selectors ( such as:   div.intro p  )

JavaScript:   document.getElementById("...")
              document.getElementdsByTagName("...")
              document.getElemetntsByTagName("...")[x]
              setting the style of an element
              setting the innnerHTML of an element
              setting the src of an image