Description
Web Design
IT404
Students Details: CRN: ###
|
Name: ### Name: ### Name: ### |
ID: ### ID: ### ID: ### ID: ### |
|
Instructions:
• YOU MUST SUBMIT TWO SEPARATE COPIES (ONE WORD FILE AND ONE PDF FILE) USING THE ASSIGNMENT TEMPLATE ON BLACKBOARD VIA THE ALLOCATED FOLDER. THESE FILES MUST NOT BE IN COMPRESSED FORMAT.
• It is your responsibility to check and make sure that you have uploaded both the correct files.
• ZERO MARK WILL BE GIVEN IF YOU TRY TO BYPASS THE SAFEASSIGN (E.G. MISSPELL WORDS, REMOVE SPACES BETWEEN WORDS, HIDE CHARACTERS, USE DIFFERENT CHARACTER SETS OR LANGUAGES OTHER THAN ENGLISH OR ANY KIND OF MANIPULATION).
• EMAIL SUBMISSION WILL NOT BE ACCEPTED.
• YOU ARE ADVISED TO MAKE YOUR WORK CLEAR AND WELL-PRESENTED. THIS INCLUDES FILLING YOUR INFORMATION ON THE COVER PAGE.
• YOU MUST USE THIS TEMPLATE, FAILING WHICH WILL RESULT IN ZERO MARK.
• YOU MUST SHOW ALL YOUR WORK, AND TEXT MUST NOTBE CONVERTED INTO AN IMAGE, UNLESS SPECIFIED OTHERWISE BY THE QUESTION.
• LATE SUBMISSION WILL RESULT IN ZERO MARK.
• THE WORK SHOULD BE YOUR OWN, COPYING FROM STUDENTS OR OTHER RESOURCES WILL RESULT IN ZERO MARK.
• USE TIMES NEW ROMAN FONT FOR ALL YOUR ANSWERS.
Restricted – مقيد
|
Pg. 04 |
||
14 Marks
Learning Outcome(s):
2. Create web pages using HTML5 and CSS3.
3. Develop dynamic web pages using JavaScript.
Project
In this project, you need to build a responsive, client-side website based on an idea you will choose. You can work on it individually or as a group of a maximum of 3 members. The website must cover the front-end aspects of the course:
HTML5, CSS3, and JavaScript.
Grading Rubric
The project grade is based on the following implementation criteria:
|
Category |
Requirement |
Marks |
|
HTML |
Structure & Semantics: Uses appropriate HTML5 semantic elements (e.g., <header>, <footer>, <nav>, <section>), lists, tables, and forms . Navigation: Links are clear, functional, and consistently located on each page. |
4 |
|
CSS |
Design & Layout: The website demonstrates strong design principles (alignment, contrast, repetition). The layout is built using modern techniques like Flexbox or Grid and is visually appealing. |
3 |
|
JavaScript |
Interactivity & DOM Manipulation: Includes interactive elements that modify the page content or style without reloading. Examples include image galleries, tabs, or accordion menus. Form Validation: The form includes client-side validation using JavaScript to check user input. |
7 |
|
Total |
14 |
Important Notes
● The website must containat least 3 pages.
● The website must includeat least 2 pages with significant JavaScript interactivity.
● For form validation, at least onepop-up message must appear after the submit button is clicked, containing a list of all validation errors on the page.
● Your project must beoriginal work and will be checked using a plagiarism tool. Any project matching an online source or another student’s work will be given aZERO.
Submission Guidelines
● The project must be submitted on Blackboard byONEmember of the group.
● Your HTML, CSS, and JavaScript code must be pasted aseditable text into your report, not as screenshots.
● You must includescreenshots of your output pages in the report file.
Files to Submit
You must upload the following files:
1. A Word file (.docx) containing your report (screenshots and code).
2. A PDF file (.pdf) of the same report.
A Zip file (.zip) containing all the project files (HTML, CSS, JavaScript, and images)
4 Marks
Learning Outcome(s):
2. Create web pages using HTML5 and CSS3.
HTML
3 Marks
Learning Outcome(s):
2. Create web pages using HTML5 and CSS3.
CSS
7 Marks
Learning Outcome(s):
3. Develop dynamic web pages using JavaScript.
JavaScript
Restricted – مقيد
Project
Deadline: Tuesday 2/12/2025 @ 23:59
[Total Mark for this Assignment is 14]
Students Details:
CRN: ###
Name: ###
Name: ###
Name: ###
Name: ###
ID: ###
ID: ###
ID: ###
ID: ###
Instructions:
• You must submit two separate copies (one Word file and one PDF file) using the Assignment Template on
Blackboard via the allocated folder. These files must not be in compressed format.
• It is your responsibility to check and make sure that you have uploaded both the correct files.
• Zero mark will be given if you try to bypass the SafeAssign (e.g. misspell words, remove spaces between
words, hide characters, use different character sets or languages other than English or any kind of
manipulation).
• Email submission will not be accepted.
• You are advised to make your work clear and well-presented. This includes filling your information on the cover
page.
• You must use this template, failing which will result in zero mark.
• You MUST show all your work, and text must not be converted into an image, unless specified otherwise by
the question.
• Late submission will result in ZERO mark.
• The work should be your own, copying from students or other resources will result in ZERO mark.
• Use Times New Roman font for all your answers.
Restricted – مقيد
Project
Pg. 01
Learning
Outcome(s):
Project
2. Create web
In this project, you need to build a responsive, client-side website based on an idea
you will choose. You can work on it individually or as a group of a maximum of 3
members. The website must cover the front-end aspects of the course:
pages using
HTML5 and
CSS3.
3. Develop
dynamic web
pages using
14 Marks
HTML5, CSS3, and JavaScript.
Grading Rubric
The project grade is based on the following implementation criteria:
Category
Requirement
Marks
JavaScript.
Structure & Semantics: Uses appropriate HTML5
semantic elements (e.g., , , ,
), lists, tables, and forms .
HTML
Navigation: Links are clear, functional, and
consistently located on each page.
4
CSS
Design & Layout: The website demonstrates strong
design principles (alignment, contrast, repetition).
The layout is built using modern techniques like
Flexbox or Grid and is visually appealing.
3
JavaScript
Interactivity & DOM Manipulation: Includes
interactive elements that modify the page content or
style without reloading. Examples include image
galleries, tabs, or accordion menus. Form Validation:
The form includes client-side validation using
JavaScript to check user input.
7
Total
Restricted – مقيد
14
Project
Pg. 02
Important Notes
●
The website must contain at least 3 pages.
●
The website must include at least 2 pages with significant JavaScript interactivity.
●
For form validation, at least one pop-up message must appear after the submit
button is clicked, containing a list of all validation errors on the page.
●
Your project must be original work and will be checked using a plagiarism tool.
Any project matching an online source or another student’s work will be given a
ZERO.
Submission Guidelines
●
The project must be submitted on Blackboard by ONE member of the group.
●
Your HTML, CSS, and JavaScript code must be pasted as editable text into your
report, not as screenshots.
●
You must include screenshots of your output pages in the report file.
Files to Submit
You must upload the following files:
1. A Word file (.docx) containing your report (screenshots and code).
2. A PDF file (.pdf) of the same report.
A Zip file (.zip) containing all the project files (HTML, CSS, JavaScript, and images)
Restricted – مقيد
HTML
Pg. 03
Learning
Outcome(s):
2. Create web
pages using
HTML5 and
CSS3.
Restricted – مقيد
HTML
4 Marks
CSS
Pg. 04
Learning
Outcome(s):
2. Create web
pages using
HTML5 and
CSS3.
Restricted – مقيد
CSS
3 Marks
JavaScript
Pg. 05
Learning
Outcome(s):
3. Develop
dynamic web
pages using
JavaScript.
Restricted – مقيد
JavaScript
7 Marks
Purchase answer to see full
attachment
