26 Nov Build a comprehensive website with information about the job or profession you intend pursue when you graduate, using the skills you learned during the cours
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 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)
- 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.
- Include at least 3 images representing your job/profession of interest.
- Include a JavaScript function of your choice
- 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 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 here, 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 here, 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 Assignment
Grading Assignments
Exemplary
Accomplished
Developing
Beginning
Available Points
Webpages (HTML files) validate without errors here
Student effectively completed the assignment.
Student partially completed the assignment.
The student provided limited and meaningless substance completing the assignment.
Student failed to complete the assignment.
10
Style sheet (CSS file) validates without errors here
Student effectively completed the assignment.
Student partially completed the assignment.
The student provided limited and meaningless substance completing the assignment.
Student failed to complete the assignment.
10
Website 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)
Student effectively completed the assignment.
Student partially completed the assignment.
The student provided limited and meaningless substance completing the assignment.
Student failed to complete the assignment.
5
Correct use of all basic elements in a webpage document (DOCTYPE, html, head, body, meta, title, link) on every HTML page
Student effectively completed the assignment.
Student partially completed the assignment.
The student provided limited and meaningless substance completing the assignment.
Student failed to complete the assignment.
5
Appropriate navigation between pages of your website, using local hyperlinks (coded with relative paths)
Student effectively completed the assignment.
Student partially completed the assignment.
The student provided limited and meaningless substance completing the assignment.
Student failed to complete the assignment.
5
CSS style sheet containing appropriate formatting for your website (including a background color or background image)
Student effectively completed the assignment.
Student partially completed the assignment.
The student provided limited and meaningless substance completing the assignment.
Student failed to complete the assignment.
10
Content includes a Job Description, Knowledge/Skills required for the job, Training/Education required for the job, and Salary/Benefits expected from the job
Student effectively completed the assignment.
Student partially completed the assignment.
The student provided limited and meaningless substance completing the assignment.
Student failed to complete the assignment.
5
Included images representative of your career field
Student effectively completed the assignment.
Student partially completed the assignment.
The student provided limited and meaningless substance completing the assignment.
Student failed to complete the assignment.
5
Included a JavaScript function
Student effectively completed the assignment.
Student partially completed the assignment.
The student provided limited and meaningless substance completing the assignment.
Student failed to complete the assignment.
10
Included a Hyperlink to a certification related to your career
Student effectively completed the assignment.
Student partially completed the assignment.
The student provided limited and meaningless substance completing the assignment.
Student failed to complete the assignment.
5
Included an HTML Table
Student effectively completed the assignment.
Student partially completed the assignment.
The student provided limited and meaningless substance completing the assignment.
Student failed to complete the assignment.
5
Included HTML form with at least 6 different types of form inputs
Student effectively completed the assignment.
Student partially completed the assignment.
The student provided limited and meaningless substance completing the assignment.
Student failed to complete the assignment.
10
Included a video or audio file (original and created by you!) with content relevant to the theme of your website
Student effectively completed the assignment.
Student partially completed the assignment.
The student provided limited and meaningless substance completing the assignment.
Student failed to complete the assignment.
10
Correctly created zip file that contains all files for webpage (maintaining original folder structure)
Student effectively completed the assignment.
Student partially completed the assignment.
The student provided limited and meaningless substance completing the assignment.
Student failed to complete the assignment.
5
Total
100
