Scribd
Upload
31 views23 pages

EMTECH Lesson 8 - Basic Web Page Creation

Uploaded by

Erica Ana Ti-ad
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
31 views23 pages

EMTECH Lesson 8 - Basic Web Page Creation

Uploaded by

Erica Ana Ti-ad
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 23

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.
WYSIWY
G
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
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;
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.
Let’s
It! Try
Use the information below to create website using
Microsoft Word:

1.Type “Welcome to My Webpage” and Center it to be


your main title
2.Type the following main text “Friendship” ; center
3.“My poet friend, Jan, has a style,
That makes others chuckle and smile
And for her sweet gift
Giving sad folks a lift
There's no other pursuit. More worthwhile.”
5. Add some pictures
6. Save your work entitled Sample WebPage.htm
LESSON 9
Collaborati
ve ICT
Developme
nt
• Web page creation using templates
• Web page design using an online
WYSIWYG platform
Objectives:
At the end of this lesson, the students should
be able to:

1. Use an online 2. Understand the 3. Create a


collaborative tool advantages of project that
to effectively using online requires team
monitor group collaborative member
tasks; tools; and cooperation.
Web Portals
A web portal is a
website that
contains
information from
different sources
and places them
in one location in
Online
Collaborative
Tools
Working together does
not necessarily mean
you have to be
physically together.
These tools can help
your group “go the
distance” and work as if
Online
Collaborative
Tools
Web-based applications that
offer basic services such as:
• Instant group messaging
• File sharing, and
• Collaborative Search Engines
WordPress
also allows you to multiple contributors for a
single blog.
Facebook
groups to create a group page that will allow
people in your group to communicate your
ideas.
Google Drive and Microsoft
Office Online
allow multiple people to work on different office
files and even have their own group’s cloud
storage.
Microsoft’s Yammer
offers companies to have their own social network
that allows sharing and managing content.
Trello
Trello offer an online to-do checklist for your entire
team.
Advantages of
Online
Collaboration:
• Convenience in Organizing
Meetings

• Easier Management of Projects

• Faster Completion of Projects

• Significant Cost Savings


Let’s Recall What You Learned /
1.Assessment
What does the acronym WYSIWYG
stand for?
2. What application can be used to
make a basic Web Page?
3. It is used to create a group page
that will allow people in your
group to communicate your ideas.
4. It also allows you to multiple
contributors for a single blog.
5. It allow multiple people to work
on diff erent offi ce fi les and even
have their own group’s cloud
Let’s Recall What You Learned /
6.Assessment
It off ers companies to have their own social
network that allows sharing and managing
content.
7. It off ers an online to-do checklist for your
entire team.
8. True or False? Online collaboration off ers
convenience in organizing meetings.
9. True or False? Online collaboration makes
project be completed faster.
Do you
have any
questions
?
Resource
Page
Use these design resources
in your Canva Presentation.
Happy designing!

Don't forget to delete or hide


this page before presenting.

You might also like