Final Project

Part 4:  Finalize your web site by adding all the menu links to your navigation menu page and inserting the JavaScripts in your HTML documents.

A. Create a ProjectPart4 folder on your desktop.

B.  Detach and save the the attached zip file called ProjectFiles.zip into your final project folder. Uncompress the folder.

C. Verify if the 3 html documents you created in Parts 1-3 are in the ProjectFiles folder.

1.   AddingText.html  

2.   AddingLinks.html  

3.   WorkingTables.html

D.  Open the Menu_Output.HTML document in Wordpad.  Insert and add all the target links for the menu selections listed below.   Review the instructions that are embedded in the HTML document.   See the attached sample of the completed MenuNavigation.HTML source code document.

E.  Open the Banner.HTML document in Wordpad.  Add the JavaScript below to the Web page that will display pop-up window and today's date.   Follow the step-by-step demo in the Chapter 13 lecture presentation. See the attached sample of the completed banner.HTML source code document.

<SCRIPT language="JavaScript">
function popupwindow()
{
Textbook= window.open('Textbook.html','Textbook','width=325,height=385') ;
Textbook.moveTo(250,250);
}
</SCRIPT>

<SCRIPT TYPE="text/javascript" SRC="todaydate.js"></SCRIPT>

F.  Open the SurveyForm.HTML document in Wordpad.  Add the JavaScript below to the Web page that will display the date/ time and alert message box.  Follow the step-by-step demo in the Chapter 13 lecture presentation. See the attached sample of the completed SurveyForm.HTML source code document.

<SCRIPT TYPE="text/javascript">
document.write(Date())
</SCRIPT>

<SCRIPT TYPE="text/javascript">
alert("Please remember to click on submit button to send your survey.")
</SCRIPT>

G.  Save your HTML documents.  Launch Frameset.html in your browser.  View and verify your web page displays properly and all the navigation menu links work in the frame.  See the attached sample of the frameset web page output and sample of the survey form web page output

H.  Test your Web site.  Verify all links work and your JavaScripts runs properly. 

I. Check your HTML document - Menu_Output.HTML, Banner.HTML and SurveyForm.HTML, if it passes the W3C Markup Validation. Upload your document  to http://validator.w3.org/ and run the check.

J.  Zip and compress your ProjectPart4 folder containing the files below.  Upload and submit on the compress file to the Desire2Learn Final Project Part 4 drop box.

NOTE:  PLEASE ZIP THE FOLDER CONTAINTING THE FILES BEFORE UPLOADING ON THE BLACKBOARD

Below are the 23 files that are required: 

1. Frameset.html
2. BasicStructure.html
3. SyntaxRules.html
4. Survey.html
5. AddingText.html
6. AddingLinks.html
7. WorkingTables.html
8. Banner.html
9. MenuNavigation.html
10. PartWebPage.html
11. mystyle.css
12. AddingImages.html
13. CreatingForms.html
14. WorkingFrames.html
15. PlanningWebSite.html
16. Image file - html.jpg
17. Image file- error.gif
18. todaydate.js
19. Image file- textbook.jpg
20. Textbook.html

21 AddingSoundsandVideos.html

22 first_noel.mp3.

23.Wildlife_512kb.mp4.

Project – Part 4	Points
Insert menu links for the Naviation Menu and all links work	10
Add and run the JavaScript	5
Validate HTML documents passes validation	10
Total	25