CS 312 Fall 2011 | CS312-F11 / Final Exam Study Guide

Notes:

Regarding terms, you should know the definitions and concepts well enough to be able to answer "compare and contrast", "fill-in-the-blank", and "definition matching" questions.
This is not meant to be an exhaustive list of possible questions for the exam. It is meant to give you a general idea of the possible types of questions that might be asked and an idea of the topics I think are most important.
You should also study homework questions, programming assignments, lab exercises, and problems that we've discussed during lectures.
The final exam is comprehensive, so make sure to study the midterm study guide as well.

Web Design

Terms
- hierarchical organization
- linear organization
- site map
- ice design
- liquid design
- jello design
- anti-aliased
What is the difference between load time and perceived load time? What things can be done to improve perceived load time?
What are some common screen resolutions that you should design for?
What are some things that you shouldn't have on your website (for design reasons)?
Name a Website Navigation Best Practice.
Name a Text Design Best Practice.
Name a Graphic Design Best Practice.
Given a picture of a website, indicate the layout design technique used.
Given a picture of a website, name some of the best practices used.
Given a picture of a website, name some of the things used that you should avoid in website design.

Terms
- absolute links
- relative links
Is HTML a programming language? If not, what is it?
In what directory do you typically store HTML files? What should the permissions be on that directory? What should the permissions be on the files inside the directory?
Is <Strong> a valid XHTML tag?
How does HTML treat spaces? How do you intentionally add single extra space on a webpage using HTML?
What is the format for HTML comments?
How do you specify a link in HTML?
How do you specify that a link should open in a new window?
How do you specify an image that is also a hyperlink (ie, when you click the image, you go to a new page)?
Given a snippet of HTML code, identify errors that would prevent the page from passing XHTML validation.
Given a snippet of HTML code, sketch the page that would result. (This HTML may include lists, tables, etc.)
What is the difference between <div> and <span>?

Terms
- resolution
- compression
- true color
- image map
How many bits are needed to represent 64 different colors?
What are the base colors in the 3-D color space?
What colors are represented by the following hexadecimal codes: #000000 #FF0000 #00FF00 #0000FF #FFFFFF?
Is the color represented by #EE0000 lighter or darker than the color represented by #FF0000?
What are the three shape types available for an image map?

Terms
- static positioning
- relative positioning
- absolute positioning
- fixed positioning
What are some advantages to using CSS for styling web pages?
What are three ways to specify CSS definitions? Which is the most efficient? Why?
How are CSS comments defined?
What are the three parts of a CSS rule?
Draw the CSS box model, specifying the content, padding, border, and margin.
What is the difference between margin and padding?
For the purposes of CSS, what is the difference between an id and a class?
Given a CSS definition and an HTML snippet, describe how the page will look.

Is CGI a programming language? If not, what is it?
What is used to define the layout for a form? What is used to process the data from the form?
What is the purpose of the type input tag attribute?
What is the purpose of the name input tag attribute?
How is the particular script that will process the form data specified?
What is the difference between using the get method of submitting a form and using the post method?
Given the specification of a form that uses the get method, provide the URL that will be generated when the user presses the Submit button.
Describe the process that occurs when the uses presses the Submit button.
What is the purpose of the Reset button in a form?
If you have a password input type, should you use the get method or the post method for submitting the form? Explain.
In communicating with scripts via a URL (with the get method), how do you indicate a space in a value? How do you specify multiple variable/value pairs?
Given the URL from Google to display search results for "computers" (for example), write a URL that would display the search results for "computer science".
Describe the process that occurs on the server when it receives a CGI request.

Is JavaScript a programming language? If not, what is it?
Where does JavaScript run (on the client or on the server)?
What HTML tags have to surround embedded JavaScript?
How is an external JavaScript file specified?
How are comments defined in JavaScript?
What is the JavaScript command to write information to the web page (in place)?
What is the JavaScript command to write information to the location named "text" (for example) on a web page?
What is the JavaScript command to pop up a box on the browser?
What is the JavaScript command to access an element in a form named "email"?
What is the JavaScript command to output the date and time a webpage was last modified?
What are some common JavaScript events and how can they be used?
How is the id HTML attribute useful for JavaScript?
Given a JavaScript example embedded in HTML, describe what the user must do to cause the JavaScript to execute.
Given a JavaScript example embedded in HTML, describe what the script will do.
If we want a JavaScript function to execute when the user presses a button, explain why we need to use type="button" instead of type="submit".

Is XML a programming language? If not, what is it?
Does XML have pre-defined tags? Explain.
What is the purpose of XML?
Given an XML file, draw its tree structure.
Are XML tags case-sensitive?
What are two ways of styling the display of an XML file?
What is the XMLHttpRequest JavaScript object and how can it be used?
Explain the data flow between client and server given HTML and JavaScript code that contains a call to sendXHR().

Is PHP a programming/scripting language? If not, what is it?
Is AJAX a programming language? If not, what is it?
Where does PHP run (on the client or on the server)?
How can PHP be used with HTML forms (i.e., how is the particular PHP script specified)?
Given HTML and PHP code, describe what the resulting page will look like.
What object is the basis of AJAX?
Given a code example using AJAX, describe the operations that will take place on the client and operations that will take place on the server.
Given a code example using AJAX, show the HTTP request that will be generated given a particular input.
Given a code example using AJAX, explain how many HTTP requests will be generated to view and execute the web page (with given inputs).
How are web-based PHP scripts executed?
How is the output of a PHP script returned in an HTTP response?