ADMSHS_Emp_Tech_Q1_M9_WebpageDesigning

Empowerment

Technologies

Quarter 1 – Module 9: Web Page Designing

What I Need to Know

The module mainly focuses on one lesson:

• Lesson 1 – Basic Web Page Creation

Learning Competency: Apply web design principles and elements using online creation tools, platforms, and applications to communicate a message for a specific purpose in specific professional tracks.

Purpose:

1. define HTML;

2. create a basic web page using Notepad;

3. identify the HTML structure in creating a website; and

4. design a website using an online WYSIWYG platform.

What I Know

Directions: Choose the best answer for each question. Write the letter of youranswer on a separate sheet.

Purpose:

1. define HTML;

2. create a basic web page using Notepad;

3. identify the HTML structure in creating a website; and

4. design a website using an online WYSIWYG platform.

Multiple Choice

What does HTML stand for?

• Hypertext Markup Language

• Home Tool Markup Language

• Hyperlinks and Text Markup Language

• None of the above

Multiple Choice

What is the correct sequence of HTML tags for starting a webpage?

• HTML, HEAD, BODY

• HTML, HEAD, TITLE

• HTML, TITLE, BODY

• HTML, TITLE, HEAD

Multiple Choice

What does markup tags tell the web browser?

• How to organize the page

• How to display the page

• How to display message box on page

• None of these

Multiple Choice

Which of the following tags is the start of web pages?

• <Body>

• <Title>

• <HTML>

• <Form>

Multiple Choice

Which one of these is the basic web-designing program?

• Dreamweaver

• Wix

• Notepad++

• Notepad

Multiple Choice

Which website builder enables you to create Web pages directly and

update the site without the need of uploading files?

• online site builder

• offline site builder

• HTML

• FTP uploader

Multiple Choice

Which of the following statements is false?

• You can make a website without using HTML

• You can make a website without using PHP

• You can make a website without using CSS

• You can make a website without using Javascript

Multiple Choice

Which of the following statements is true?

• It shouldn’t just be concerned about the looks but also about user

  interface

• Usability is very important in web design

• a and b

• None of the above

Multiple Choice

What section that holds the most of the page's information or content?

• HTML

• BODY

• TITLE

• HEAD

Multiple Choice

What application used to convert HTML codes and display the webpage

output?

• Browser

• Text Editor

• Internet Explorer

• Source

Multiple Choice

What web page editors works on a ____ principle.

• www

• HTML

• WYSIWYG

• Browser

Multiple Choice

What is the name of the address of the hypertext documents?

• URL

• Server

• domain name

• Web address

Multiple Choice

What are shared on the Internet and are called as Web pages?

• Programs

• Cables

• Hypertext documents

• None

Multiple Choice

Which tag is used to display text in title bar of a web document?

• Body tag

• Title Tag

• Meta Tag

• Head Tag

Multiple Choice

What computer language that instructs the browser on how to display the

hypertext, and adds pictures to the document is __?

• Browser

• Text Editor

• Internet Explorer

• HTML

What’s In

Assessing Web design

Directions: In this activity, you will study a given Web page to assess how the developer applied concepts of Website design. After studying, write your answers to the questions below on your answer sheet.

NOTE: The questions posed in this activity are intended to help

understand the discussion.

Open Ended

Does the design of the Web page deliver an appropriate message to users?

Open Ended

What message do you think it delivers?

Open Ended

The main goal in Web design is giving users what they want, instead of what

the developer thinks they want. Do you think this page achieves that goal?

Why or why not?

Open Ended

What’s New

Directions: Write down 3 things that you think a website can do.

What I Have Learned

Directions: Complete each sentence with information from the module. Write your answer on a separate sheet of paper.

Fill in the Blanks

HTML is short for

and is the language of the World Wide Web.

Fill in the Blanks

HTML web pages can be read and rendered by

.

Fill in the Blanks

Tags and texts that are directly displayed on the page are written in

section.

Fill in the Blanks

site is a creation tool which enables you to create web pages directly

on the web host's computer with drag-and drop function.

Fill in the Blanks

is a single online document that contains information.

Open Ended

Type you answer below

Assessment

Directions: Choose the best answer for each question. Write the letter of your answer on a separate sheet.

Multiple Choice

What section that holds the most of the page's information or content?

• HTML

• BODY

• TITLE

• HEAD

Multiple Choice

What application used to convert HTML codes and display the webpage

output?

• Browser

• Text Editor

• Internet Explorer

• Source

Multiple Choice

What web page editors works on a ____ principle.

• www

• HTML

• WYSIWYG

• Browser

Multiple Choice

What is the name of the address of the hypertext documents?

• URL

• Server

• domain name

• Web address

Multiple Choice

What are shared on the Internet and are called as Web pages?

• Programs

• Cables

• Hypertext documents

• None

Multiple Choice

Which tag is used to display text in title bar of a web document?

• Body tag

• Title Tag

• Meta Tag

• Head Tag

Multiple Choice

What computer language that instructs the browser on how to display the

hypertext, and adds pictures to the document is __?

• Browser

• Text Editor

• Internet Explorer

• HTML

Multiple Choice

What does HTML stand for?

• Hypertext Markup Language

• Home Tool Markup Language

• Hyperlinks and Text Markup Language

• None of the above

Multiple Choice

What is the correct sequence of HTML tags for starting a webpage?

• HTML, HEAD, BODY

• HTML, HEAD, TITLE

• HTML, TITLE, BODY

• HTML, TITLE, HEAD

Multiple Choice

What does markup tags tell the web browser?

• How to organize the page

• How to display the page

• How to display message box

• None of these

Multiple Choice

Which of the following tags is the start of web pages?

• <Body>

• <Title>

• <HTML>

• <Form>

Multiple Choice

Which one of these is the basic web-designing program?

• Dreamweaver

• Wix

• Notepad++

• Notepad

Multiple Choice

Which website tool enables you to create Web pages directly on the online

editor and automatically update the site, without the need to upload files?

• An online site builder

• An offline site builder

• HTML

• FTP content autoloader

Multiple Choice

Which of the following statements is false?

• You can make a website without using HTML

• You can make a website without using PHP

• You can make a website without using CSS

• You can make a website without using Javascript

Multiple Choice

Which of the following statements is true

• It shouldn’t just be concerned about the looks but also about user

  interface

• Usability is very important in web design

• a and b

• None of the above

Open Ended

Additional Activities

1. What are the advantages and disadvantages of a WYSIWYG notepad

editor?

Open Ended

What is the difference between a website created using a Notepad and WIXcreated

website?

Open Ended

3. List down three or more WYSIWYG web hosting services and their URLs.