LESSON 8:
Basic Web Page Creation
LIKE to Engage
I. Motivation/Pre-Assessment
How hard is it to create a web page?
You may already have your Facebook or Twitter account, and you just recently
made your own blog.
What about a site that gives you full control over its design?
Interview three of your classmates and ask them to name a website they
normally visit but are not familiar to you.
Ask them what makes the site great-graphics, layout, or content.
PIN the AIM
II. Objectives
At the end of the lesson, you should be able to:
create a web page using MS word;
create your own website using a free host;
design a website using an online WYSIWYG platform; and
edit elements for your website.
Scan me to view
Lesson 8 in PDF form.
SUBSCRIBE to Acquire
III. Lesson Proper
How basic is basic?
Basic means simple, straight forward, plain or uncomplicated.
Imagine the way our ancestors do fishing? How do they do fishing then and now?
What’s the difference?
However, that is not the case in web page creation.
First of all the internet is free.
Secondly it is free courtesy of many websites
providers that provide basic functionalities for our website
to function.
Back in the day, you actually have to learn
HTML (Hypertext Markup Language) and CSS
(Cascading Style Sheet) to be able to create a
decent website. Today, we use a WYSIWG editor.
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 that you do on a page are what the audience will see.
Like using MS word to show WYSIWYG.
Play the video below to learn how to create a website using Wix website builder.
How To Make A Free Website - Wix Tutorial
INSTA-practice
IV. Practice/Drills
Create a website using Microsoft.
1. Open the Microsoft Word
2. Type “Hello World!” on the page
3. Click on File > Save as > Browse
4. On the Save As Dialog box, create a new folder named “Sample Web Page”
5. Specify the filename “Sample Web Page”
6. On the Save As type, select “Web page (*.html; *.html).”
7. Click on the Change Title Button.
8. Input the title, then click OK then save.
9. Check the file on your Sample Web page folder.
Assess your STATUS
V. Written Work
Scan the QR code to be directed to Google Jamboard. Sketch out a draft of what
you want your web page to look like. Be sure to include the following items:
A text placeholder for the page header
Other text placeholders throughout the page
A left-side navigation panel
Picture placeholders (at least 3)
External links – indicate website linked to
REDDIT to Demonstrate
VI. Performance Task
Create an account in www.wix.com
Instructions: Create an account using your Google/Gmail account and create an
introduction about your e-portfolio. You also need to integrate all the activities and
performance tasks submitted in the subject.
BOOKMARKS for the Soul
VII. Quotations/Bible Verses
“Having an attractive and well-designed website for your business creates opportunity to
influence people’s mind-set” – Anonymous
SNAP of Key Points
VIII. Lesson Summary
WYSIWYG is an editor that allows you to create and design web pages without
any coding. You can use MS Word and MS Excel as WYSIWYG editor.
Wix has tools that will allow you to sell your product online, create your own photo
gallery, add videos, and many more.
References:
Manila DepEd. (2020). K-12 Most Essential Learning Competencies with
Corresponding Codes [ebook]. Manila. Retrieved from https://lrmds.deped.gov.ph/
Rex publishing. (2019). Empowerment Technologies (2 nd ed.).
