Learning Module • Empowerment Technologies • Lesson 4 12

LESSON 4: ONLINE PLATFORMS AS TOOLS FOR ICT CONTENT DEVELOPMENT

Online Platforms for ICT Content Development

Social Media Platform
It is a web-based technology that enables the development, deployment, and management of social media
solutions and services. Websites like Facebook allow you to create not only personal accounts but also pages and groups
where you can share content.
Blogging Platform
Blogging platforms is a website like word press, tumbler, and blogger that focus on content and design. 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.
Content Management
Content Management (CMS) is a computer application that allows you to publish, edit, manipulate or organize
and delete Web Content. CMS is used in blogs, news websites, and shopping.
Cloud Computing
Cloud Computing is a movement away from applications needing to be installed on an individual’s computer
towards the applications being hosted online.
WYSIWYG
WYSIWYG is the 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. Like using the Microsoft° Word,
WYSIWYG shows and prints whatever you type on the screen.
People use HTML (Hyper Text Markup Language) codes to create pages and CSS (Cascading Style Sheets) codes
to design them. If you have taken up these coding skills before, it will help you in creating pages using WYSIWYG. If you
have not, WYSIWYG is designed for anyone who has not or does not have prior coding skills.

LC: 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
LO: create blog using WordPress

11: Create Blog Using WordPress

1. Go to www.wordpress .com. 4. Let’s find a domain.

2. Click the “Get started”

5. Pick a plan that’s right for you.

3. Choose a Theme.

AJ Echavez
 Learning Module • Empowerment Technologies • Lesson 4 13
6. Create your account.

11. Create a title.

7. Manage your site.

12. Compose a message.

8. Customize your site.

13. You may place an image, video, quote or

link.

9. Select a site to start writing.

14. You may also add category so that your post

is organized.

10. Go to blog post.

AJ Echavez
 Learning Module • Empowerment Technologies • Lesson 4 14

15. Once you’re done, you can

now preview your post.

LC: 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
LO: create webpage using Microsoft Word

12: Create Webpage Using Microsoft Word

You can use Microsoft Word to convert existing documents into HTML format. Use the “Save as Web Page” option to
create documents for the web. Remember, layout differences may exist after you convert a document. For example, if you
used tabs to create a table in Word, the tab space will not appear in the HTML document. To avoid having to correct an
improperly aligned table, always use Word’s Insert Table options to create new tables. Also, each time you use the ENTER
key in Word, extra white space will appear in the converted document (let the text wrap automatically whenever possible).

Note: Read the instructions for using the "Save as Web page..." option before you start.
1. Open Word.

2. When the application opens, from the “File” menu, choose “Open.” Then, from the list of available documents,
double click the document you wish to convert.
Note: When the document opens, familiarize yourself with the layout. The converted document will not look exactly
like the original.
3. From the “File” menu, choose “Save as Web Page.” Click “Save.”
Note: When you convert a document to HTML format, you retain the original document as a separate file. The new
HTML file has the same file name but a different file extension (.htm).
4. When the conversion is complete, the converted file appears in the window (filename.htm). View the HTML source
code file by selecting the “View” menu, then “HTML Source.”
5. If you have graphics in your document, scroll through the HTML source code to find the reference to the image.
Word names images consecutively (Image1.gif, Image2.gif, etc.) When you publish your page, be sure to include
these image files.
6. Return to edit mode by clicking the “X” in the HTML Source window.
7. You can modify the HTML file using the Microsoft Word formatting buttons and menu options and the Web toolbar
options (insert hyperlink, insert image). When you are satisfied with the appearance of your page, be sure to save it.
8. Close your document by selecting the “File” menu, then choosing “Close.” Click the Close button (the “X” in the
upper-right corner) to close Word.
9. Open your HTML file in a WWW browser to see how it will appear.

You have just created a web page using Microsoft Word. You can also use Microsoft Excel.

LC: 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
LO: create website using Wix

13: Create Website Using Wix

