Scribd
Upload
1K views

Basic Web Design Principles and Elements

The document discusses the basic elements and principles of web design, including elements like text, graphics, shapes, background, color, video, and links. It also discusses design principles such as portable design across browsers/OSs/platforms, design for low bandwidth, direction and organization of content, accessibility of information, use of white space, simplification, convenient click buttons, and regular testing. It then discusses using templates and online WYSIWYG (what you see is what you get) platforms to design web pages, defining WYSIWYG and listing some examples. Finally, it provides steps for making a website using the Wix platform, including selecting a template and using the editing tools.

Uploaded by

Jenny Rose Mercy Bernarte
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
1K views

Basic Web Design Principles and Elements

The document discusses the basic elements and principles of web design, including elements like text, graphics, shapes, background, color, video, and links. It also discusses design principles such as portable design across browsers/OSs/platforms, design for low bandwidth, direction and organization of content, accessibility of information, use of white space, simplification, convenient click buttons, and regular testing. It then discusses using templates and online WYSIWYG (what you see is what you get) platforms to design web pages, defining WYSIWYG and listing some examples. Finally, it provides steps for making a website using the Wix platform, including selecting a template and using the editing tools.

Uploaded by

Jenny Rose Mercy Bernarte
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 18

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

You might also like