Scribd
Upload
254 views

Web Design Homework Assignment #5: Homework Description - Personal Narrative

The document outlines a web design homework assignment to create a personal webpage about yourself. It lists 10 requirements for the webpage including having your name as the title, a picture and quote on the homepage, four sections describing yourself, and a navigation bar with links to each section and your resume. It also requires an external CSS stylesheet following best practices of indentation and comments. Guidelines are given for saving and submitting files. Scoring criteria emphasize good coding practices, with nearly 70% of marks for accurate HTML and CSS code and additional points possible for good design and readability of the code.

Uploaded by

Sarun Raj
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
254 views

Web Design Homework Assignment #5: Homework Description - Personal Narrative

The document outlines a web design homework assignment to create a personal webpage about yourself. It lists 10 requirements for the webpage including having your name as the title, a picture and quote on the homepage, four sections describing yourself, and a navigation bar with links to each section and your resume. It also requires an external CSS stylesheet following best practices of indentation and comments. Guidelines are given for saving and submitting files. Scoring criteria emphasize good coding practices, with nearly 70% of marks for accurate HTML and CSS code and additional points possible for good design and readability of the code.

Uploaded by

Sarun Raj
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

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. The web page must contain your name as the title.


2. Home page must include a picture of yourself and a quote.
3. Four sections that describe something about you.
4. Use the div outline we used in your favorite cities example.
5. Include a navigation bar on the side that list the four things you would like to share about yourself.
6. Each link should lead to a different page.
a. Each of the 4 describing pages should include 2 paragraphs and 2 photos.
7. Navigation tab needs to include a link your resume.
8. The web page must have an external CSS document linked to it.
9. The CSS document must have an example of each kind of CSS
a. Html tag selector
b. Id selector
c. Class selector
10. All opening HTML tags must be accompanied by appropriate close tags.
11. The HTML and CSS code must have proper indentation.
12. 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

Maximum
Earned
Criteria point
points
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 Earned points
Additional sections not listed in requirements 5
HTML and CSS code is easy to read and understand 5
Total points 10

You might also like