Other Media + Quiz

DUE Wednesday, Feb 22 – 4 points
(Thursday NOON deadline)

This week, I will be introducing you to CSS: what it is, how to write it, and why it is so great. We will be using the textbook as secondary material this week; our primary material this will come from these online resources:

  • SitePoint CSS Reference >What is CSS?
    This article in the SitePoint CSS Reference provides a good introduction to what CSS is and why it is used for defining styling web pages. (This is the first in a series of articles under the “CSS Concepts” section, but you only need to read this one article: you do not need to click the “Next” arrow or follow the links to other articles in that section.)

  • CSS Videos
    This site contains short video tutorials that cover the basics of CSS syntax. You will need to watch these four videos:

    1. CSS Syntax (2:03)
    2. CSS Selectors 1 (4:12)
    3. CSS Selectors 2 (3:01)
    4. Embedding CSS in Your Website (3:01)

  • SitePoint CSS Reference > Declarations, Properties, and Values
    The SitePoint CSS Reference dives a little deeper in declarations, properties, and values than do the videos. Read this web page plus all nine pages listed in that section. Do not worry: they are all very short. I have provided links to all ten pages below, but you can just follow the first link and click the “Next” arrows on each page to navigate through them all:

Once you have watched or read these materials, you will need to take a quiz of ten true-false questions. (These questions will be randomly selected from the questions below. You can retake the quiz up to five times. Don’t stress about getting 100% on these quizzes: if you get 80% or better, you will be ready to proceed to the next activity and I will give you the full 3 points.)

All questions should be prefaced with an understood, “According to the author / presenter …”:

  1. T/F? HTML makes up the content layer of a web page.
  2. T/F? A web browser on a computer is only one of many ways to access the content of a web page.
  3. T/F? JavaScript makes up the presentation layer of a web page.
  4. T/F? The behavior layer of a web page is normally handled by PHP, Java, or another server-side language.
  5. T/F? The main advantage of CSS over presentational HTML markup is that the styling can be kept entirely separate from the content.
  6. T/F? Ashton Sanders’ favorite part of CSS is its flexibility.
  7. T/F? Every CSS rule has a “selector” that describes to which HTML element(s) it should be applied.
  8. T/F? Every CSS rule has a “declaration block” that contains exactly one declaration.
  9. T/F? A “declaration” in a CSS rule contains one “element” and one “attribute.”
  10. T/F? Ashton Sanders describes four different types of selectors.
  11. T/F? In a CSS selector, a dot or period (.) is used to indicate an HTML class.
  12. T/F? In an HTML document, you should not have two elements with the same value in the ID attribute.
  13. T/F? In a CSS selector, an ampersand (&) is used to indicate an HTML ID.
  14. T/F? Ashton Sanders uses the term “descendant” to refer to an HTML element inside another HTML element.
  15. T/F? Ashton Sanders does not cover sibling selectors because they do not work in Internet Explorer 6.
  16. T/F? Ashton Sanders covers three ways to embed CSS in web pages.
  17. T/F? You can add CSS directly to an HTML element by using the style attribute.
  18. T/F? Inline CSS is the most effective way to use CSS because it keeps the design mixed with the content.
  19. T/F? Internal CSS rules can be made in a STYLE element within the HEAD element of an HTML document.
  20. T/F? With external CSS, you can put all the styling for your entire web site in one style sheet.
  21. T/F? Ashton Sanders recommends using external CSS.
  22. T/F? If a property name is specified incorrectly in a CSS declaration, the declaration is ignored.
  23. T/F? Keywords in CSS (like “yellow”) must be surrounded by quotation marks.
  24. T/F? An “em” is a unit of length typically equal to 96 pixels.
  25. T/F? The “em” is a centuries-old term that originally referred to the width of the letter M in a particular font.
  26. T/F? Colors in CSS can be represented as hexadecimal numbers, hash marks followed by three or six characters.
  27. T/F? “Gecko” is the name of the rendering engine associated with Firefox.
  28. T/F? “Webkit” is the name of the rendering engine associated with Internet Explorer.
  29. T/F? To include a web address in a CSS declaration (for properties like background-image), you put the web address in parentheses  prefixed by “link,” like this — link(images/bg.gif)
  30. T/F? Some examples of properties that represent shorthand notation for other properties are [border], [background], and [font].

DUE Wednesday, Feb 22 – 4 points
(Thursday NOON deadline)