CS 312 - Internet Concepts
Fall 2011: Tues/Thurs 3-4:15pm, Dragas 1117

Print - Admin

Announcements

Staff

Schedule

Syllabus

Useful Links

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.

HTML

  • 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>?

Images, Color, and Image Maps

  • 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?

CSS

  • 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.

HTML Forms and CGI

  • 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.

JavaScript

  • 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".

XML

  • 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().

PHP and AJAX

  • 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?

HTML5 and jQuery

  • What is an HTML5 canvas? What must be used to draw inside the canvas?
  • What technology does the HTML5 video tag replace?
  • Do HTML5 input elements allow for automatic validation? What does this mean?
  • What is jQuery?
  • What is the basic syntax of jQuery?