Assessment2 – Web Page Design
Unit code/name
|
ICT203 Web Application Development
|
Exam duration
|
Students will submit a 5-minute video to show case their web page. Video must show the following:
1. Your resume page
2. Code walk-thorough
3. Explain how each of the requirements is met.
|
Total marks
|
40
|
General Instruction for students
|
Students will haveto submita5-minutevideoto show case their web page and show the underlying HTML,CSSand JavaScript. Students are also required to submit the .HTML file named as Student_Name>.html.
For example,Ifyour name is Ganesh, your file should be named as Ganesh.html.
Include youradditional filessuch as pictures, JS script, CSS files in the same folder which contains your .HTML file.
Submit the folder as a zip file.
You will submit 2 things
1. zipped folder containing all files
2. 5-minute video
|
Date
|
Week8 (May 3)
|
Time
|
5:00 PM
|
Design andBuildyour resume page.
Requirements:
1. You resume page should have a title that shows in the browser page as:
> -Resume
2. Your resume page should have your picture.
3. Resume page should have 3 sections:
Education
Experience
Extra-curricular activities
4. Each section defined above should have a header tag and at least 1 paragraph tag
5. Create a navigation bar at the top of the page which connects to the different sections of your html page.
6. There should at least 1 HTML Table in one of the 3 sections
7. There should be at least 1 list in one of the 3 sections
8. The look of your HTML page should be controlled by at least 1cssfile.
9. CSS file should refer to at least 3 individual HTML tags
10. CSS file should set at least 3 properties of each HTML tag.
11. There you should be at least 3 Java Script functions in your page
Java Script can be used for any of the effects or function we have discussed in class. Use your imagination
12. At least 1 of the JavaScript function should use the DOM object and manipulate it
13. At the bottom of the page create a contact me link which should open mail client when clicked and there should also be anotherlink that when clicked shouldtry to invoke the caller on your mobile (ok if this doeswork)
14. The links in your document should changecolorwhen you hover over them(usecsspseudo classes)
15. UseJQueryin at least 3 placesto access the DOM object and then manipulate the DOM object.(optional)