Using Wix.com you can sign up and create your own website in just 15 minutes. A simple template and a
drag and drop system make this platform incredibly easy to use even for those with little or no experience. We aim here to
provide you with an introduction to website building using Wix with no programming or web design skills required. It’s never
been so easy to build and maintain your own website. If you enjoyed this guide, please share it.

Signing up toWix

AJ Echavez
 Learning Module • Empowerment Technologies • Lesson 4 15
Let's get started, and we'll walk through this together. To sign up for an account, you should be greeted by this
screen, (or something similar, as the designs change often):

Clicking on the Start Now button will

take you to a Sign In screen. If you
haven’t signed up already you will
need to register a new account. This is
a straightforward procedure of just
completing the form, adding your
email address and chosen password, or
if you prefer, Facebook or Google
accounts can be used.

adding your email address and

chosen password, or if you prefer,
Facebook or Google accounts can be
used.

Choosing a Template

Once you have chosen your preferred category, the site offers hundreds of customizable templates that you can
change to fit your needs. Once you choose your template, you can easily change the background image and the
colors to your liking.

AJ Echavez
 Learning Module • Empowerment Technologies • Lesson 4 16

Before selecting a template: How much time do you have?

Prior to selecting your template, you should know what Finally, you will want to think of your schedule when you
you want out of the site. Ask yourself a few basic make a site. If you have a lot of free time and aren't
questions so you can proceed without having to launching your business or product soon, you can
backtrack. dedicate tens of hours to making your Wix site. On the
other hand, if you want to make a site overnight or in a
couple of days, you should select a template that
What is the purpose of your site? includes features and a layout that you want to include,
saving you time from having to organize these yourself.

You should ask yourself what you want out of the site.
Do you want to create a blog, or do you want to sell
products or showcase your online portfolio? When you Once you know what you want out of your website,
know the purpose of your site, you can choose the right you should check out the vast template collection that
style that fits your business model or idea. Wix provides. To get started, browse the gallery for
inspiration. With the extensive collection at Wix.com,
you can essentially get anything you want.
What kind of style do you want?
On the top left corner of the templates page, you can
search and then browse the results to find the perfect
Some sites are meant to be professional looking, and solution. You can easily find the latest templates by
others are supposed to be more fun. You should think clicking the new button on the left side. Or, if you prefer,
of what kind of message you want to convey before you can check out the Most Popular Templates button,
you proceed. If you find a designer-made template, which is just below the New templates. Finally, if you
you are going to save time, but you must remember to want to create a site from scratch, you can do so by
think about customizing your site so you can stand out. clicking the Blank Templates button. However, if nothing
suits you or you want to look more, you can select a
category to browse such as Music, Blog, Hotel & Travel
Do you have a vision for your brand? and many more.

It helps if you know about your brand and your vision as To get a better idea and understand the flow of the
you can create the ideal Wix site. But if you don't, you template, you should go through each page individually
can keep it simple and build it up over time. However, as you can get an idea on how the site will look in real-
it's wise to choose a template that complements your
company and its identity as you want your customers
to perceive you in a positive manner.

Can you think of a competitor you

want to emulate?

When you are setting up your Wix site, you should first
check out your competition. That way, you can find out
what you like and don't like about other sites. Then,
once you are ready to start building, you can emulate
the good things and make an even better site.

AJ Echavez
 Learning Module • Empowerment Technologies • Lesson 4 17
world conditions.

If, at any point, you are struggling, you

should check out the editor related
tutorials. It should be noted, if you
have any trouble opening your
template to edit, you should check
your browser settings as it may be
blocked by popup blockers or
additional add-ons to your browser
such as AdBlock.

As soon as you have chosen a template, you will

be brought to a full-screen example of what this
template looks like. If this looks good as a starting
point for you – click Edit this site.

Wix Dashboard

The first screen you will be greeted with when

logging back into Wix will be the Dashboard
page. This is essentially the hub of your
websites. It is less important when you are
only managing one site, though becomes
increasingly useful when you have a library of
websites to maintain. To access this page
from the editor, click on Site (in the top left)
and then My Sites.

