Scribd
Upload
17 views

Basic Webpage Creation

Uploaded by

jaysaalilano88
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
17 views

Basic Webpage Creation

Uploaded by

jaysaalilano88
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 27

Basic

Webpage
Creation
OBJECTIVES
01 02 03

Understand the Improved Design a


Elements and Learner’s Idea Webpage using
Principles of of WYSIWYG an online
Web designing WYSIWYG
Platform
How Basic How Hard
Is Basic? Is Hard?
Basic means simple, hard to do,
straight forward, plain understand, or
or uncomplicated achieve.
Common Elements of a Modern
Web Design
1. TEXT
• This is a mandatory element of a web page.
• choose well the font family and type that you need
to use on your design and make the text is clear and
in readable size
Common Elements of a Modern
Web Design
2. Graphics/ Illustration
• Make sure your images or illustrations are not
pixelated or must be on good quality.
• Make that these two elements are well arranged.
Common Elements of a Modern
Web Design
3. White space
• having a crowded website, it is very hard to direct
the attention of your vistor's eye
• These white space gives your website a room to
breathe.
Common Elements of a Modern
Web Design
4. Links
• links or hyperlinks allows user to jump to another site
or page that is related to your site
Common Elements of a Modern
Web Design
5. Color
• the colors you use in your design is a very important
aspect. There are times that colors become visually
distracting to your viewers
Common Elements of a Modern
Web Design
6. Video/Audio
• there are sites use audio/video to help their visitors
to better understand what they are selling or
teaching.
Common Elements of a Modern
Web Design
7. Background
• texture or background gives a more appealing sight
to your website.
• This will provide your website a feeling of a surface
underneath.
Basic Principles of an effective
Web Design
1. Portable Design
• website design must be portable and accessible..
• Your need to must compatible with other operating
system and web browsers
Basic Principles of an effective
Web Design
2. Design for Low Bandwidth
• not all user who are online are connected to a high-
speed internet connection
• In designing a website you need to avoid large
graphics or animations as the users may leave the
site if downloading is slow.
Basic Principles of an effective
Web Design
3. Direction
• identify the order of importance of the various
elements and place them in a sequence where the
eye moves and perceives the things it sees.
Basic Principles of an effective
Web Design
4. Simplicity
• the more option you place in your site, the more
difficult it is for a visitor to make a decision and more
time is required to browse through them as what
they usually say "simplicity is beauty".
Basic Principles of an effective
Web Design
5. Regular testing
• every device or project needs maintenance, same
as your website
WYSIWYG Platform
● WYSIWYG is the acronym for What You See Is What You
Get.

● This means that what ever you type, insert, draw,


place, rearrange, and everything you do on a page
are what the audience will see.
Creating your own
Webpage using
Google Site
https://sites.googl
e.com/

You might also like