To Exam Info
Final Exam Review Guide
Format of Final
- Multiple choice questions,
write HTML/CSS/JavaScript, find errors in HTML/CSS/JavaScript.
Know for Final
- Know the answers to the Review Questions at the beginning
of each lecture.
- Understand projects 4, 5 and 6.
Bring to Final
- One page (both sides) of notes.
-
Cascading Style Sheets (CSS) Reference.
- The following examples:
Terms and Concepts
- URL, HTML, CSS, JavaScript, source code, file, folder, current folder,
child folder, parent folder, public_html, absolute address, relative address,
SSH, rgb color codes, client-side processing, server-side processing,
source code comment, protocol, HTTP, FTP, TLD, secondary domain, server name,
folder name of URL, file name of URL
HTML Special Characters
HTML Code | Displayed Symbol | Meaning |
|
|
Nonbreaking Space |
< |
< |
Left Angle Bracket |
> |
> |
Right Angle Bracket |
& |
& |
Ampersand |
" |
|
Double Quotes |
HTML Tags
<html>
<head> <title> <link /> <script>
<style>
<body> <p> <h1> <h2> <h3>
<a>
<img /> <br />
<table> <tr> <td>
<input /> <select> <option> <link>
HTML comment: <!-- Comment goes here. -->
HTML Attributes
value style class src href name
size value onclick onload action method
Cascading Style Sheets
- See the Cascading Style Sheet Reference.
- Know how to use inline, document-level, and external styles.
- Elements: body, h1, h2, h3, table, a, img, tr, td, input, select,
span, div .
- Properties: background-color, color, font-family, font-weight, font-style,
text-align, text-indent, text-decoration, position, width, height, left, top.
- Rule for determining which style applies:
The style applied last takes precedence.
- CSS comment: /* Comment goes here. */
JavaScript
- Source code comment: //Comment goes here.
- Literal: integer, floating point, string, or boolean variables.
- Exceptional numeric values: NaN, Infinity.
- Variable: name, address, value, size, dataclass.
- var: declare variables.
- Input and output: window.alert, window.status.
- Assignment Operator:
=
- Arithmetic Operators:
+ - * / %
- Comparison Operators:
< <= > >= == !=
- Grouping Operators:
( )
- Builtin Functions: window.alert, parseFloat, Math.sqrt, Math.random,
Math.pow, Math.floor, Math.ceil.
- User Defined Event Handler Functions. Distinguish between the
definition of a function and its invocation.
- Forms and controls: textbox, button, onclick, onload,
dropdown menu, submit button.
Be Able To:
- Answer short answer questions.
- Given some HTML source code indicate how it would be displayed in a
browser.
- Given part of a browser page, give the HTML source code that produced it.
- Apply a CSS inline style to an HTML element.
- Write a document-level style for a web page.
- Be able to write the rgb color code, given the color name, for the colors
red (rgb(255,0,0)), green (rgb(0,255,0)), blue (rgb(0,0,255)),
black (rgb(0,0,0)), white (rgb(255,255,255)), gray (rgb(128,128,128)),
yellow (rgb(255,255,0)),
cyan (rgb(0,255,255)), magenta (rgb(255,0,255)),
maroon (rgb(128,0,0)) and navy (rgb(0,0,128)).
- Use rgb color codes in inline, document-level, or external styles.
- Insert action and method attributes in a form tag to show
where and how the values in controls are submitted to the server.
- Add an input tag with class=submit to a page that will cause the page
to be submitted to the server.
- Add a drop down menu to a page (<select> tag).
- Add a slide show to a page, either sequential or random.
- Given a page containing HTML, CSS, and/or JavaScript, find errors
contained on it.
- Write a JavaScript event handler that
- Inputs values from a dynamic webpage, computes a value,
displays the result in a textbox.
- Displays an image on a page, either static, or determined
by calculations.
- Displays a slideshow, random or sequential.
- Explain what absolution positioning is using div tags and how
this helps control the layout on a page.
- Given and HTML and CSS page that uses absolute positioning,
predict what the layout of the page will look like.
- Given a page layout, write the HTML and CSS code that produced it
using absolute positioning.
- Explain the difference between client side processing and
server side processing.
- Identify the steps needed for the browser to retrieve a
page from a server in the internet.