Description
check your anser
Unformatted Attachment Preview
:تنبيهات هامة
.نشر الملف يضر بك انت شخصيا فلطفا عدم النشر
. فضال مشاهدة الفيديو لمعرفة كيف تم حل الواجب وعدم نسخ االجابات
هذا الحل تم بواسطة موسى اكاديمي
College of Computing and Informatics
Assignment 1
Deadline: Sun 3/03/2024 @ 23:59
[Total Mark for this Assignment is 8]
Student Details:
Name:
ID:
CRN:
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.
Question One
Pg. 01
Learning
Outcome(s):
Instructors:
Identify most
HTML tags and
CSS properties
and use a text
editor to construct
the basic HTML
and CSS
structure for a
webpage.
Question One
2 Marks
Write an HTML file that creates the following Home web page.
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.
Question One
Pg. 02
Answer:
Website Prerequisites
What are the essential prerequisites for creating a
website?
About
Contact
Clarify the Purpose of the Site
Introduction
Significance of website design
Understanding the target audience and objectives
Defining Objectives
Boosting sales
Increasing downloads
Outline Your Site
Illustrates the layout of a webpage
Design Every Site Component
To commence the website design process, it’s crucial to
address each specific element. This encompasses your menu (or site
navigation), header, footer, search bar, and any additional
functionalities you intend to include.
By incorporating these elements, you can organize your
website in a manner that ensures easy and intuitive navigation.
Menu
Header and Footer
Search Bar
Personalize Your Web Pages
Pg. 03
Question One
Home Page:
Craft a clear and visually appealing homepage. Integrate
your logo, business name, and a straightforward navigation menu for
user convenience. Effectively introduce your brand and website’s
purpose to captivate
your audience’s interest.
Product or Service Page:
This page should prominently display your products and
offer a user-friendly purchasing process. For e-commerce websites,
it’s advisable to feature a catalog display page.
Question Two
Pg. 04
Learning
Outcome(s):
Question Two
2 Marks
Write an HTML file that creates the following About web page.
Instructors:
Identify most
HTML tags and
CSS properties
and use a text
editor to construct
the basic HTML
and CSS
structure for a
webpage.
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.
Question Two
Pg. 05
Answer:
Saudi Electronic University
.header {
text-align: center;
}
.nav {
text-align: center;
}
a {
margin-left: 10px;
margin-right: 10px;
}
.title {
text-align: center;
}
Home
Contact
About
The About page provides insight into our company, its
mission, and values. It’s a platform to introduce our team and
showcase our achievements.
We are a group of dedicated professionals committed to
delivering exceptional products and services to our customers. We
believe Saudi Electronic University is more than a business; it’s a
community striving to make a positive impact.
We recognize the significance of Saudi Electronic
University in realizing our goals.
We prioritize offering top-notch service and support to
our customers.
Since our establishment in 2011, we have attained numerous
milestones. We take pride in being industry leaders and remain
dedicated to evolving and innovating in the future.
Pg. 06
Question Two
Question Three
Pg. 07
Learning
Outcome(s):
Instructors:
Recognize and
evaluate a range
of real-world web
design
approaches.
Question Three
2 Marks
Write an HTML file that creates the following online Registration form. Be
noted that the gender field has Male and Female items.
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.
Question Three
Pg. 08
Answer:
Registration Form
body {
background-color: white;
font-family: sans-serif;
}
.container {
width: 70%;
margin: 0 auto;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
text-align: center;
}
h1 {
margin-bottom: 20px;
}
label {
display: block;
margin-bottom: 5px;
text-align: left;
}
input[type=”text”],
input[type=”email”],
input[type=”tel”],
select {
width: 100%;
padding: 10px 0px 10px 10px;
border: 1px solid #ccc;
border-radius: 3px;
margin-bottom: 15px;
}
input[type=”submit”] {
background-color: green;
color: white;
padding: 10px 0px 10px 10px;
border: none;
border-radius: 5px;
cursor: pointer;
width: 100%;
}
Registration Form
Full Name:
Pg. 09
Question Three
Email:
Phone Number:
Gender:
Male
Female
Country:
Question Four
Pg. 10
Learning
Outcome(s):
Question Four
2 Marks
Explain two reasons why optimizing the images for web usage is important.
Instructors:
Evaluate the
effectiveness of a
web design in
respect to its
context.
Answer:
1. Images convey large amounts of information in one quick glance, however, if
the image fails to load, the page context and page content will deteriorate fast.
Hence, it is important to always include the alt attribute, which contains text
that is displayed if the client cannot render the image. The alt attribute makes
web pages more accessible to users with disabilities, especially vision
impairments
2. Image formats must be chanted to GIF, JPEG or PNG format for them to load
properly, hence, it is important that other formats including TIFF, BMP and
EPS must be changed to a web format before addeing it to ther web page
3. Images usually occupy larger space on disk that text, hence, it is important that
images are optimized to minimize their size so that it does not affect the page
load speed as this can lead to poor user experience and visitors might abandon
the website. Hence, we must work on reducing file sizes of image through
compression techniques
4. Image size must be optimized in order for the image not to occupy the whole
page and cover the main page content or be displayed inappropriately
5. Responsive web design: Responsive web design is a strategy for dealing with
different unknown computing devices with different screen size and capabilities
by providing custom layouts for each different device based on the size of the
viewport (screen size). Images play an important role in responsive web design
as they are one of the most important elements that has to be optimized to work
on different devices without sacrificing clarity.
Question Four
Pg. 11
6. Enhanced Visual Appeal: Optimized images load faster, reducing blurry
pixelation and ensuring crisp, high-quality visuals that enhance the aesthetic
impact of your design.
Images may have to be optimized and created from scratch by graphic and web
designers to ensure all of the above.
Purchase answer to see full
attachment
