Category: Website Development

Annual Report
FY [Year]
[Add a quote here from one of your company executives or use this space for a brief summary of the document content.]

Web Design
IT 404

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, convert text into image 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.

Name: ###

CRN: ###
ID: ###

3 Marks

Learning Outcome(s):
LO1: Identify most HTML tags and CSS properties and use a text editor to construct the basic HTML and CSS structure for a webpage.
LO2: Recognize and evaluate a range of real-world web design approaches.

Question One
A number of new Application Programming Interfaces (APIs) are defined by HTML5 to facilitate software application communication with one another. Name and describe THREE different types of these APIs.
3 Marks

Learning Outcome(s):
LO1: Identify most HTML tags and CSS properties and use a text editor to construct the basic HTML and CSS structure for a webpage.

Question Two Write an HTML file that creates the following webpage, and apply the correct CSS rules.
Important notes:
You should copy and paste the “HTML script” to answer this question. DON’T take screenshots for your HTML script. It must be an editable script.
Take a screenshot of your output web page and paste it as a part of your answer.

2 Marks

Learning Outcome(s):
LO1: Identify most HTML tags and CSS properties and use a text editor to construct the basic HTML and CSS structure for a webpage.

Question Three Read the following CSS rules and find any errors that are exist in the code.

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, convert text into image 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
Question One
A number of new Application Programming Interfaces (APIs) are defined by HTML5 to facilitate software application communication with one another. Name and describe THREE different types of these APIs
Question Two
Write an HTML file that creates the following webpage, and apply the correct CSS rules.
Important notes:
You should copy and paste the “HTML script” to answer this question. DON’T take screenshots for your HTML script. It must be an editable script.
Take a screenshot of your output web page and paste it as a part of your answer.
Question Three
Read the following CSS rules and find any errors that are exist in the code.

The first page contains the logo with the project name and includes register and login
Once you write the data in it, it is saved in localhost/ my admin. Once we record the data, including the name, password, password confirmation, and other data, it takes us to a second page.
The logo and name must be present on all pages
It contains the home and camps and their pictures with the price, reservation, confirmation of reservation, payment, and exit
The camp contains pictures of camps with the price, and if a person wants to rent a camp, he just clicks, then he presses confirm, and then the data goes to localhost, saves it, and goes to home, and then there is a box that takes you back to home to set logout.
Then he goes to rent, enters and chooses the payment method, and the payment money is returned, and the full amount is calculated with the payment method and the camp site, and this data is entered in the local host, the same thing, after that the payment is made and the reservation is confirmed, and you must receive a message that the camp has been booked, which includes pictures of the camps with the price and If a person wants to rent a camp, he clicks on it and then clicks confirm and writes the date of reservation and the period when, and the following data is transferred to localhost, saved and goes home.
I will add a picture of the program I want to use

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.

Name: ###
Name: ###
Name: ###
Name: ###
ID: ###
ID: ###
ID: ###
ID: ###
14 Marks
Learning Outcome(s):
2. Create web pages using HTML5 and CSS3.
3. Develop dynamic web pages using JavaScript.
6. Build web applications using PHP and MySQL.
Project
In this project, you need to build a 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 all aspects of the course (HTML, CSS, JavaScript, PHP, MySQL).
HTML
HTML Web elements (header, footer, list, table, form …)
4
Navigation (Links are clear and located in the same area on each page. All links are functional)
CSS
Design (using CSS) Website demonstrates design principles: with consistent alignment, proximity, repetition, and contrast…
3
JavaScript
Form validation, input/output
2
PHP and MySQL
Create and populate a database in MySQL (1-2 tables).
5
Select records from MySQL database using PHP
Insert records into MySQL database using PHP
Update records into MySQL database using PHP
Delete records from MySQL database using PHP
Total
14

Important notes:
The number of Web pages within the website must be at least 3 pages.
The number of dynamic Web pages (using JavaScript) must be at least 2 pages.
The Website must connect to a database (1 Select + 1 Insert + 1 Update and 1 Delete queries)
For form validation, at least one popup message must appear after the submit button has been clicked. The message must contain a list of all validation errors on the Web page.
The project needs to be submitted in BB (as an assignment) by ONE of the group members. Your instructor will create the submission link.
Your HTML, CSS, JavaScript, PHP and MySQL codes/scripts that you paste into your answer part of this file must be editable, not screenshots.
You need to take screenshots from output pages and paste them into your answer part of this file.
Your project must be original work. The project will be checked using a plagiarism tool. Any matching with an online project or another/previous student project will be given ZERO.
The maximum number of students in the group is 3. Only the group leader will upload the final report on the blackboard.

