Web Design Homework Assignment #5 Homework Description – Personal Narrative For this assignment, you will create a webpage about yourself. The web page must fulfill the following requirements: 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. The web page must contain your name as the title. Home page must include a picture of yourself and a quote. Four sections that describe something about you. Use the div outline we used in your favorite cities example. Include a navigation bar on the side that list the four things you would like to share about yourself. Each link should lead to a different page. a. Each of the 4 describing pages should include 2 paragraphs and 2 photos. Navigation tab needs to include a link your resume. The web page must have an external CSS document linked to it. The CSS document must have an example of each kind of CSS a. Html tag selector b. Id selector c. Class selector All opening HTML tags must be accompanied by appropriate close tags. The HTML and CSS code must have proper indentation. The HTML and CSS code must have appropriate comments. Submission Guidelines Save your web page in a folder with a name in the format of “LASTNAME_Assignment3”. Save your CSS file in the folder created above. Save the images in a folder within folder ”LASTNAME_Assignment3” called “images”. Folder structure should look like ”LASTNAME_Assignment3\images”. Drag and drop the zip file from its current location to our homework drop box at \\shssvr02\Public\Lemeshko Web Design Homework\Assignment3 Additional notes: Please note that there is an added emphasis on good coding practices in marks assigned to it. Nearly 70% of your assignment marks depends upon HTML and CSS code which you write. Please be careful when writing your code. There are marks awarded for elegant and well-designed web page. I will strongly recommend spending a few minutes going through your code to make sure that you have met all the requirements before submitting it. Personal Narrative Criteria Maximum point possible A main page with a picture of you and a quote 5 Navigation bar includes 5 external links 5 Each page includes 2 paragraphs 5 Each page includes 2 photos 5 Navigation bar has link to resume 10 The web page must have an external CSS document 2 The CSS document must have an example of Html tag selector CSS 5 The CSS document must have an example of Id selector CSS 5 The CSS document must have an example of Class selector CSS 5 The HTML and CSS code must have proper indentation. 3 The HTML and CSS code must have appropriate comments 2 All opening HTML tags must be accompanied by appropriate close tags. 5 CSS code must be correct 10 HTML code must be correct 10 The web page is well designed and elegant 10 Total points 92 Criteria Bonus points possible Additional sections not listed in requirements 5 HTML and CSS code is easy to read and understand 5 Total points 10 Earned points Earned points