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