Presentation:
Each group needs to make a presentation of their project based on the following guidelines. The presentation date will be informed later by your instructor.
The maximum time for a presentation is 5 mins.
All the group members need to present.
No need to make PowerPoint slides. You need to run/demonstrate your project pages and present their functionality and interfaces/pages.

Files to submit/upload:
1. IT361_Project.docx:
A word file of the project that contains your answer.
2. IT361_Project.pdf
A PDF file of the project that contains your answer.
3. IT361_Project.zip:
Contains all the files of the project (HTML, CSS, images JavaScript, PHP and MySQL).
3 Marks
Learning Outcome(s):
2. Create web pages using HTML5 and CSS3.
HTML
2 Marks
Learning Outcome(s):
2. Create web pages using HTML5 and CSS3.
CSS
1 Marks
Learning Outcome(s):
3. Develop dynamic web pages using JavaScript.
JavaScript
4 Marks
Learning Outcome(s):
6. Build web applications using PHP and MySQL.
PHP + MySQL

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, convert text into image 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.

College of Computing and Informatics
Project
Deadline: Sunday 12/05/2024 @ 23:59
[Total Mark is 14]
Student Details: CRN:
Name:
Name:
Name:
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, convert text into image 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.
Description and Instructions
Description and Instructions
The aims of this project are to understand the role of the web designer, become familiar with the web design environment, and learn about the tools and programming languages that are required to create a web page.
➢
Project Instructions
The project is a Group work with a minimum of 3 People and a maximum of 4 People.
Each group must submit three files:
1.
Word document of project report.
2.
PDF file of the project report
3.
Presentation in PPT/PPTX format.
Only one of the group members (group leader) should submit all the files on the blackboard.
Your project MUST be original work.
The project will be checked using a plagiarism tool.
Any matching with an online project or another/previous student project will be given ZERO.
Make sure everyone in the group understands the progress of the project. Marks will be deducted if there is an indication of laziness, cheating/plagiarism.
Project Total Marks = 14, divided as follow:
1
– Report and implementation = 10 marks
2
– Presentation = 4 marks
Due date: Sunday 12th May 2024 @11:59 PM
➢
Project Description
Learning Outcome(s):
CLO1: Identify most HTML tags and CSS properties and use a text editor to construct the basic HTML and CSS structure for a webpage.
CLO3: Evaluate the effectiveness of a web design in respect to its context.
CLO4: Develop websites that present information, graphics and hypertext using CSS and JavaScript.
Description and Instructions
You are a web designer capable of creating a business portfolio for any organization. You are requested to select an organization and create a website that serves as a portfolio that briefly showcases the mission, vision, goals, services, products, and other relevant information of the selected organization.
➢
Project Requirements
The website must cover all aspects of the course (HTML, CSS, JavaScript). The following table shows the required tasks along with marking criteria. Task Requirements Description Mark HTML
Create HTML including elements (Paragraph, Headings, Header, Footer, Navigation, Lists, Links, Tables and Form)
The main page on the website should be index.html.
The website must have at least five pages (excluding the main page).
The website should contain a navigation bar and it should be consistent across the website and all links are functional.
4 CSS
Design: The website follows design principles such as consistent alignment, proximity, repetition, and contrast, etc.
Responsiveness: The website should look good and work properly on all devices (desktop, laptop, tablet, mobile)
3 JavaScript
The website should contain Form validation, and Popup windows.
2 Report document
The report should be completed and well-organized.
It should include an overview of the selected organization and the source code (copy the code
1
Description and Instructions
and paste it in the specified place, DO NOT
take a screenshot of the code! The code must be editable) Presentation
The oral presentation made by all the team members is excellent and reflects the effort made.
You are required to open your website and navigate through its pages during the presentation.
4 Total 14
Overview about organization
Overview about organization
HTML
HTML
4 Marks
CSS
CSS
3 Marks
JavaScrip
JavaScrip
2 Marks