Choosing Your WixDomain

Saving YourWebsite

Publishing
When you are finally ready to publish your site and for it
to go live, go to the top right of the Wix Editor, and click
Publish. Click Publish one more time. At this point, if you
haven’t saved your site, come up with a name and type
it in, and then click Save Now. If you want to connect
your domain to the site, you will need to upgrade to a
Premium Plan. You will also need to buy a domain.

Congratulations, you have just built a website!

AJ Echavez
 Learning Module • Empowerment Technologies • Lesson 4 18

IFL: Blog, Website, and Webpage is a platform that allows you to add, update and delete information, but there is a
platform that you can’t be able to do such things such as the 10 commandments given by God for us to follow. God wants
as to follow and obey the rules He given to us. Follow the 10 commandments by not adding, updating and deleting it.

LC: evaluate existing online creation tools, platforms and applications in developing ICT content for specific professional
tracks
LO: create website using Wix

14: Triple Venn Diagram

Using Triple Venn Diagram, list down their similarities and differences of Microsoft Word, WordPress and Wix
as creation tool in developing ICT content. You may use the diagram below for your guide.

*Similarities of
Word and
Wix

Microsoft Word Wix

*Similarities of
*Similarities of Word,
Wix
Word
and WordPress
and WordPress *Similarities of
WordPress WordPress and
Wix

Answer:

AJ Echavez
 Learning Module • Empowerment Technologies • Lesson 4 19

EVALUATION # 1

Multiple Choice: Circle the letter that corresponds to the d. slideshows

correct answer. 6. The following are common image file formats used
1. Balance is to even distribution; emphasis is to in the Internet EXCEPT
a . a t tra ct i n g a. J P E G
b . design b . PNG
c. c o l o r s c. GIF
d . weight d. BMP
2. Movement is to guiding the eye; rhythm is to 7. Creates a new image by selecting a desired
create rectangular portion from the image being
a. a t tra ct io n cropped.
b . visuals a. Layers
c. organization b. R e s i z i n g
d. unity c . Erase Tool
3. These are visual elements creating a sense of unity d. Cropping
where they relate well with one another. 8. It is the processes of altering images.
a. S t y l e a. photo editing
b . variety b. paper printing
c. p r o p o r t i o n c. a nim at io n
d . emphasis d . collage making
4. It uses several design elements to draw a viewer's 9. The file extension JPEG stands for
attention. a. Joint Photographic Experts Group
a. s t y l e b. Japan Photo Excellence Guild
b . variety c. Jotter Prime Element Garnish
c. p r o p o r t i o n d. None of the above
d . emphasis 10. It is the most standard image; it is also good for
5. It makes complex data become more visually uploading to the internet
appealing to the average user. a. PNG
a. t a b l e s b. RAW
b . infographics c. GIF
c. pikto charts d. JPEG

True or False: Write T if the statement is correct; otherwise, write F on the space before each item.
______1. Content Management (CMS) is a computer application that doesn’t allow you to publish, edit, manipulate or
organize and delete Web Content.
______2. Cloud Computing is a movement away from applications needing to be installed on an individual’s computer
towards the applications being hosted online.
______3. The dashboard page is the first page of your website.
______4. WordPress allows you to create your own blogging sites.
______5. Microsoft Excel allows you to create your webpage.
______6. Microsoft Word does not belong to WYSIWYG editor.
______7. Social Media Platform is a web-based technology that enables the development, deployment, and management
of social media solutions and services.
______8. CSS stands for Cascading String Sheets.
______9. People use CSS codes to create pages and HTML codes to design them.
______10. WYSIWYG stands for What You Sense Is When You Got.

EVALUATION # 2

Summarize what you have learn in Lesson 3 and Lesson 4.

Note: Answers should be 5 – 8 sentences only.

Summary for Lesson 3:

AJ Echavez
 Learning Module • Empowerment Technologies • Lesson 4 20

Summary for Lesson 4:

AJ Echavez