Basic Web Page

Creation
• Web page creation using templates
• Web page design using an online
WYSIWYG platform
At the end of this lesson, the students should be able to:

1. create a web page using Microsoft Word;

2. create your own website using a free host;

3. design a website using an online WYSIWYG

platform; and

4. edit and insert elements for their website.

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.
 Advantages and
Disadvantages of
a WYSIWYG Editor
ADVANTAGE :
• You don’t need any scripting/coding
experience.

• It’s simple and easy for beginners.

• Moves fluently, and you can easily preview

what you want.
 DISADVANTAGE :
• A lot of HTML code churned out by the editors is
superfluous which makes the web pages bulky in
file size

• WYSIWYG editors let you ignore certain aspects

that are important.

• WYSIWYG editors simply do not provide enough

support and help in optimizing your web site for
search engines.
Creating a Website using Microsoft Word

1. Open Microsoft Word.

2. Type anything on the page like “Welcome to my
Website.”
3. Click on File > Save As > Browse.
4. On the Save As dialog box, locate your activities folder
and create a new folder named “Sample Webpage.”
5. Specify the filename “Sample Webpage.”
6. On the Save As type, select “Web Page (*.htm; *.html).”
7. Click the Change
Title button.

8. Input the title

as seen
below, then
click OK then
Save.
9. Check the files on your Sample WebPage folder. You will
see a new folder generated including your htm/html file.

10. Open the Sample WebPage.htm file and you will

see that you just created a webpage using MS Word.
 WYSIWYG Web
Hosting Services
and their URL
• Weebly Web Builder
- ( https://www.weebly.com/ )

• Wix Web Builder

- ( https://www.wix.com/ )

• Siteground Builder
- ( https://www.siteground.com/ )