7/29/2019 Assigmento
1/3
Assignment 1 - JavaScript Web Site
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - -
For this assignment you will be creating a complete web site.
This web site will becreated using valid XHTML and JavaScript. The
site must have at least 3 pages and must
be validated by the W3C validator before handing in.
Your web site may be about anything you want; common topics
include hobbies, bands,family, etc... Make sure your web site has
some content. The assignment marking scheme
is displayed below:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - -
Marking Scheme
You will be given a mark out of 100. Here is how your grade will
be made up:
Site Design (5 marks)As this course mainly focuses on coding,
the design requirements will be low.
Site Content (5 marks)Your site should have at least three pages
and each page should have content.
Make sure your pages do not look empty.
Valid XHTML (10 marks)Validate your XHTML using theW3C
Validator. One mark will be deducted for
each error or warning.
Well formatted XHMTL and JavaScript (10 Marks)Your code must be
well organized, tabbed and commented. Half a mark will be
deducted for each improper formatting or insufficient
commenting.
JavaScript Requirements (70 marks)The bulk of your grade will
come from including the following JavaScriptcomponents:
1. Image Rollovers (10 marks)2. Image Slide Show (10
marks)3.
Popup Window (5 marks)4. Form Validation (20 marks)
5. Incorporate DOCUMENT.WRITE (5 marks)6. Incorporate an IF
statement (5 marks)7. Incorporate a FOR or WHILE loop (5 marks)8.
Incorporate a FUNCTION (10 marks)
http://validator.w3.org/http://validator.w3.org/http://validator.w3.org/http://validator.w3.org/
7/29/2019 Assigmento
2/3
You will lose marks for any JavaScript errors, improperly
formatted code and
insufficient commenting.
Code Formatting Principles
Use blank lines to organize your code Properly tab your HTML and
JavaScript:
Incorrect Correct
HTML Example:
Content
More Content
Content
More Content
JavaScript Example
Use properly formatted variable names (varName, firstName,
etc...) End each line of JavaScript with a semi-colon (this does
not include if statements,
loops, functions, etc...)
Properly open and close your SCRIPT tags:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - -
7/29/2019 Assigmento
3/3
Due Date
The assignment is due on the last week of the term. You should
put all your work in afolder with you name which you will put in a
cd which you will hand in by hand to your
instructor.
Failure to do so will result in your getting 0% for this piece
of work
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - -
Links
Here are a few links to pages that will help with the assignment
requirements:
XHTML 1.0 Standards
DOCUMENT.WRITE IF Statements FOR Loops WHILE Loops FUNCTIONS
Popup Windows Code Generator WINDOW.OPEN Web Monkey Slide Show
JavaScript Validation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - -
Downloads
If you use FireFox as your browser download the Developer
Extension and FireFox will
validate ALL visited HTML pages immediately. It will save you
lots of time over usingthe W3C Validator.
FireFox Developer Extension
http://www.w3schools.com/xhtml/xhtml_syntax.asphttp://www.w3schools.com/xhtml/xhtml_syntax.asphttp://www.w3schools.com/js/js_howto.asphttp://www.w3schools.com/js/js_howto.asphttp://www.w3schools.com/js/js_if_else.asphttp://www.w3schools.com/js/js_if_else.asphttp://www.w3schools.com/js/js_loop_for.asphttp://www.w3schools.com/js/js_loop_for.asphttp://www.w3schools.com/js/js_loop_while.asphttp://www.w3schools.com/js/js_loop_while.asphttp://www.w3schools.com/js/js_functions.asphttp://www.w3schools.com/js/js_functions.asphttp://javascript.internet.com/generators/popup-window.htmlhttp://javascript.internet.com/generators/popup-window.htmlhttp://www.javascript-coder.com/window-popup/javascript-window-open.phtmlhttp://www.javascript-coder.com/window-popup/javascript-window-open.phtmlhttp://www.webmonkey.com/webmonkey/03/18/index3a.html?tw=programminghttp://www.webmonkey.com/webmonkey/03/18/index3a.html?tw=programminghttp://www.javascript-coder.com/html-form/javascript-form-validation.phtmlhttp://www.javascript-coder.com/html-form/javascript-form-validation.phtmlhttps://addons.mozilla.org/firefox/249/https://addons.mozilla.org/firefox/249/https://addons.mozilla.org/firefox/249/http://www.javascript-coder.com/html-form/javascript-form-validation.phtmlhttp://www.webmonkey.com/webmonkey/03/18/index3a.html?tw=programminghttp://www.javascript-coder.com/window-popup/javascript-window-open.phtmlhttp://javascript.internet.com/generators/popup-window.htmlhttp://www.w3schools.com/js/js_functions.asphttp://www.w3schools.com/js/js_loop_while.asphttp://www.w3schools.com/js/js_loop_for.asphttp://www.w3schools.com/js/js_if_else.asphttp://www.w3schools.com/js/js_howto.asphttp://www.w3schools.com/xhtml/xhtml_syntax.asp
