Create a multiple page website in a MyInterest folder with a navigation menu system (using a header and a footer)
Opportunity for creativity in content and design
Opportunity to demonstrate learning
Tell about a hobby or interest that you have (should be different than what you will use on your HireMe site)
The site should have enough content to make someone want to visit the entire site
Assignment
Create MyInterest/index.htm
Due by Thursday 10-17-2019 at 11:59pm
One re-grade request allowed from Thursday 10-17-2019 at 11:59pm until Thursday 10-31-2019 at 11:59pm
Grade value: 10% of your final grade
Content should include
Multiple pages in a new style that tell about an interest (the site should have enough content to make someone want to look at the site)
You can begin from Kirk's template; you need to modify the css to make it uniquely yours
At least 3 images that you created (photos that you took or designs that you made)
Site should not contain images created by others (modifying someone else's image is not acceptable)
Grading Rubric
Content: Multiple pages in a new style that tell about an interest (the site should have enough content to make someone want to look at the site)
-50% not multiple pages, I will allow up to a C for a re-grade request
-50% barely any content, I will allow up to a C for a re-grade request
-30% not nearly enough content
-30% no images (need 3)
-20% only 2 images (need 3)
-10% only 1 image (need 3)
-10% not quite enough content
-05% could use some minor content changes
Design: You can begin from Kirk's template; you need to modify the css to make it uniquely yours
-50% did not modify the css enough (or at all) to make it uniquely yours
-20% designs and/or images that don't scale (i.e. not responsive)
-20% navigation menu responsive design problem
-05% minor responsive design changes needed
-05% spacing between content and the edge of the page
-05% color scheme
Assignment due by Thursday 10-10-2019 at 11:59pm
Goal
Demonstrate understanding of photo sizes (dimensions and file sizes) for use on the web
Demonstrate ability to follow specific directions
Due by Thursday 10-10-2019 at 11:59pm
One re-grade request allowed from Thursday 10-10-2019 at 11:59pm until Thursday 10-17-2019 at 11:59pm
Grade value: 1% of your final grade
Content should include
Apply changing background colors when the window is resized by stealing Kirk's sample responsive design page (you'll need to grab the .css document too)
The background color of the page needs to change while resizing the width of the page
Use your own colors
Control the colors using an external style sheet
Optional: Practice CSS - Change the styling of a header, bold, paragraph, responsive design page size background color, and something that you pick
Add 3 images of yourself to this page with file names of uniqueid_04.jpg, uniqueid_05.jpg, & uniqueid_06.jpg (so Kirk's picture names would be hopkinks_04.jpg, hopkinks_05.jpg, & hopkinks_06.jpg), to be used as new pictures for our class site
Photo details
Dimensions: 1000x315
You must be the only person primarily in focus in the photo (you can have animals, but no other people in focus)
Filenames must be: uniqueid_04.jpg, uniqueid_05.jpg, and uniqueid_06.jpg (all lower-case)
Photos need to be good quality
Grading Rubric
-10%: No changing background colors in an external style sheet using Responsive Design
-10%: Using Kirk's background colors (Responsive Design)
-10%: Missing Photo uniqueid_04.jpg
-10%: Missing Photo uniqueid_05.jpg
-10%: Missing Photo uniqueid_06.jpg
-10%: Photo naming convention should be all lower-case uniqueid_04.jpg
-10%: Photo naming convention should be all lower-case uniqueid_05.jpg
-10%: Photo naming convention should be all lower-case uniqueid_06.jpg
-10%: Dimensions must be 1000x315 uniqueid_04.jpg
-10%: Dimensions must be 1000x315 uniqueid_05.jpg
-10%: Dimensions must be 1000x315 uniqueid_06.jpg
-10%: You must be the only person in the photo uniqueid_04.jpg
-10%: You must be the only person in the photo uniqueid_05.jpg
-10%: You must be the only person in the photo uniqueid_06.jpg
-10%: Photos need to be good quality uniqueid_04.jpg stretched
-10%: Photos need to be good quality uniqueid_05.jpg stretched
-10%: Photos need to be good quality uniqueid_06.jpg stretched
-10%: Photos need to be good quality uniqueid_04.jpg grainy
-10%: Photos need to be good quality uniqueid_05.jpg grainy
-10%: Photos need to be good quality uniqueid_06.jpg grainy
HTML/CSS (i.e. mechanics) grade reduction amounts as shown on Kirk's Pet Peeves
