The exam will be based on parts of Chapters 3, 4, 12, and 13; class presentations; and assignments.

For the final exam you should be able to:

• Identify and use CSS level 1, 2, and 3 selectors
• Relate CSS selectors to the DOM structure of a web page (parent, child and sibling concepts)
• Relate CSS selectors to class and id attributes
• Identify and use correct syntax for combining CSS selectors (the comma, greater-than sign, plus sign, and the space)
• Define and identify the components of a stylesheet: rules, selectors, property lists, property names, and property values.
• Write the code of link elements for stylesheets
• Define and write the code for CSS length properties (percent, em, px)
• Explain and write the code for specifying colors in CSS: names, rgb percentages, rgb decimal values, rgba decimal values, 6-digit hexadecimal values, and 3-digit hexadecimal values.
• Identify and write code for background properties: color, image, position, repeat, and attachment.
• Explain the relationships among HTML elements, the DOM, and the CSS box model.
• Specify, identify, and explain margin, padding, and border properties.
• Define inline, block, and float; tell what happens to the positions of elements that follow a floated element; explain the use of the clear property.
• Name the default positioning property for CSS boxes; explain relative, absolute, and fixed positioning.
• Tell what happens if you specify both the left and right (or top and bottom) properties for an absolutely positioned element.
• Name the two required attributes of img elements.
• Tell why the height and width attributes of img elements should also be specified.
• Define the aspect ratio of an image.
• Define the intrinsic size of an image.
• Tell how the height and width attributes of an img element can affect the aspect ratio and the size of an image.
• Tell how the size of CSS boxes, including images, can be controlled using CSS.
• Define lossy and lossless compression; relate it to image files.
• Name three image file formats used on the web and tell how to decide which one to use from the Photoshop Save for Web and Devices panel.
• Explain the differences in how transparency is handled in GIF, PNG-8, PNG-24, and JPEG files.
• Tell how SVG graphics differ from GIF, PNG, and JPEG.
• Define image gradients, color stops, and transparency stops.
• Tell how to achieve rounded corners and drop shadows using CSS; summarize current browser support for these features.
• Explain the use of form, fieldset, legend, label, input, select, option, textarea, and button elements in web forms.
• Identify the two required attributes of form elements, and tell what each does.
• Tell what the type attribute of input elements is used for.
• Tell what the name attribute is used for.
• Tell which types of form input elements use the value attribute, and why.
• Explain the submit type for button and input elements. Tell what the difference is between the two.
• Tell how label elements are linked to their corresponding input (or select or textarea) elements.
• Tell the difference between checkboxes and radio buttons.
• Tell how to use the name attribute to identify a group of radio buttons.
• Give the sequence of events from the time a user clicks the submit button on a form to the time a new web page is displayed based on submitting the form.
• Write PHP code to display form data values that are submitted using the “get” method.