College of Computing and Informatics
Project
Deadline: Sunday 12/05/2024 @ 23:59
[Total Mark is 14]
Student Details: CRN:
Name:
Name:
Name:
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, convert text into image 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.
Description and Instructions
Description and Instructions
The aims of this project are to understand the role of the web designer, become familiar with the web design environment, and learn about the tools and programming languages that are required to create a web page.
➢
Project Instructions
The project is a Group work with a minimum of 3 People and a maximum of 4 People.
Each group must submit three files:
1.
Word document of project report.
2.
PDF file of the project report
3.
Presentation in PPT/PPTX format.
Only one of the group members (group leader) should submit all the files on the blackboard.
Your project MUST be original work.
The project will be checked using a plagiarism tool.
Any matching with an online project or another/previous student project will be given ZERO.
Make sure everyone in the group understands the progress of the project. Marks will be deducted if there is an indication of laziness, cheating/plagiarism.
Project Total Marks = 14, divided as follow:
1
– Report and implementation = 10 marks
2
– Presentation = 4 marks
Due date: Sunday 12th May 2024 @11:59 PM
➢
Project Description
Learning Outcome(s):
CLO1: Identify most HTML tags and CSS properties and use a text editor to construct the basic HTML and CSS structure for a webpage.
CLO3: Evaluate the effectiveness of a web design in respect to its context.
CLO4: Develop websites that present information, graphics and hypertext using CSS and JavaScript.
Description and Instructions
You are a web designer capable of creating a business portfolio for any organization. You are requested to select an organization and create a website that serves as a portfolio that briefly showcases the mission, vision, goals, services, products, and other relevant information of the selected organization.
➢
Project Requirements
The website must cover all aspects of the course (HTML, CSS, JavaScript). The following table shows the required tasks along with marking criteria. Task Requirements Description Mark HTML
Create HTML including elements (Paragraph, Headings, Header, Footer, Navigation, Lists, Links, Tables and Form)
The main page on the website should be index.html.
The website must have at least five pages (excluding the main page).
The website should contain a navigation bar and it should be consistent across the website and all links are functional.
4 CSS
Design: The website follows design principles such as consistent alignment, proximity, repetition, and contrast, etc.
Responsiveness: The website should look good and work properly on all devices (desktop, laptop, tablet, mobile)
3 JavaScript
The website should contain Form validation, and Popup windows.
2 Report document
The report should be completed and well-organized.
It should include an overview of the selected organization and the source code (copy the code
1
Description and Instructions
and paste it in the specified place, DO NOT
take a screenshot of the code! The code must be editable) Presentation
The oral presentation made by all the team members is excellent and reflects the effort made.
You are required to open your website and navigate through its pages during the presentation.
4 Total 14
Overview about organization
Overview about organization
HTML
HTML
4 Marks
CSS
CSS
3 Marks
JavaScrip
JavaScrip
2 Marks

College of Computing and Informatics
Assignment 2
Deadline: Day 5/5/2024 @ 23:59
[Total Mark for this Assignment is 8]
Student Details:
Name: ###
CRN: ###
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, convert text into image 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.
Pg. 01 Question One
Restricted – مقي د
Question One
A number of new Application Programming Interfaces (APIs) are defined by HTML5 to facilitate software application communication with one another. Name and describe THREE different types of these APIs.
Learning Outcome(s):
LO1: Identify most HTML tags and CSS properties and use a text editor to construct the basic HTML and CSS structure for a webpage.
LO2: Recognize and evaluate a range of real-world web design approaches.
3 Marks
Pg. 02 Question Two
Restricted – مقي د
Question Two
Write an HTML file that creates the following webpage, and apply the correct CSS rules.
Important notes:
1.
You should copy and paste the “HTML script” to answer this question. DON’T take screenshots for your HTML script. It must be an editable script.
2.
Take a screenshot of your output web page and paste it as a part of your answer.
Learning Outcome(s):
LO1: Identify most HTML tags and CSS properties and use a text editor to construct the basic HTML and CSS structure for a webpage.
3 Marks
Pg. 03 Question Three
Restricted – مقي د
Question Three
Read the following CSS rules and find any errors that are exist in the code.
Learning Outcome(s):
LO1: Identify most HTML tags and CSS properties and use a text editor to construct the basic HTML and CSS structure for a webpage.
2 Marks

