First create all the folders shown in the diagram then

Question

Assignment

Objective:

• Update the Homework One KEY to use a css layout.
• All files must validate with the w3 validator. The w3 validator is located at https://validator.w3.org/. Points will be taken o? for work that does not validate.

All helper files are included in the archive of this assignment.   It is good to read this entire document first before proceeding.

Requirements:

First, create all the folders shown in the diagram. Then, using the layout.html file create all the index.html files, making sure that you update the tag in each  document, so that the main.css file is loaded properly. The layout.html file and the main.css file are both included in the assignment archive.  If this is done properly the style sheet will be in effect in all the html documents.  The main.css file is used in all html documents.

Streamline the html in the layout.html document. This may be performed before creating all the individual index.html documents. 

The layout.html document is from Adobe and contains descriptive text that does not belong in the final version of our work.  It is simply there to help the developer understand what is going on in the document. 

Remove all the descriptive text from the document.  You will lose points if there is any descriptive text from Adobe in your final version.  This may include the odd paragraph tag or h-tag that may or may not be needed form the main content area.

Do not break the layout.  After removing the descriptive text the layout should still look the same albeit slight shrunk in vertical size.  The main regions of the layout must still be in place. 

Delete the

completely.  It it not needed in this assignment.

It is a very good idea at this point to make sure that each of your html documents validate after all the editing.

Second, complete the site navigation.  The  index.html file in the site's root directory (the folder that has as it's name your last name) will have four relative hyperlinks.  One to each index.html file in each sub-folder.  Name the links, Exercise 9, Exercise 21, Image Link, and Table.  It is clear from the diagram where these link to. 

In each of the sub-folder index.html document, the relative hyperlink links back to the site's root index.html document.  Name each of these links Home.  Delete any extraneous links.  Do not include any empty links in any html document. 

There is only one link in each of the sub-folder's html files, the Home link. There are no internal links in this assignment.  They are omitted. Do not introduce any internal links from homework one.

Attachment:- Assignment.zip