Chapter 4

Empowerment Technology
Chapter 4: Online Platforms as Tools for ICT Content Development

At the end of this lesson, you should be able
to:
1. Evaluate existing online creation tools, platforms and applications in
developing ICT content for specific professional tracks (CS_ICT11/12-
ICTPT-Ig-h-9);
2. Apply web design principles and elements using online creation
tools, platforms, and applications to communicate a message for a
specific purpose in specific professional tracks (CS_ICT11/12-ICTPT-Ig-
h-10);
3. Create an original or derivative ICT content using creation tools,
platforms, and applications to effectively communicate messages
related to specific professional tracks (CS_ICT11/12-ICTPT-Ig-h-11).
Website Application you are using
Example:
Shopee – Shopping online
Platform-enabled website
A platform-enabled website or online platform gives a feature on which
allows to manipulate the content of the website. Most of the online
platforms requires you to register in order to publish, manipulate,
organize, or even delete a certain web content.
Three types of online platforms
•Social Media Platforms
•Blogging Platforms
•Content Management System or CMS
Seven Elements of Modern Web Design
1. Text
2. Graphics/Illustrations
3. White Space
4. Links
5. Color
6. Video/Audio
7. Background
Principles of Web Design
Social Media Platforms
Image result for social media
This platform allows you to create your

personal account or profile. After you
register on this website, it will allow you
to create pages or even groups where
you can share content and ideas.
Social Media platforms enables you to
connect yourself to other users and get
updates on their news feed. Facebook,
Instagram and Twitter are examples of
Social Media platforms.
Blogging Platforms
Image result for blogging websites
A platform on where a writer or

even a group of writers can share
views on an individual subject.
It is comparable to a newsletter
where you can add menus, designs
or even multimedia of a subject.
Blogger is an example of blogging
site. If you love to write or you want
to share ideas online, blogging
platforms is the perfect tool you can
use.
Content Management System (CMS)
Image result for website creation platforms
One of the feature of this platform

is that you can publish your own
website and manage its content
through intranet or in a single
computer. This is a software
where you can easily create,
update, organize, and publish the
content of your website. A
popular example of CMS is
WordPress and Wix
Text
Image result for text styles
This is a mandatory element of a

web page. However, visitors got
distracted about the font family of
the text on website. So while you
are designing your website, make
sure that to 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
Graphics/Illustrations
Image result for graphics and illustration
make sure your images or

illustrations are not pixelated or
must be on good quality.
There are time that text give
description to an image, so you
make that these two elements are
well arranged.
White Space
Image result for White space
Having a crowded website, it is

very hard to direct the attention
of your visitor's eye. These white
space gives your website a room
to breathe.
Links
Image result for links
links or hyperlinks allows user to

jump to another site or page that
is related of to your site.
Color
Best Website Color Schemes for Modern Web Design
The colors you use in your design

is a very important aspect. There
are times that colors become
visually distracting to your
viewers.
As some web designers do, they
use the company logo of their
client as their color reference on
their website.
Video/Audio
Top 10 Best Free Music Websites To Download Songs Legally | KnowInsiders
there are sites use audio/video to

help their visitors to better
understand what they are selling
or teaching.
These elements of web designing
really helps your visitors especially
those websites that offers tutorial
of certain subject.
Background
Abstract Background Website Landing Page 542011 Vector Art at Vecteezy
Texture or background gives a

more appealing sight to your
website.
This will provide your website a
feeling of a surface underneath.
Portable Design
Web Development Examples Feature - James Arthur Design Co
website design must be portable

and accessible. Your need to must
compatible with other operating
system and web browsers. You
should also design your website
on which it can be access to a
different computer platforms or
devices especially for those
visitors who uses mobile device
Design for Low Bandwidth
What is Bandwidth in Web Hosting? Why is it Important? - Kripesh Adwani
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.
Direction
Practical Photoshop: Art Direction Layout Design on Behance
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.
There should be consistent layout
and structure.
Regular testing
What is Web Testing? Types of Web Application Testing | Katalon
Every device or project needs

maintenance, same as your
website. Website should be
regularly upgraded, updated and
tested so that problems will be
quickly resolved. Visitors who
have encounter any errors like
problems in loading or viewing in
your website will not hold on.
Simplicity
40+ Best Free Simple Website Templates For All Famous Niches 2020
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".

Chapter 4

Uploaded by

Copyright:

Available Formats

Chapter 4

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Chapter 4

Uploaded by

Copyright:

Available Formats

Empowerment Technology

Chapter 4: Online Platforms as Tools for ICT Content Development

This platform allows you to create your

A platform on where a writer or

One of the feature of this platform

This is a mandatory element of a

make sure your images or

Having a crowded website, it is

links or hyperlinks allows user to

The colors you use in your design

there are sites use audio/video to

Texture or background gives a

website design must be portable

Design for Low Bandwidth –

Direction - identify the order of

Every device or project needs

The more option you place in your

You might also like