Web Page Design Using Templates and online WYSIWYG Platforms

1. Web Page Design Using
Templates
and online
WYSIWYG Platforms
LESSON 9:

2. Types of Websites
1. E-Commerce – an online shop
where people can order goods
and make payments from the
comfort of their own homes.

3. Types of Websites
2. Blogs and Personal - an
ongoing online diary or
commentary written by an
individual, rather than a
corporation or organization.

4. Types of Websites
3. Informational - websites
that are excellent ways to share
information and resources on
the web.

5. Types of Websites
4. Online Community - these are
great ways to get in touch and share
ideas with people with the same
interests or from similar backgrounds
through the internet.

6. Types of Websites
5. Photo Sharing - websites
that allow people to upload
and download photos for free.

7. Types of Websites
6. E-Resume - an online
document used and created by
a person to their
accomplishments.

8. Types of Websites
7. E-Portfolio - a website that
showcases a person’s work,
skills and potentials for future
employers.

9. Types of Websites
8. Catalogue and Brochure - a
website that presents visitors with
photos and descriptions of their
products and/or services.

10. Types of Websites
9. Business Directory - website
or printed listing of information
which lists businesses within
niche-based categories.

11. Types of Websites
10. E-Biography - a detailed
online description of a person's
life.

12. Types of Websites
11. Entertainment - an online
brand or website that focuses on
producing high quality
entertainment content for its
users.

13. Types of Websites
12. Business -a website that’s
devoted to representing a
specific business.

14. Types of Websites
13. NGO / Non-Profit - websites
that do not aim to sell products or
services to their visitors, but they still
need to convince people to support
their cause.

15. Types of Websites
14. Job Searching -a website
that deals specifically with
employment or careers.

16. Types of Websites
15. Social Media - an online platform
which people use to build social
networks or social relationships with
other people who share similar personal
or career interests, activities,
backgrounds or real-life connections.

17. Basic Elements of
Web Design

18. 1. Layout
It should be simple, familiar, intuitive, clean, and
accessible.
Give the elements of your site room to breathe
Keep design items organized and orderly
Make sure the images complement each other

19. 2. Colour
Pay attention to your topic, brand, or
industry perspectives, along with your
target audience demographics
It's important to explore beyond what
the eye can see in terms of colors.

20. 3. Navigation
Don’t fall into the trap of overly
animated hover effects and complexity.
Navigational elements in a website's
header, body, and footer help visitors
find desired information quickly.

21. 4. Fonts
Your text should be easily readable
Light color paired with a dark tone.
Avoid the piercing red-font-on-green-
background eyesore

22. 5. Content
Your site visitors and potential customers
want information quickly such as, is your
brand trustworthy? Experienced? Is it
capable of delivering top notch products
and services?
Information should be easy to read and
digest.

23. Online WYSIWYG
Platforms

24. WYSIWYG
stands for What You See Is What You Get
drag-and-drop interface