WEB DESIGN

PRINCIPLES AND
ELEMENTS
Quarter 2 Lesson 2
Christian Aries Lapuz
 ONLINE PLATFORMS FOR ICT
CONTENT DEVELOPMENT

• SOCIAL MEDIA PLATFORMS

• BLOGGING PLATFORMS
• CONTENT MANAGEMENT
SYSTEM
• WEB PAGE CREATION
 CONTENT MANGEMENT
SYSTEM
A content management system (CMS)
is an application that is used to manage
content, allowing multiple contributors
to create, edit and publish. Content in a
CMS is typically stored in a database
and displayed in a presentation layer
based on a set of templates like a
website.
 CONTENT MANAGEMENT
SYSTEM
The following are common features of a CMS:

• Content storage, • Workflows assigns

• Content creation, permissions for
allows users to stores content in one
place, in a consistent managing content
easily create and based on roles such as
format content fashion
authors, editors and
admins
 BASIC WEB PAGE
CREATION
WYSIWYG
it is the acronym for What You See
is What You Get
The first true WYSIWYG editor
was a word processing program
called Bravo was invented by
Charles Simonyi
 Line BASIC WEB
DESIGN
Shape ELEMENTS
Texture
Space
Size
Value
 LINES

The most basic type of

design

It is used for dividing

space and drawing the
eye to a specific
location.
 SHAPE

Shapes, geometric or
organic, add interest.

It is defined by
boundaries such as lines,
colors and they are used
to emphasize a portion of
the page
 TEXTURE

It is the look and

feel of a surface
 SPACE

Refers to the
distance between
shapes and forms
 SIZE

Refers to how big

or small something
is in scale to other
objects.
 VALUE

Refers to the
degree of lightness
or darkness
BALANCE BASIC WEB
DESIGN
EMPHASIS PRINCIPLE
RHTYHM
UNITY
CONTRAS
T
 BALANCE

It occurs when all

the design elements
are equally
distributed in the
screen
 EMPHASIS

Elements that
stands out and get
notice first.
 RHYTHTM

It is the pattern
created by
repeating
elements.
 UNJTY

Achieved when all

the design
elements relate to
one another and
project a sense of
 CONTRAST

It increases the visual

differences in size,
shape, and colors
between the elements to
enhance the perception
of a message intnended
Avtivities to be done:

ASSESSMEN
T
QUIZ 1