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.
Use the following sources to conduct your research: Occupational Outlook Handbook:
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:
- Contains the HTML 5 DOCTYPE declaration on each page
- Correctly uses html, head, body, and link tags on each page
- Includes charset, author, keywords, and description meta tags on each page
- Use title tags to give each page an appropriate title
- Link all pages to an external style sheet (.css file)
- Appropriate navigation between pages of your website, using local hyperlinks (coded with relative paths)
- Include at least 3 images representing your job/profession of interest.
- Include a hyperlink to a webpage with information about a certification to support your job/profession of interest.
- Include an HTML table summarizing information about your job/profession of interest.
- Include an HTML form with at least 6 different types of form inputs and appropriate content for the theme of your website
- Video or audio file (original and created by you!) with content relevant to the theme of your website
- Be sure to create relevant and informative content and to design your website attractively.
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.
Your external style sheet (.css file) must include all of the following:
- 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.)
- Include a background color (other than white) or a background image representative of your job/profession of interest.
- Any additional CSS you wish to add to your website (optional).
Before submitting your web site:
- 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.
- 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.
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
Webpages (HTML files) validate without errors at
10Style sheet (CSS file) validates without errors at