EMPOWERMENT
TECHNOLOGY
BASIC WEB PAGE
CREATION
LESSON OBJECTIVES
01 Explain the usage of website
02 Create your own website using free host
03
Value the significance of website
in their related tracks
WHAT IS THE
RELEVANCE OF
CREATING A
WEBSITE
At this age, you are developing
critical thinking and technical skills.
The term critical
comes from the Greek
word kritikos meaning
“able to judge or
discern”.
Good critical thinking is
about making reliable
judgements based on
reliable information.
Creating a website can tie
into various subjects like
computer science, media
literacy, or even
entrepreneurship. It's also a
practical skill in today's
DIGITAL LITERACY-
which is crucial for
understanding how
the internet works.
CREATIVITY AND SELF-
EXPRESSION- students can
showcase their work or
interests.
CAREER READINESS- Many
jobs require basic web
skills, and early exposure
can help you in future
endeavors.
PERSONAL BRANDING- as
students might use
websites for portfolios.
CIVIC ENGAGEMENT-creating
sites for social issues, can
empower them.
• Critical thinking
• Digital citizenship
• Soft skills
• Time management
• Career readiness
• Creating websites in Grade 11 is
not just about coding—it’s
about empowering students to
think critically, communicate
effectively, and engage
responsibly in a digital world.
• It bridges classroom learning
with real-world applications,
preparing them for academic,
professional, and personal
success.
W.Y.S.I.W.Y.G.
Is an acronym for WHAT YOU SEE IS
WHAT YOU GET
Whatever you type, insert, draw, place,
rearrange, and everything you do on a
page is what the audience will see.
W.Y.S.I.W.Y.G.
Is an acronym for WHAT YOU SEE IS
WHAT YOU GET
Whatever you type, insert, draw, place,
rearrange, and everything you do on a
page is what the audience will see.
Basic Web
Page Creation
*Web page creation using template
*Web page design using an online
WYSIWYG
Web Page
Mean
Is a document for the world wide web that can be
accused and displayed on a monitor or smartphone
using any web browser.
*Web pages are made up of HYPER MARKUP
LANGUAGE (HTML) and can be created and modified
by using basic application the note pad and
professional HTML editors.
HTML
For someone who wants to learn web development
HTML is the first and foremost computer language
that you need to take note but do not worry if it is not a
sensitive case and as simple as it is.
HTML
*HTML stands for Hyper Text Markup
Language
*HTML is the standard markup language
for creating Web Pages
*HTML describe the structure of a Web
Page
*HTML consist of a scripts of elements
HTML
*HTML elements are represented by TAGS
*HTML TAGS label pieces of a content such as
heading, paragraph, table and so on
*browsers do not display the HTML tags but use them
to render the HTML is free
Requirements in creating a
web page using HTML
1. EDITOR using the Notepad (source code) in the
text and extension name- .html or .htm
Requirements in creating a
web page using HTML
2. BROWSER responsible for editing HTML instruction
and displaying the web page output (ex Internet,
Lixplorer, Mozilla, Firefox, Google Chrome, Microsoft
Edge, Safari, etc)
CREATING A
WEBSITE USING
MICROSOFT
STEPS
1 Open Microsoft Word
Type Anything on the page that you want for
2
your website
3 Click on File> Save As > Browse
STEPS
On the Save As dialog box, locate the
activities folder and create a new folder
4 named “Sample Web Page”
Specify the filename “Sample Web Page-
5
Surname”
On the Save As type, select “Web page
6
(*.html;*.html).”
STEPS
Click on the Change Title Button
7
8 Input the title, then click OK then save.
Check the file on your Sample Web page
9
folder.
How to make a
website
through Canva
STEPS
Open https://www.canva.com/website-
1
builder/
