L T E E E M N

R E P I P L C N I
E E B W S
BASIC WEB DESIGN
PRINCIPLES AND
ELEMENTS
 WEB DESIGN ELEMENTS
O TEXT
O GRAPHICS/ILLUSTRATIONS
O SHAPES
O BACKGROUND
O COLOR
O VIDEO/AUDIO
O LINKS
 WEB DESIGN PRINCIPLES
O PORTABLE DESIGN
Website must be portable in terms of:
O Browsers
O Operating Systems
O Computer Platforms

O DESIGN FOR LOW BANDWIDTH

O Website must be accessible at a variety
of speeds
O DIRECTION
O Website must be in order and organize
 WEB DESIGN PRINCIPLES
O ACCESSIBILITY
O Website design must be able to easily
access the information.
O WHITE SPACES
O SIMPLIFY
O CONVENIENCE
O The click buttons should be conveniently
located and accessible
O REGULAR TESTING
 WEB DESIGN PRINCIPLES
O ACCESSIBILITY

O WHITE SPACES
O SIMPLIFY
O CONVENIENCE
O REGULAR TESTING
 WEB PAGE DESIGN
USING TEMPLATES &
ONLINE WYSIWYG
PLATFORMS
 WHAT IS WYSIWYG?
O IS AN ACRONYM FOR “WHAT YOU SEE IS
WHAT YOU GET”.
O IS AN EDITOR AND A SYSTEM IN WHICH
CONTENT CAN BE EDITED IN A FORM
CLOSELY RESEMBLING ITS APPEARANCE
WHEN PRINTED OR DISPLAYED AS A
FINISHED PRODUCT, SUCH AS A PRINTED
DOCUMENT, WEB PAGE, OR SLIDE
PRESENTATION.
 WYSIWYG PLATFORMS
O WIX
O WEEBLY
O DRUPAL
O WORDPRESS
O WEB BUILDER
O NICEDIT
O SPAW EDITOR
Steps in Making a Website

Open a web
browser

Type in the
address bar
www.wix.com
then press Enter
Steps in Making a Website
You can select
what type of
website you want
to create
Pointing your mouse over
what type of website you
want to create then will show
a list of possible themes that
would be suitable for you
Steps in Making a Website
On the next window, Wix
will show the features
and benefits they
provide if you sign up
and use the site

Click Get
Started
Steps in Making a Website

Click Log In to
continue

After you have logged in,

the next window will
allow you to choose a
website template which
will be the main theme
of your page
Steps in Making a Website
Choose the template of your page. Pointing a
mouse over the selected template will show
two options: Edit and View. If you want to get
started on the template, select Edit. If you
want to see what is in it, click View

Click Edit
Steps in Making a Website
It will open another tab to
go to the editing part.
Select Start Now

The new window will show the

Wix edit mode where tools will
appear and then you can edit
and
make your website
HOW TO CREATE A
WEBSITE USING WIX