College of Computing and Informatics
Project
Deadline: Sunday 12/05/2024 @ 23:59
[Total Mark is 14]
Student Details: CRN:
Name:
Name:
Name:
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, convert text into image 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.
Description and Instructions
Description and Instructions
The aims of this project are to understand the role of the web designer, become familiar with the web design environment, and learn about the tools and programming languages that are required to create a web page.
➢
Project Instructions
The project is a Group work with a minimum of 3 People and a maximum of 4 People.
Each group must submit three files:
1.
Word document of project report.
2.
PDF file of the project report
3.
Presentation in PPT/PPTX format.
Only one of the group members (group leader) should submit all the files on the blackboard.
Your project MUST be original work.
The project will be checked using a plagiarism tool.
Any matching with an online project or another/previous student project will be given ZERO.
Make sure everyone in the group understands the progress of the project. Marks will be deducted if there is an indication of laziness, cheating/plagiarism.
Project Total Marks = 14, divided as follow:
1
– Report and implementation = 10 marks
2
– Presentation = 4 marks
Due date: Sunday 12th May 2024 @11:59 PM
➢
Project Description
Learning Outcome(s):
CLO1: Identify most HTML tags and CSS properties and use a text editor to construct the basic HTML and CSS structure for a webpage.
CLO3: Evaluate the effectiveness of a web design in respect to its context.
CLO4: Develop websites that present information, graphics and hypertext using CSS and JavaScript.
Description and Instructions
You are a web designer capable of creating a business portfolio for any organization. You are requested to select an organization and create a website that serves as a portfolio that briefly showcases the mission, vision, goals, services, products, and other relevant information of the selected organization.
➢
Project Requirements
The website must cover all aspects of the course (HTML, CSS, JavaScript). The following table shows the required tasks along with marking criteria. Task Requirements Description Mark HTML
Create HTML including elements (Paragraph, Headings, Header, Footer, Navigation, Lists, Links, Tables and Form)
The main page on the website should be index.html.
The website must have at least five pages (excluding the main page).
The website should contain a navigation bar and it should be consistent across the website and all links are functional.
4 CSS
Design: The website follows design principles such as consistent alignment, proximity, repetition, and contrast, etc.
Responsiveness: The website should look good and work properly on all devices (desktop, laptop, tablet, mobile)
3 JavaScript
The website should contain Form validation, and Popup windows.
2 Report document
The report should be completed and well-organized.
It should include an overview of the selected organization and the source code (copy the code
1
Description and Instructions
and paste it in the specified place, DO NOT
take a screenshot of the code! The code must be editable) Presentation
The oral presentation made by all the team members is excellent and reflects the effort made.
You are required to open your website and navigate through its pages during the presentation.
4 Total 14
Overview about organization
Overview about organization
HTML
HTML
4 Marks
CSS
CSS
3 Marks
JavaScrip
JavaScrip
2 Marks

College of Computing and Informatics
Assignment 2
Deadline: Day 5/5/2024 @ 23:59
[Total Mark for this Assignment is 8]
Student Details:
Name: ###
CRN: ###
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, convert text into image 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.
Pg. 01 Question One
Restricted – مقي د
Question One
A number of new Application Programming Interfaces (APIs) are defined by HTML5 to facilitate software application communication with one another. Name and describe THREE different types of these APIs.
Learning Outcome(s):
LO1: Identify most HTML tags and CSS properties and use a text editor to construct the basic HTML and CSS structure for a webpage.
LO2: Recognize and evaluate a range of real-world web design approaches.
3 Marks
Pg. 02 Question Two
Restricted – مقي د
Question Two
Write an HTML file that creates the following webpage, and apply the correct CSS rules.
Important notes:
1.
You should copy and paste the “HTML script” to answer this question. DON’T take screenshots for your HTML script. It must be an editable script.
2.
Take a screenshot of your output web page and paste it as a part of your answer.
Learning Outcome(s):
LO1: Identify most HTML tags and CSS properties and use a text editor to construct the basic HTML and CSS structure for a webpage.
3 Marks
Pg. 03 Question Three
Restricted – مقي د
Question Three
Read the following CSS rules and find any errors that are exist in the code.
Learning Outcome(s):
LO1: Identify most HTML tags and CSS properties and use a text editor to construct the basic HTML and CSS structure for a webpage.
2 Marks