Due:
Hobby Website Submission & Requirements
Due end of class on Tuesday 9/16.
Requirements Checklist :
Class time is used well. Lack of depth, polish, or detail will not receive full credit if effort is not made in class and time is spent playing games, even if minimum requirements below are met.
Have at least 3 individual pages + 1 bibliography/sources page (or sources can be at the bottom of each page without a separate page)
Follow correct HTML & CSS structure and conventions
* correct HTML skeleton (one head, one body tag. style tag in the head tag. repeated css used in every page style tag is moved to the style.css, etc, no repeat css tags in the same place (i.e. don't have multiple p { } for different attributes and instead put them all in the same p { } )
Have a navigation menu to link them together
* Try clicking each link on the navigation menu FROM EACH PAGE to make sure you don't have any broken links and all destinations are correct
Include images (anything you find online that you didn't make yourself should be credited on the bibliography page which is a list of links)
Have CSS formatting site-wide on the style.css page
Have at least 1 custom font
Each page should have its own title (look in the head tag for the title tag)
Each page should have a favicon
Have at least one CSS attribute we didn't go over together in class that you found on the web. If you need help finding something not too challenging, I'd recommend going to: https://www.w3schools.com/css/default.asp and looking at the navigation menu on the left and looking at CSS Text->Decoration or Shadow, CSS Fonts->Font Style, or CSS Borders.
Check your contrast for your text to see if it is legible: https://color.adobe.com/create/color-contrast-analyzer
When complete, submit three things IN A GOOGLE DOC (please don't submit the links directly, it's kind of annoying on the teacher side of google classroom):
The link to the code (looks like this: https://favicons-and-titles-10686146.codehs.me/index.html)
The link to your website (looks like this: https://codehs.com/sandbox/mistershorr/favicons-and-titles)
Write what CSS attribute you used that we didn't cover explicitly in class. Explain where you used it and what it does.
Requirements Checklist :
Class time is used well. Lack of depth, polish, or detail will not receive full credit if effort is not made in class and time is spent playing games, even if minimum requirements below are met.
Have at least 3 individual pages + 1 bibliography/sources page (or sources can be at the bottom of each page without a separate page)
Follow correct HTML & CSS structure and conventions
* correct HTML skeleton (one head, one body tag. style tag in the head tag. repeated css used in every page style tag is moved to the style.css, etc, no repeat css tags in the same place (i.e. don't have multiple p { } for different attributes and instead put them all in the same p { } )
Have a navigation menu to link them together
* Try clicking each link on the navigation menu FROM EACH PAGE to make sure you don't have any broken links and all destinations are correct
Include images (anything you find online that you didn't make yourself should be credited on the bibliography page which is a list of links)
Have CSS formatting site-wide on the style.css page
Have at least 1 custom font
Each page should have its own title (look in the head tag for the title tag)
Each page should have a favicon
Have at least one CSS attribute we didn't go over together in class that you found on the web. If you need help finding something not too challenging, I'd recommend going to: https://www.w3schools.com/css/default.asp and looking at the navigation menu on the left and looking at CSS Text->Decoration or Shadow, CSS Fonts->Font Style, or CSS Borders.
Check your contrast for your text to see if it is legible: https://color.adobe.com/create/color-contrast-analyzer
When complete, submit three things IN A GOOGLE DOC (please don't submit the links directly, it's kind of annoying on the teacher side of google classroom):
The link to the code (looks like this: https://favicons-and-titles-10686146.codehs.me/index.html)
The link to your website (looks like this: https://codehs.com/sandbox/mistershorr/favicons-and-titles)
Write what CSS attribute you used that we didn't cover explicitly in class. Explain where you used it and what it does.
Last Modified:
Thursday,
September 11 5:56 PM