Types of Online Platform

• Social Media Platform

–Websites like Facebook allow you to
create not only personal accounts
but also pages and groups where
you can share content.
Continuation…
• Blogging Platforms
–It typically looks like a newsletter where
you are given options to change the
design to your liking. Though you can
manipulate the design, social media
platform’s popularity is still unrivaled.
Continuation…
• Content Management System (CMS)
– is a computer application (sometimes online
or browser-based) that allows you to publish,
edit and manipulate, organize and delete web
content. CMS is used in blogs, news
websites, and shopping.
 Other Online Tools
• Mapping
–online mapping services are used for
finding locations, creating routes by
encoding the address of specific
location.
 Examples of mapping tools
• Google Maps – is a web mapping service
developed by Google. It offers satellite
imagery, street maps, 360º panoramic views
of streets and traffic conditions.
• Wikimapia - is an open-content collaborative
mapping site with the use of interactive web
map.
 Survey
• allows you to create survey and forms
to get feedback from your customer or
audience, conduct market research,
and other research.
 Examples of Survey
• Google forms
• Survey Monkey
• Typeform
• Zoho survey
• Survey Planet
 Blog
- is a discussion or informational site
published on the World Wide Web
consisting of discrete entries (posts)
typically displayed in reverse chronological
order (the most recent post appears first)
 Examples of Blogging tools
• Blogger – is a free weblog publishing tool from
Google that allows you to share text, photos
and video
• WordPress – is a free open-source blog tool
that you can use to create a website or app; it
is also a content management system (CMS)
based on PHP and MySQL.
Continuation…
• Livejournal – a service for journals and blogs, that
also offers privacy controls, photo storage,
publishing tools, style templates, and online
communities.
• Issuuu – is a free electronic publishing platform for
magazines, catalogs, newspapers and more.
• Tumblr – is a mixture of microblogging, traditional
blogging, and social networking.
Basic Web Design Principles and
Elements
 Web Design
- is a concept of planning, creating,
updating, and maintaining websites. A
good web design allows the user to
understand the message, contents, and
ideas in the most convenient way.
 Web Design Elements
• Text - font family and type must be chosen
well, clear and in readable size.
• Graphics/Illustrations - must be good quality
and well arrange with text and another
elements. Infographics may be used.
• Shapes – can be used to denote an enclosed
boundary in the overall design.
Continuation…
• Background - It can help provide your website
with a feeling of a surface underneath. It must
be used to bring out the content given on
website to make it look more appealing.
• Color - Must blend well and complement the
elements on the page. Use vibrant and bold
colors that will attract but not too distracting
Continuation…
• Background - It can help provide your website
with a feeling of a surface underneath. It must
be used to bring out the content given on
website to make it look more appealing.
• Color - Must blend well and complement the
elements on the page. Use vibrant and bold
colors that will attract but not too distracting
Continuation…
• Video/Audio – help viewers easily
understand what you are teaching or
selling
• Links – allow users to connect to another
site or page that is related to the content
of your page or site.
 Web Design Principles
• Portable Design – must be portable and accessible
by users who have different browsers, operating
systems and computer platforms.
• Design for Low Bandwidth – website design must
be accessible at a variety of speeds. Avoid large
graphics or animations as the users may leave the
site if downloading is slow.
 Web Design Principles
• Direction – identify the order of importance of the
various elements and places them in a sequence
where the eye moves and perceives the things it
sees.
• Accessibility - Visitor must be able to easily access
the information. Text must be legible/readable,
colors must create visual harmony and balance,
and image should be of high quality.
 Web Design Principles
• White spaces - Use deliberately in your
design as a breathing space. It may also
be used to show division of contents.
• Simplify - Remove distracting options and
clutter.
 Web Design Principles
• Convenience - Allow visitor to make an action,
click button should be conveniently located
and accessible.
• Regular testing – website should be regularly
upgraded, updated and tested so that
problems will be quickly resolved.
 Web Page Design Using Templates and
Online WYSIWYG Platforms
• WYSIWYG - is an acronym for “what you see
is what you get”
– this means that whatever you type, insert, draw,
place, rearrange, and everything you do on a
page is what the audience will see. It shows and
prints whatever you type on the screen.
Examples of WYSIWYG Platform HTML Editor
• Wix - a cloud-based web development platform that
allows users to create HTML5 websites and mobile sites
through the use of their online drag and drop tools
• Weebly - a web-hosting service featuring a drag-and-drop
website builder
• Drupal – free and open-source content management
system (CMS) based on PHP and MySQL
• WordPress - free and open-source content management
system (CMS) based on PHP and MySQL
 URL
• Uniform Resource Locator
• Unique identifier for every web page
• the address of a resource on the Internet
 CSS
• Cascading Style Sheet
• CSS describes how HTML elements are
to be displayed on screen, paper, or in
other media.