Web technology project
ksalenazy
IT230_Project_Phase_1_final21.docx|
Pg. 05 |
|
Project Phase I |
|
|
|
|
Deadline: Tuesday 23/2/2021 @ 23:59
Web Technologies
IT230
College of Computing and Informatics
|
|
|
|
|
|
|
|
Project
10 Marks
Learning Outcome(s):
3. Create web pages using XHTML and Cascading Styles sheets.
4. Develop dynamic web pages using JavaScript.
5. Build web applications using PHP or similar languages.
You have to create a small website based on an idea you will choose. The number of students in each group should be 2 or 3 students. You must make your own group and send the list of the students to your respective instructor latest by end of week-4 (i.e. 11th Feb. 2021)
In the phase I, the website must cover HTML, CSS, and JavaScript. (5 Marks)
In the Phase II, the same website will be extended by adding dynamic content using PHP, and a database. (5 Marks)
|
HTML |
HTML Web elements (list, table, form …) |
2.5 |
|
|
Navigation (Links are clear and located in the same area on each page. All links are functional) |
|
|
CSS |
Design (using CSS) Website clearly demonstrates design principles: with consistent alignment, proximity, repetition, and contrast… |
1.5 |
|
JavaScript |
Form validation |
1 |
|
Total |
5 |
Important Notes:
· The number of students in each group: 3
· The number of Web pages must be at least 5
· Use the same theme across the website
· Use correct XHTML syntax
· Add Navigation menu to all pages (appear at the same area in all pages)
· For form validation, there must be one popup message that appears after the submit button has been clicked. The message must contain a list of all validation errors on the Web page.
Each student/group has to prepare
1. IT230_Project.docx:
a. The student must use the same file(IT230_Project_Phase_1.docx) to prepare his answer.
b. For each part of the project (HTML, CSS and JS) the student must copy and paste the website code and add screenshots of the output with a brief explication of each functionality of the web application.
c. Prepare a PDF version of this file.
2. Project.zip: contains all the files of the project (HTML, CSS and JS).
Student will upload:
1. IT230_Project_Phase_1.docx
2. IT230_Project_Phase_1.pdf
3. Project_Phase_1.zip
HTML
2.5 Marks
Learning Outcome(s):
3. Create web pages using XHTML and Cascading Styles sheets.
CSS
1.5 Marks
Learning Outcome(s):
3. Create web pages using XHTML and Cascading Styles sheets.
JavaScript
1 Mark
Learning Outcome(s):
4. Develop dynamic web pages using JavaScript.
