IT 404 Saudi Electronic University Webpages Structure and Design Questions
Description
College of Computing and Informatics
Project
Deadline: Thursday 15/05/2022 @ 23:59
[Total Mark for this Assignment is 15]
Student Details:
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.
IT404 Project
Pg. 01
Learning
Outcome(s):
Recognize and
evaluate a range
of real-world web
IT404 Project
10 Marks
As a web designer, you are required to design a website using the different techniques
and technologies that are introduced in this course. The website idea is determined by
your group.
design
In this project, there are three main phases for creating your website: Design, marking
approaches.
up content using HTML, and adding style to the web pages using CSS (10 marks).
Additionally, you are required to prepare a presentation to demonstrate your work.
Each group will be allocated 10 mins for the presentation (5 Marks).
Identify most
The project should be implemented by a group of three students, and the list of the group
HTML tags and
members must be sent to your respective instructor by the end of week-6 (27th Feb.
CSS properties
2022)
and use a text
There are different requirements for each phase in this project:
editor to construct
Design Phase:
the basic HTML
and CSS
structure for
a webpage.
•
Overall site Goal.
•
Who is the site for?
•
What do they expect to find or do there?
•
Wireframe and sitemap creation.
Markup Phase:
•
Use at least 10 different HTML Web elements (paragraphs, headings, images,
lists, tables, forms …)
•
Navigation: Links should be clear and located in the same area on each page. All
links should be functional
Styling Phase:
•
Define styles for your web pages using CSS, including the design, layout, colors,
fonts…etc.
IT404 Project
Pg. 02
•
Website should clearly demonstrates design principles: with consistent
alignment, proximity, repetition, contrast …etc.
Important Notes:
•
The number of students in each group: minimum 3, maximum 4
•
The number of Web pages must be at least 8
•
Use the same theme across the website
•
Use correct HTML and CSS syntax
•
Add Navigation menu to all pages (appear at the same area in all pages)
Each student/group has to prepare
1. IT404_Project.docx:
a. Students must use the same file (IT404_Project.docx) to prepare their
answers.
b. For the design part, students must identify the tool or application that is
used in developing the wireframe diagrams and site diagram (Photoshop
or Illustrator…etc.)
c. For each part of the project (HTML and CSS) students must:
i.
copy and paste the website code
ii. add screenshots of the output with a brief explication of each
functionality of the web application.
d. Prepare a PDF version of this file.
2. Project.zip: contains all the files of the project (Design, HTML and CSS).
3. IT404_Project Presentation: shows all the required phases in the project and
display a Demo for the website on the browser.
Student will upload:
1. IT404_Project.docx
2. IT404_Project.pdf
3. Project.zip
Pg. 03
IT404 Project
Design
Pg. 04
Learning
Outcome(s):
Recognize and
evaluate a range
of real-world web
design
approaches.
Design
2 Marks
HTML
Pg. 05
Learning
Outcome(s):
Identify most
HTML tags and
CSS properties
and use a text
editor to construct
the basic HTML
and CSS
structure for a
webpage.
HTML
5 Marks
CSS
Pg. 06
Learning
Outcome(s):
Identify most
HTML tags and
CSS properties
and use a text
editor to construct
the basic HTML
and CSS
structure for a
webpage.
CSS
3 Marks
Purchase answer to see full
attachment