TVL Empowerment Technologies Q3 M17
TVL Empowerment Technologies Q3 M17
Technologies
QUARTER 1
MODULE Collaborative Development of
17 ICT Content (Part 2)
PRETEST
1) Preview the document and check for any error in the format.
2) Open Microsoft Word then click on Blank Document.
3) Edit the page theme to your liking.
4) Layout your web page as a word document.
5) Disable Auto-sharing.
6) Save the file by choosing the option Web Page (*.htm; *.html).
7) Save all your files or pages in the same web directory.
8) Create additional webpages that are linked to your main site.
9) On your dashboard, go to Post > Add New
RECAP
LESSON
There are several ways you can design or create your own website. There are
schools or online schools that offer courses on website development. They
teach you how to program using computer languages where you can create
and design web pages using HTML and CSS respectively. This may take time
but the skill that you’ll acquire is something that is pretty much useful
specially if you are serious about becoming a website developer.
But what if you do not have the time to undergo formal training for a website
development course and at the same time you are not interested in
programming at all?
This is where the WYSIWYG editor comes in. Whatever you write, insert, draw,
put, rearrange, and everything you do on a page is what the audience will see.
With the use of WYSIWYG editor, everyone can create their own website even
without prior programming skill. The best thing is it’s quick and simple to
use. WYSIWYG editor makes creating a website a fun thing to do.
There are WYSIWYG editors that need to be used with internet connection.
But for this particular lesson, you will be using the MS Word, which does not
require an internet connection in order to create web pages.
Step 2
Layout your web page as a word document. Arrange headings, paragraphs
and graphics the way you want them to appear on your page.
Step 3
Preview the document and correct any formatting that is wrong. Adjust the
margins to fit text into a single line, if necessary.
Step 4
Click on the home button at the top left of the document. Choose "save file
as". Choose the option Web Page (*.htm; *.html). Then type the file name that
you want for your document. And click save.
Note: Before saving the file, make sure that you have decided where
you wish to save your website file. You can either create a new web
directory or select from your existing directory.
Step 5
Build or create additional web pages that are connected to your main site.
Adjust any hyperlinks to reflect the correct page that they should open.
Step 6
Save all your files or pages in the same web directory.
ACTIVITIES
In this activity, you will be using your output in Module 16 as bases for the
design of your website. Enhancement of the original design is welcome. It is
imperative that the Web Design Elements should be clearly seen in your
layout and the Parts of the Website are prominently designed.
Your final output, meaning all web page created, is to be uploaded in an online
storage (i.e. Google Drive, Dropbox and OneDrive) that will be provided by
your subject teacher.
Step 1:
Step 2:
Step 3:
Step 4:
Step 5:
Step 6:
VALUING
What makes a WYSIWYG editor such as Microsoft Word a valuable tool to use
in website designing?
Place your answer here:
POSTTEST
1) Save the file by selecting the option Web Page (*.htm; *.html).
2) Go to Post > Add New on your dashboard.
3) Launch MS Word then click on Blank Document.
4) Revise the page theme of your choice.
5) Add new webpages that are linked to your main page.
6) Turn off Auto-sharing.
7) View the web layout and check for any mistake in the format.
8) Format your web page as a word document.
9) Store all your web files or pages in the same web folder.
KEY TO CORRECTION
9. 6 9. X
8. 2 8. 5
7. 3 7. 6
6. X 6. 4
5. 5 5. X
4. X 4. 2
3. 1 3. X
2. X 2. 1
1. 4 1. 3
PostTest PreTest
References
Innovative Training Works, Inc. 2016. Empowerment Technologies, First
Edition. Manila, Philippines: Rex Book Store, Inc.
Jemma Development Group. 2017. Empowerment Technology: Information
and Communications Technology in Business and Society. Rizal,
Philippines: Jemma, Inc.
Microsoft. 2006. “How To: Create and Edit an HTML Document with
Microsoft Word 2000.” Accessed July 9, 2020. https://bit.ly/3iKgXfp
Edwards, R. n.d. “How to Build a Website using Microsoft Word.” Accessed
July 9, 2020. https://yourbusiness.azcentral.com/build-website-using-
microsoft-word-17858.html