HTML, CSS and JavaScript Website Assignment

Requirements for the Website:

For this portion of the assignment, you are welcomed to use any tool to edit html, css and javascript files. I recommend that you use Netbeans to familiarize yourself with the IDE. Your website will have the following requirements:

• A header and footer that is consistent with every page.

• A main page and five sub pages in their own folders.

• A css style sheet specification in the css subfolder and be included through header tags.

• All custom javascript functions for the site shall reside in a separate file in the js folder on the root of the site and be included through header tags.

• There shall be no inline javascript or css styles. You are expected to know the difference between inline script and external file scripts.

• No external libraries can be used for this assignment. All work must be your own. You are welcomed to reference stack overflow or w3c for help, but be sure to indicate so if you copy thier code. This is designed to test your introductory level of javascript, therefore I want to see that you can do the work.

• The main page shall be named index.html and meet the following criteria

a) The page title shall have your Full name with “Profile”

i) The title of a page is different from the header of the page.

ii) The title of the page shall change for each page via javascript

b) The entire page should have a body tag with the following properties

i) the font-style: “Cambria”

c) The header of the page has the following criteria (header in this case does not refer to the header tag of the page, do not get this confused).

i) The header shall be a DIV element and have the following properties

(1) Have a width that stretches the entire width of the page.

(2) Have a height of 100 pixels

(3) Have the background-color set to rgb(5, 39, 90).

(4) Be the top most element of the page and must not overlap the content portion of the page.

ii) The header shall have the metrostate logo 20 pixels from the left border and be aligned to the bottom of the header.

iii) The header main text shall have the following properties

(1) The font shall override the font to be “Garamond”

(2) The font-size shall be 36px

iv) The header shall contain the text Profile under your name with the class “subtitle”

(1) The font-size shall be 24px

(2) The font shall override the font to be “Garamond”

v) The picture shall be a div tag with the following criteria

(1) the div shall have a png picture of you the student as the background-picture. The picture shall be cropped to 150x150 and be displayed properly with no distortions.

(2) the class shall have the dimensions of 150 height and 150 width

(3) the class shall be aligned vertically centered and horizontally to the right in the header

vi) The header shall have a color select table that has three different colors. They can be anything you want. Selecting each color will change the background of the header and footer via javascript.

d) The content shall be a DIV element with the class “content” that has the following properties

i) The content shall follow directly after the header

ii) The background color shall be white

iii) The content can grow in height.

iv) The content shall have a 20 pixel padding on the left, right, top, and bottom

v) The content shall contain a list with elements linking to each of the five subpages using the standard