LESSON 8

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.
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.
Ten free website hosting services
• InfinityFree
• ByetHost
• HyperPHP
• Wix
• 000WebHost
• Google Cloud Hosting
• AwardSpace
• Freehostia
• FreeHosting
• FreeWebHostingArea
1. InfinityFree
InfinityFree is a free web hosting service that
boasts a 99.9% uptime guarantee. It offers users:

• An auto-installer with more than 400 different

apps, including WordPress
• Free subdomains
• 5 GB disk space
• Unlimited bandwidth
• 400 MySQL databases
• Knowledge base support
2. ByetHost
ByetHost is another free hosting service
that you could use. Its plan features:
• Five subdomains
• 1 GB disk space
• 50 GB monthly transfers
• One MySQL database
• 24/7 support via ticket system and
knowledge base
3. HyperPHP
HyperPHP is a free hosting and domain
service for personal websites. Its plan offers:
• 1 GB disk space
• Free subdomains
• MySQL database
• Free tech support and community forums
4. Wix
Wix is a drag-and-drop website
builder – similar to tools like
Weebly or Squarespace; and yup,
you don’t need to be familiar with
PHP, like you do with other
solutions (e.g. – Joomla).
• Wix.com subdomain
• Beautiful templates
• 500 MB disk space
• 500 MB bandwidth
• Global content delivery network
• Free SSL and security monitoring
• Knowledge base and customer support
• Decent load times
5. 000WebHost
• 000WebHost is a free hosting option from 
Hostinger. Some of its features include:
• One website
• 300 MB disk space
• 3 GB of bandwidth
• One MySQL database
• Community forum
6. Google Cloud Hosting
• Google Cloud Hosting isn’t technically free.
However, it does offer a one-year free trial that
includes:
• One website
• Unlimited storage
• Extensive support documentation
7. AwardSpace
• AwardSpace offers a variety of hosting
services. It’s best known for its free plan,
which includes:
• One website
• Three subdomains
• 1 GB disk space
• 5 GB bandwidth
• MySQL database
• 24/7 live chat
8. Freehostia
• Freehostia offers paid and free hosting. The
free plan, called ‘Chocolate’, provides:
• Five websites
• 250 MB disk space
• 6 GB bandwidth
• One MySQL database
• FAQ and ticket support system
9. FreeHosting
• FreeHosting offers free and paid hosting from
its two data centers. With the free plan, you get:
• One website
• 10 GB disk space
• Unmetered bandwidth
• One MySQL database
• Ticket support system
10. FreeWebHostingArea
• FreeWebHostingArea is a volunteer-
maintained free hosting service. It offers:
• 1.5 GB disk space
• Unmetered traffic
• MySQL databases
• Free email support