Web Design for Mutimedia Authoring - Introduction on how to design website, methodology that will be use and 10 element on designing website.

1. CHAPTER 1 :
Introduction to
Web Design

2. Today’s
Objectives
⦁ What is multimedia
⦁ Web development
⦁ Types of websites
2

3. What is
Multimedia?
1

4. “
A presentation of an interactive
digital application that
incorporates media elements
which are text, graphics, video,
animation and sound
4

5. Web
Development
2

6. “
A set of related web pages
located under a single domain
name.
6
What is a Website?

7. In today’s world, website is
becoming an essential part
of our daily life. Whenever
we need to know or is
curious of something, we
would just search on the
Internet. The information
that appears would assists
us as users in understanding
the concept, ideas and
information.
7

8. TEXT
Most basic element and
easiest to manipulate
General guidelines of using
text are :
⦁ Be concise
⦁ Use appropriate fonts
⦁ Consider different types
of style
⦁ Be consistent
⦁ Make sure the text is
readable
Multimedia elements on the Web
8
GRAPHIC
Visual representation of
information
General usages :
⦁ To support text
⦁ Use as icons
⦁ Adding point of interest
to capture users’
attention

9. ANIMATION
Add visual impact to multimedia
projects
General usages :
⦁ Provide visual interest to
explore the materials. For
example : rollover on
navigations
⦁ Illustrate abstract
information; for something
that is difficult to explain with
words
Multimedia elements on the Web
9
VIDEO
Effective ways to convey
information in the least amount
of time
General usages :
⦁ Increase user retention
⦁ Bring sense of realism to
multimedia project to
engage users

10. AUDIO
To enhance multimedia projects
through auditory
General usages :
⦁ Provide extra channel of
information
⦁ Provide additional
information to support
different learning style; some
people learn better by
hearing instead of reading
⦁ As sound effects to support
animation
Multimedia elements on the Web
10

11. Types of
Website
3

12. 12
1. E-commerce
2. Business
3. Entertainment / Lifestyle
4. Portfolio
5. Media
6. Brochure
7. Non-profit
8. Educational
9. Infopreneur
10. Personal
11. Web portal
12. Wiki or community forum

13. E-COMMERCE
⦁ A website that people can
directly buy products from
BUSINESS
⦁ A website that is devoted to
representing a specific business.
It should be branded like the
business and communicate the
types of products and/ or
services the business offers
Types of Website
13
ENTERTAINMENT / LIFESTYLE
⦁ A website that is purely for
entertainment purposes.
Examples like The Onion and
Buzzfeed
PORTFOLIO
⦁ A website that is to show
examples of recent and past
works. Service providers who
want to show potential clients
the works they provide.

14. MEDIA
⦁ A website that collect news
stories or other reporting
BROCHURE
⦁ A simplified form of business
websites. For businesses that
know they need an online
presence but don’t want to
invest a lot into it.
Types of Website
14
NONPROFIT WEBSITE
⦁ A nonprofit website is the easiest
way for many potential donors to
make donations and to learn
more about the NGO
EDUCATIONAL
⦁ The websites of educational
institutions and those offering
online courses.

15. INFOPRENEUR
⦁ Infopreneurs create and sell
information products that could
be in form of courses, tutorials,
videos or ebooks
PERSONAL
⦁ A website that was created to
put personal thoughts out into
the world. Such as blogs, vlogs or
photo diaries.
Types of Website
15
WEB PORTAL
⦁ Designed for internal purposes
at a business, organization or
institution
WIKI OR COMMUNITY FORUM
⦁ A wiki is any website that users
are able to collaborate on
content and make their own
tweaks and changes as they see
fit.

16. 16
THE END
Any questions?