The variety of Web

OBJECTIVES:

01 IDENTIFY and
DIFFERENTIATE
VERSION OF
WEB
OBJECTIVES:

02 IDENTIFY and
EXPLAIN WEB
DESIGN PRINCIPLES
AND ELEMENTS to be
applied in web site
creation
Using online creation tools, platforms, and
applications to communicate a message
for a specific purpose
Read-Only-Web
There were no facilities to interact
with rather than to read or view the
content.
This refers to the transition from
static HTML Web pages to a more
dynamic Web that is more
organized and is based on serving
Web applications to users.
-Allows users to categorize
and classify/arrange
information using freely
chosen keywords
-The content is dynamic and is responsive
to user’s input.
-The owner of the website
is not the only one who is
able to put content. Some
websites allow readers to
comment on article,
review a specific product.
– Services that offered on demand
rather than on a one-time purchase.
– Users will subscribe to a software only when
needed rather than purchasing them. This is cheaper
option if you do not always need to use a software.
– Diverse information sharing through
universal web access.
Semantic Web
- Doesn’t exist yet

-Envisioned to be a smarter access

-Version that would enable a wider range

of search in a fast manner

-Understand the user’s preferences to

deliver web content
Web Design
Principle and
Elements
Web design.
What to consider?

There are 9 factors that need to be

consider when designing a web site
1. Audience
Make site visitors curious
so that the information
presented on the Web site
is widely disseminated

Consider the needs of the

viewers.
2. PURPOSE
The designer should
define the purpose of the
Web page to determine
the theme of the site.
3. COMMUNICATION
The information or text on
a Web site should be
concise and direct to the
point.

Provide opportunities for

interaction
4. TYPEFACES
This deals with text format,
text style and text.

Make sure the text is

legible
5. COLOR
The appropriate combination of
colors can produce a better
viewing experience for the
audience

It introduces a mood or makes

the Web site lively and enticing
for viewers.
6. IMAGE
It can deliver a complete
message that the Web site
wishes to communicate to the
audience.

The most commonly used images

are infographics.
7. NAVIGATION
This refers to the facility that the
audience can use to go through
the Web site and its subpages.

• Hierarchical organization of
information
• Buttons or links
• Search bars
8. LAYOUTS
This refers to the physical
arrangement of the content and
elements on a Web site.

• Grid
• F-pattern
• Mobile
9. LOAD TIME
Another basis for the success of
a Web site is the time that the
Web site will load or appear onto
the viewers’ display device.
Things to
It is advisable to plan
remember: the sites on paper first

Strive for
consistency

Don’t hide important

information

Avoid text – only pages

Things to
Don’t sacrifice
remember: elegance

Give a descriptive
title of the site

Include a brief
introduction

Make the site’s home page as useful

starting point as possible.
Web Design Web template is a
using predesigned webpage ,simply
Templates, by adding text and
HTML and CSS customization to create a
codes desired web page.
WYSIWYG

This uses the capability of directly

handling the components of the
Web site. The developer can
directly drag and drop elements
to manipulate the layout of the
Web site.
TA S K 2 . 1

PLANNING A
WEB SITE
( D E TA I L E D )