Web page 8

 

Build a comprehensive website with information about the job or profession you intend pursue when you graduate, using the skills you learned during the course.  

Your webpage content should include a Job Description, Knowledge/Skills required for the job, Training/Education required for the job, and Salary/Benefits expected from the job.

Use the following sources to conduct your research: Occupational Outlook Handbook: 

https://www.bls.gov/ooh/

or similar references.  Make sure that you explain the content (the paragraphs of information about your topic) yourself.  Do not simply copy content from other web pages.  Include citations to give credit to the source where you found the information you include on your website.  Your website should contain at least 4-6 paragraphs of information, arranged in a logical manner (using headings and sub-headings appropriately), and it should consist of at least 3 HTML pages.  The home page of your website must be named “LastFirstHomePage.html” where “Last” is your last name and “First” is your first name.  For example, if your name is John Smith, you would name your file SmithJohnHomePage.html.  You may name your other two HTML pages anything you like.  Name your CSS file “LastFirstStyleSheet.css” where “Last” is your last name and “First” is your first name.

Important Note: All files created for this assignment must be new files that you have not submitted for grading in previous weeks.  No credit will be given if your HTML file(s) and/or CSS file(s) are identical to any files that you have previously submitted!

The HTML pages of your website must include all of the following:

1. Contains the HTML 5 DOCTYPE declaration on each page
2. Correctly uses html, head, body, and link tags on each page
3. Includes charset, author, keywords, and description meta tags on each page
4. Use title tags to give each page an appropriate title
5. Link all pages to an external style sheet (.css file)
6. Appropriate navigation between pages of your website, using local hyperlinks (coded with relative paths)

Your webpage content should include a Job Description, Knowledge/Skills required for the job, Training/Education required for the job, and Salary/Benefits expected from the job.

7. Include at least 3 images representing your job/profession of interest.
8. Include a JavaScript function of your choice
9. Include a hyperlink to a webpage with information about a certification to support your job/profession of interest.
10. Include an HTML table summarizing information about your job/profession of interest.
11. Include an HTML form with at least 6 different types of form inputs and appropriate content for the theme of your website
12. Video or audio file (original and created by you!) with content relevant to the theme of your website
13. Be sure to create relevant and informative content and to design your website attractively.

Your external style sheet (.css file) must include all of the following:

1. Appropriate CSS for main elements in your page (body, headings, horizontal rules, images, etc.), such as page background color, text color, font types, font sizes, font colors, width, height, float, margin, etc.)
2. Include a background color (other than white) or a background image representative of your job/profession of interest.
3. Any additional CSS you wish to add to your website (optional).

Before submitting your web site:

1. Validate all HTML files at https://validator.w3.org/#validate_by_upload, using the “Validate by File Upload” option, and fix any errors that the validator identifies before submitting your web site for grading.
2. Validate your CSS file at https://jigsaw.w3.org/css-validator/#validate_by_upload, using the “Validate by File Upload” option, and fix any errors that the validator identifies before submitting your web site for grading.

Note: It is critical that you debug and fix ALL errors identified by these two code validators before submitting your assignments.  Contact your instructor for assistance if you are having difficulty debugging and fixing your errors because it is imperative that your code files pass validation.

Submission

Instructions: Create a zip file containing all files related to your web page (.html files, .css file, image files, and/or multimedia files).  Make sure you maintain the necessary directory structure in your zip file so that your webpages will view correctly when unzipped.  In other words, if your images are in a sub-folder on your computer, in relation to the folder containing your .html file, then you need to maintain that same directory structure in your zip file, too.  Submit only the zip file for grading.

Rubric for Grading Assignments

Points

Webpages (HTML files) validate without errors at 

http://validator.w3.org/

10Style sheet (CSS file) validates without errors at 

http://jigsaw.w3.org/css-validator

10Website contains well-written, well-thought-out, creative, attractive, and well-organized content (uses paragraph, line break, heading tags, and horizontal rules appropriately to organize content)   5Correct use of all basic elements in a webpage document (DOCTYPE, html, head, body, meta, title, link) on every HTML page  5Appropriate navigation between pages of your website, using local hyperlinks (coded with relative paths)  5CSS style sheet containing appropriate formatting for your website (including a background color or background image) 10Content includes a Job Description, Knowledge/Skills required for the job, Training/Education required for the job, and Salary/Benefits expected from the job  5Included images representative of your career field  5Included a JavaScript function 10Included a Hyperlink to a certification related to your career  5Included an HTML Table  5Included HTML form with at least 6 different types of form inputs  10Included a video or audio file (original and created by you!) with content relevant to the theme of your website 10Correctly created zip file that contains all files for webpage (maintaining original folder structure)  5Total100

Submission