Empowerment Technologies

Quarter 1-Week 5-Day 5 on April __ 2021

By GEORGE P. LUMAYAG

​

​

​

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.

​

​

Key Concepts

Application of Web Design Principles and Elements: Website Creation, Platforms, and Communication

​

Objectives

• Familiarize the Weebly creation tools;
• 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;
• Discuss the reasons why the user should upload only legitimate information and manage his/her website/s properly;
• Share only legitimate information and manage the website in accordance with the web design principles and elements.

​

Content

Website Creation

​

Learning Resources

Copies of the Curriculum Guide in Empowerment Technologies, MELCs, Online Creation Tools, internet, and computer systems

Online Resources: 

https://blog.usejournal.com/10-basic-principles-of-graphic-design-b74be0dbdb58

https://georgelumayag.weebly.com/instructional-materials.html

https://docs.google.com/document/d/1lenJMo93rwOC8MShD6SwiZTiKzwBFFnXRMvdKWT5nKA/edit# 

https://sites.google.com/deped.gov.ph/empowermenttechnologies/dlp  

https://georgelumayag.weebly.com/

https://docs.google.com/forms/d/e/1FAIpQLSeTnuynfIpUD7_PqKLbwljsOZqahbaiBh1JKX55Iw5e1NXxlA/viewform

https://www.gifs.cc/congratulations.html

https://www.pinterest.ph/pin/364087951129199946/

Introductory Activity

Review: Web Page presentation

Let us browse this link https://blog.usejournal.com/10-basic-principles-of-graphic-design-b74be0dbdb58? Please read the web page presentation prepared by Anahat Rawa.�

Activity

Now, let us browse back the article “My Website” or website link @ https://georgelumayag.weebly.com/. Use a PC/laptop/CP  

1. Have you browsed the navigation menu? Have you browsed the sub-menu?

2. How many navigation menus does the website have?

3. Do you want to read an article about the Weebly menu platform and its creation tools?

Then, please browse and read this article @ https://georgelumayag.weebly.com/instructional-materials.html

Analysis

1. Based on the presented article, how many creation tools are utilized? 

2. How many basic principles of graphic design are used based on the presented webpage? (Answer varies…) Why? (Answer varies…)

​

Abstraction

Directions: Answer the guide questions in a separate sheet of paper if you have no internet connection. But If you have an internet connection, please browse and answer the online quiz @ https://docs.google.com/forms/d/e/1FAIpQLSfHQjwbPShfML6B6ZqB91rrK9Kn3vcUop7bWGGg8guQoXENkg/viewform?usp=sf_link

1. How does the developer apply a few web design principles and elements using online creation tools of Weebly platform, and its applications to communicate a message for a specific purpose in the specific professional track? (Set of procedures.) 

2.Why does the user upload only legitimate information and manage his/her website under the web design principles and elements? (Apply the law, norms and standards of publication.) 

Application

Please browse back and reread the article @ https://georgelumayag.weebly.com/instructional-materials.html. Then, the procedures and guidelines on how to create a website are stated on the article and these procedures shall be applied. And at the same time, a demonstration of the creation tools shall be presented.

And if you’re done, please present your newly created website? If you have no internet connection, just draw a layout of your website.

Assessment

Please answer the online quiz by browsing this link @ https://docs.google.com/forms/d/e/1FAIpQLSeTnuynfIpUD7_PqKLbwljsOZqahbaiBh1JKX55Iw5e1NXxlA/viewform

If students are staying at home and if they have no internet connection, they will have to answer the Assessment of the Self-Learning Home Task (SLHT).

But if you’re here occupying the PC or laptop without internet connection, please answer the guide questions using an intermediate paper. Just click this hypertext, ASSESSMENT to answer the guide questions.

​

​

​

Assignment

Assignment

Apply other online creation tools to update your website and send me your link.

Concluding Activity

​

What we did not imagine was a Web of people, but a Web of documents. � Dale Dougherty

​

​

​

​

Guide Question 1

1. Based on the selection “My Website” @ https://georgelumayag.weebly.com/my-website.html, what is an example of the subpage?

1. Poetry
2. My Literary Works
3. Original ICT content
4. Derivative ICT content

​

​

​

Guide Question 2

2. Based on the reading material @ https://georgelumayag.weebly.com/my-website.html, what is an example of the navigation menu?

1. Poetry
2. My Literary Works
3. Original ICT content
4. Derivative ICT content

​

​

Guide Question 3

3. In editing the website powered by the Weebly platform, what is the online tool used for giving the title of your original or derivative ICT content?

1. Image icon
2. Text icon
3. Title icon
4. Youtube.com

​

Guide Question 4

4. In creating the personal website powered by Weebly platform, what is the online tool used in uploading the original or derivative ICT content?

1. Image icon
2. Text icon
3. Title icon
4. Youtube.com

​

Guide Question 5

5. In editing the website powered by Weebly.com, what is the online tool used in encoding the paragraphs?

1. Image icon
2. Text icon
3. Title icon
4. Youtube.com

​

Guide Question 6

6. In creating the website powered by Weebly.com, what is the meaning of the acronym, WYSIWYG?

1. What You Search Is What You Get
2. What You See Is What You Get
3. When You Sign Is What You Get
4. When You Sort Is Where You Get

Guide Question 7

7. In developing the website powered by Weebly.com, when does the developer upload his original digital painting?

1. It is when the developer executes the editing tool, Title icon. Text icon
2. It is when the developer executes the editing tool, Text icon.Youtube.com
3. It is when the developer hyperlinks the Youtube icon.
4. It is when the developer executes the editing tool, Image icon.

​

Guide Question 8

8. In developing the website powered by Weebly.com, when does the developer create the title of his or her artwork?

1. It is when the developer executes the editing tool, Title icon.
2. It is when the developer executes the editing tool, Text icon.
3. It is when the developer hyperlinks the Youtube icon.
4. It is when the developer executes the editing tool, Image icon.

Guide Question 9

9. In creating the school paper publication powered by Weebly.com, when does the digital layout artist include the paragraphs?

1. It is when the developer executes the editing tool, Paragraph icon.
2. It is when the developer executes the editing tool, Text icon.
3. It is when the developer hyperlinks the Youtube icon.
4. It is when the developer executes the editing tool, Image icon.

Guide Question 10

10. How do you create a school paper publication website?

1. Sign up at Weebly.com, use an email address, create a password, type the desired name of the website, click an Ok icon, click Publish icon, then, start utilizing the creation tools, and, always click Publish icon if changes are made.
2. Log-in at Weebly.com, use an email address, create a password, type the desired name of the website, click the Done icon, click Publish icon, then, start utilizing the creation tools, and, always click Publish icon if changes are made.
3. Sign up at Weebly.com, use an email address, create a password, type the desired name of the website, click the Done icon, click Publish icon, then, start utilizing the creation tools, and, always click Publish icon if changes are made.
4. All choices are not correct.

Congratulations

​

​

​

​

Your answer is correct!

Sorry

​

​

​

​

​

Your answer is not correct!

Sorry

​

​

​

​

​

Your answer is not correct!