Final Project

 

Part 2:  Create the Web page (AddingLinks.html) for the navigation menu selection called "Hyperlinks"

 

A.  Detach and save the compressed/ zip AssignmentPart2.zip that contains the documents needed to complete this lab assignment.

 

B.  On your desktop, rename the folder that you unziped to ProjectPart2

 

C.  Verify the documents in your ProjectPart2 folder. The folder should have a total of 7 files- AddingLinks.html, PlanningWebSite.html, AddingSoundsandVideos.html, mystyle.css, HTML.jpg, Wildlife_512kb.mp4 and first_noel.mp3.

 

D.  Open the AddingLinks.html document in Wordpad.   Attach the HTML document to the cascading style sheet.   The following style sheet link tag should be in between the <HEAD> and </HEAD> tags.

 

 <LINK REL="stylesheet" TYPE="text/css" HREF="mystyle.css">

 

E.  Open the AddingLinks.HTML document in Wordpad.  Review the instructions that are embedded in the HTML document.  1) Insert image link 2) Insert text links (absolute and relative), 3) Insert same page area links, and 4) Insert email address link.  See the attached sample of the completed HTML source code document.

 

F.  Save your HTML document. View and verify your web page display properly in your browser.  See the attached sample of the web page output.

 

G. Check your HTML document - AddingLinks.html if it passes the W3C Markup Validation. Upload your document  to http://validator.w3.org/ and run the check.

 

H. Verify if the CSS document – mystyle.css passes the W3C CSS Validation Service.  You will need to upload your CSS document to the site-  http://jigsaw.w3.org/css-validator/

 

I. Submit your work:

a. All the following files are required 1) HTML document- AddingLinks.html,  2) cascading style sheet - mystyle.css  4)PlanningWebSite.html.  5) AddingSoundsandVidoes.html and 6) image, sound and video files.

 

b. Zip up your folder and upload your ProjectPart2 compressed folder to the Desire2Learn Project Part 2 Dropbox

 

Project – Part 2

Points

Insert Image Link                           

2

Insert Text Links

5

Insert Same Page Area Links

5

Insert an E-mail Address Link

2

Link HTML document to CSS

1

HTML document passes W3C Markup Validation Service

10

Total

25