Lesson 11 Flashcards
is the process of
planning and creating
websites that are published
and accessed on the Internet.
Web design
A single document
that contains any
information.
Webpage
A collection of
web pages
combined together
to be published on
the Internet.
Website
Lets any person or organization
to convey their content to their
target audiences.
Provides a good experience to
the creator and audiences.
Creates an aesthetically pleasing
website.
Types of Web
Design
Adaptive
Responsive
Displays a specific version of a website that is viewed on different screen sizes
either on desktop or mobile device.
Adaptive Web Design
Displays a customized version of a website that automatically adjusts the size when
viewed on any device.
Responsive Web Design
Principles of Web Design
Purpose
Simplicity
Intuitive Navigation
F-Shaped Pattern
Visual Hierarchy
Grid-Based Layout
Loading Time
Mobile-Friendly
Before planning to
create a website,
always consider its
goals and its target
audience.
Purpose
It defines the clean
and fresh design of
your website that
makes it visually
appealing.
Simplicity
It lets the
audience quickly
navigate and find
what they are
looking for on a
website.
Intuitive
Navigation
It helps the
audience to
quickly read or
scan the contents
of a website.
F-Shaped Pattern
It describes the
arrangement of the
elements in order
according to its
importance.
Visual Hierarchy
It helps users to
arrange the elements
on every web page
in a block-shaped
container.
Grid-Based
Layout
The design should be
light and images are
optimized so that the
website loads quickly.
Loading Time
A website with a
responsive design will
make the website
adjust to the screen
and can be viewable
any device.
Mobile-Friendly
Elements of Web Design
Content
Typography
Space
Layout
Color
Graphics
Videos
Animation
Navigation
User Interaction
One of the most
crucial elements that
will help make the
website informative,
interesting and
popular to the users is
Content
It describes the way a
text is properly
designed, organized, and
presented on a website.
Typography
It is an element used
for dividing or
separating different
contents of the
website.
Space
This defines how
the graphics, texts,
and other elements
are arranged and
placed on the web
page.
Layout
This is an element
used to express
meaningful contents
and catch the attention
of the audience.
Color
Any graphic
representation such as
clipart, icons, logos,
infographics, and
images to quickly
represent an idea or
feeling to the audience.
Graphics
It is often used as a
background and added
in slideshows or on
the website.
Videos
This is an effect seen on
various interactivity,
such as clicking or
hovering different
buttons, images, or
forms.
Animation
This refers to the
set of buttons that
let users to freely
navigate across the
web pages of the
website.
Navigation
It defines the
different
interactivity of
websites such as
scrolling, clicking,
or typing.
User Interaction
