ICT Online Platforms in Creating Web Content

We are on the Information Age on which information seems so

easy to reach.

One of the tools that we usually use if you need to answer a

question from your subject is a website which can we use if we
are online.

A website or web site is a set of related resources from the web.

These resources were considered as web pages and multimedia
(e.g.: videos, music, images).
Activity 1: Website or application (apps) you are using. Websites
or applications are now accessible through smartphones.

It is up us users on how we use it. In your smartphone or

computer list ten (10) websites or applications you usually use or
visit and identify the best feature that you like on it. The first
item listed on the table is an example to guide you on this
activity.
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.
Here are the three types of online platforms:
• Social Media Platforms 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.
Here are the three types of online platforms:

• Blogging Platforms 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.
Here are the three types of online platforms:

• Content Management System or CMS

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.
Activity 2: Identify which online platform to use. Now you have learned the
three types of online platform.

These online platforms are tools that you can use to create information, share
ideas and connect to other people. Below there are ten situation, read every
item carefully and identify which online platform is the best to use.
Table 1: Identify which online platform to use.
If you're planning to create a web page of your own, you can
use a website builder like WordPress, Wix or Adobe
Dreamweaver.

These website builders are very powerful tool and user-friendly on

which you can create website by just dragging and dropping the
elements of your website.

However, there are certain elements and principles in building

your own website. Below are the seven possible elements of a
modern web design.
• Text - 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 -
make sure your images or
illustrations are not pixelated or
must be on good quality.

There are times that text gives

description to an image, so you
make that these two elements
are well arranged.
• White space - having a
crowded website, it is very hard
to direct the attention of your
vistor's eye.

This white space gives your

website a room to breathe.
• Links - links or hyperlinks
allows user to jump to another
site or page that is related of to
your site.
• Color - 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 - 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 - texture or
background gives a more
appealing sight to your
website.

This will provide your website a

feeling of a surface underneath.
With the use of elements of web design will make your website more
appealing to your users but you need to make sure that your website is
functional, responsive and useful.

To create a usable and effective website, follow the basic principles of an

effective web design.
A. Portable Design - 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 to access a website.
B. 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
C. 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
D. 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".
E. Regular testing – 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.
Web Page Design Using Templates and Online WYSIWYG.

WYSIWYG is an acronym for "what you see is what you

get". There many tools on creating or designing a website.

However, there are tools offers WYSIWYG process. These are

tools on which the content (text and graphics) 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
Web Page Design Using Templates and Online WYSIWYG.

WYSIWYG is an acronym for "what you see is what you

get". There many tools on creating or designing a website.

However, there are tools offers WYSIWYG process. These are

tools on which the content (text and graphics) 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
Wix -. Its interface is one of the most intuitive, slick, and
powerful in the ever growing group of website-building services
Wix offers standout features, such as online storage for your site
assets, cool video backgrounds, animations for titles, and
mobile. (visit https://www.wix.com)
Weebly - This free website builder allows you to build beautiful
websites in a very short period of time – even if you do not
have any programming background. (visit
https://www.weebly.com)
WordPress - is the world’s most popular tool for creating
websites. WordPress is capable of creating any style of website,
from a simple blog to a full-featured business website.

You can even use WordPress to create an online store. (visit

https://wordpress.com)
Creating your Own Website using Wix.

1. Create an account on Wix by going to www.wix.com. You have

to sign up to use the website. You may choose to log in using
your Facebook account or Gmail account.

Once logged in, you can use the existing templates of wix and just
modify and enhance your website.
Creating your Own Website using Wix.
Creating your Own Website using Wix.

2. Click Create a Site.

Creating your Own Website using Wix.

3. Choose Others
Creating your Own Website using Wix.
4. You will be instructed to choose a template. Click Choose a
Template or Edit a Template
Creating your Own Website using Wix.
5. Pick any template that you want. Choose categories and click any
templates
Creating your Own Website using Wix.
6. Your website will be generated and soon you will end up in the
site’s Wix editor.
7. The editor is pretty easy to use. The center shows the preview of
your website.

The design tools are located on the right. It is now time to edit the
website to your liking.

8. Click Edit and create your amazing website.

Creating your Own Website using Wix.
Creating your Own Website using Wix.

11. You can click Edit and type the filename. Click done to publish
the website.
1

To understand more the Wix Website, you can access the video
tutorials below:
1

• How to Make a Website with WIX? WIX 2019 Complete

Tutorial? https://www.youtube.com/watch?v=aa6JS_8QtNI
1

• Wix Tutorial For Beginners 2019 - Create A Wix Website

In Minutes https://www.youtube.com/watch?v=JTdK9q_iuE0
Creating your Own Website using Wix.

11. You can click Edit and type the filename. Click done to publish
the website.
1

To understand more the Wix Website, you can access the video
tutorials below:
1

• How to Make a Website with WIX? WIX 2019 Complete

Tutorial? https://www.youtube.com/watch?v=aa6JS_8QtNI
1

• Wix Tutorial For Beginners 2019 - Create A Wix Website

In Minutes https://www.youtube.com/watch?v=JTdK9q_iuE0
Let us now test your understanding by doing the activity below.
PROJECT (FINAL OUTPUT): Website Making For this PROJECT, you will create your
profile website showing your accounting firm and the services it offers.

1. Go to the website using an online WYSIWYG platform and free host, then click sign
up.
Let us now test your understanding by doing the activity below.
Problem: You are the marketing manager and main accountant of a multinational
accounting firm/company that will establish its first accounting firm in the country.

The company will also develop a website for the promotion of the said accounting firm.
You are asked to create an online collaborative word processing file that will be
shared with different officials of the company.

This will be used to solicit their ideas. Based on the inputs in this word processing file,
you are expected to compile the ideas posted, and then create and present a
presentation file to the company’s executives. The presentation will also be attended by
the executives from whom you have solicited the ideas. You should include all of their
ideas for evaluation in the presentation.
Let us now test your understanding by doing the activity below.
2. Create a profile website. Therefore, you can add more pictures of yourself on the
website.
3. Be creative.
4. Once done, submit your website address to your teacher