Scribd
Upload
30 views

L8 Basic Webpage Creation - 1

This document provides instructions for creating a basic web page using templates in Microsoft Word or an online WYSIWYG platform. It discusses key principles of web page design like balance, proximity, focus, white space, unity and alignment. The document also defines WYSIWYG as "What You See Is What You Get", meaning the content and layout you create will be what viewers see. Students should be able to create a web page using Word, host a website, design a site online, and edit/insert elements for their website after completing this lesson.

Uploaded by

Althea Lagura Bumanglag
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
30 views

L8 Basic Webpage Creation - 1

This document provides instructions for creating a basic web page using templates in Microsoft Word or an online WYSIWYG platform. It discusses key principles of web page design like balance, proximity, focus, white space, unity and alignment. The document also defines WYSIWYG as "What You See Is What You Get", meaning the content and layout you create will be what viewers see. Students should be able to create a web page using Word, host a website, design a site online, and edit/insert elements for their website after completing this lesson.

Uploaded by

Althea Lagura Bumanglag
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/ 10

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.


A web page may contain text, graphics,
and hyperlinks to other web pages and
files. A web page provide information to
viewers, including pictures or videos to
help illustrate important topics. A web
page may also be used as a method to
sell products or services to viewers.
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.
Basic Web Page Principles
Balance – symmetrical and asymmetrical arrangements of the text and
objects of the web page.
Proximity – proper arrangement of related elements would facilitate
user interaction.
Focus – a web page must have a focal point that you want the user to
focus and remember.
White Spaces – -literary blank spaces to allow readability of important
texts and draw attention to images on the web site.
Unity – it is achieve by using the same company logo, font color, font
style, composition and other elements.
Alignment – it is the proper arrangement and positioning of the
elements of the web site.
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.
The "html" tag informs the browser
that this is an HTML type document.
The "head" tag contains stuff that
won't be displayed to the user but can
contain all kinds of useful information
for other uses. You should aways put
something in the "title" section to
identify the web page.

You might also like