Scribd
Upload
22 views32 pages

LESSON 7 Web Creation

The document outlines the objectives and significance of creating a website, emphasizing critical thinking, digital literacy, and career readiness. It provides an overview of HTML, the basic requirements for web page creation, and step-by-step instructions for using Microsoft Word and Canva to create a website. Overall, it highlights the importance of web skills in personal branding and civic engagement for students.

Uploaded by

lycagaleos15
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
22 views32 pages

LESSON 7 Web Creation

The document outlines the objectives and significance of creating a website, emphasizing critical thinking, digital literacy, and career readiness. It provides an overview of HTML, the basic requirements for web page creation, and step-by-step instructions for using Microsoft Word and Canva to create a website. Overall, it highlights the importance of web skills in personal branding and civic engagement for students.

Uploaded by

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

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/

You might also like