Grade 12 – Media and Information Literacy

First Quarter/First Grading

TOPIC 2: Making an e-Portfolio (Website)

CODE : MIL11/12IMIL-IIIa-1-3

Directions:
Read, analyze and answer the motivation/review before starting the lesson.
Read the content of Lesson 1.1.
After try to test your understanding by doing the simple activity made after the lesson and;
After which try to answer the question I have prepared for you after the activity.
Please use the answer sheet intended for the activities.
I will collect this learning materials together with your activity and answers after a week.

Lesson 1.1: Introduction to Media and Information Literacy

Time Period: (1 week) (August 31-September 1-3, 2020)

Learning Objectives:
At the end of the lesson, the learners are able to:
 Search or Watch how to create a website page.
 Create an e-Portfolio (personal online website page)
(Choose a website (Weebly.com or Wix.com))

Motivation/Review: (Literacy Definitions)

Directions: State the meaning of the following in their own words.

a. Media Literacy -
.
b. Information Literacy -
.
c. Technology Literacy -
.
d. Media and Information Literacy -
.

Lesson Proper:

TAKE TIME TO READ AND UNDERSTAND.

How to Use Weebly: A Simple Step-by-Step Guide

Source: https://www.websitebuilderexpert.com/website-builders/weebly/how-to-use-weebly/
Last updated on June 8, 2020 by Dan Barraclough in Website Builders, Weebly | Comments {1}
1|Page
  1 SIGN UP

DIRECTIONS:

Firstly, head over to Weebly.com. You can build and publish your site totally free, so there’s plenty of time
to see if you enjoy using it.

To kick things off, click ‘Get Started’ – either in the top right or bottom left corner. Now register to GMAIL
ACCOUNT. NOTE: Don’t forget your email and password. The Weebly ball is rolling.

GET STARTED

Getting started with Weebly is easy, with two clear action buttons in sight

After clicking ‘Sign Up’, you’re taken to a page with one question and two options: ‘What kind of website
would you like to create?’

Choose from ‘I just need a website’ or ‘I need a website with a PORTFOLIO,’ depending on your
ecommerce ambitions. Don’t worry – this decision isn’t final, as you can add a store to your Weebly site any
time you like.

You can set up an PORTFOLIO anytime with Weebly, showing its flexibility

Weebly has a free plan which you can stay on for as long as you like. This is why you can create, publish,
and edit your site without paying a single cent.

You can upgrade to a paid plan any time, but we’ll help you with that later – for now, just enjoy building your
website!
Before moving on, make sure you have: 

o Created a free Weebly account

o Chosen the type of website you want to create for now

Ready to Get Started?

Creating a website with Weebly is free, quick, and easy – visit Weebly to begin building!
Yes! Take Me to Weebly

2|Page
  2 SELECT A THEME

DIRECTIONS:

Weebly has around 50 themes, all of which are totally free! There are plenty of categories to choose from:
‘Business,’ ‘Portfolio’, ‘Personal’, ‘Blog’, and more. From your choice, Weebly then suggests some more
specific themes.

Weebly has a wide choice of mobile responsive themes, for almost any industry.

The Weebly themes are modern, sleek, and all mobile responsive. This means they look awesome on any
screen. And, unlike Wix, you can change templates at any time, so you’re not restricted by your choice.

Can’t decide? You can preview each one by clicking the thumbnail to see how it looks on a full screen.
Then, if you like it, hit ‘Start Editing’ in the top right. Make sure you click around for your favorite theme.

Weebly also offers industry-specific options. It has delicious restaurant templates, fresh cleaning service
designs, strong-looking personal training themes – you get the idea. These options save you even more
design time – you just need to edit the text boxes and images and you’re good to go.

The template is what your visitors see first, so make sure it says what you want it to. Do you want a clear
CTA (Call To Action) button, like ‘Book Now’? Or would a series of images work better? Whichever you
choose, there’s a Weebly theme to suit.

Weebly’s travel industry-specific templates come with well-placed action buttons

3|Page
Before you move on, make sure you have:

o Browsed Weebly’s themes

o Previewed your favorite designs
o Picked your perfect theme

Want to See More?

Weebly has around 50 themes, and they’re all free! Weebly’s got something for everyone.
Pick My Perfect Weebly Theme

 3 CHOOSE YOUR DOMAIN

DIRECTIONS:

Before you start editing, you’ll need to name your website. The name of your website appears in your
website address and is called a domain name. For example, ours is websitebuilderexpert.com!

So, how do you go about getting a domain for your Weebly website?

It’s easy – Weebly will automatically prompt you to type in a domain name!

You can get a free domain by choosing the Weebly subdomain. This means your website address will
contain ‘.WEEBLY.COM’ – it’s not very attractive or professional, but it means you don’t have to pay a cent
for your domain.

See the image below for an example of a Weebly subdomain as well as professional, or custom, domains.

Weebly offers a free subdomain name, JUST USE YOUR NAME AND BIRTHDATE.

4|Page
If you want a custom domain (like ours), you can simply register one through Weebly. Just click ‘Choose’ to
register your favorite domain. You will have to pay for this, however, and upgrade to a paid plan to actually
use your domain.

The upside of using a custom domain is that it’s more professional, memorable, and attractive. Your
domain is unique – think of it like your site’s fingerprint – so it’s worth finding the perfect one.

Just how much is a custom domain, though? Is it worth it? 

Domains vary in price, but usually fall between  $14 and $20 per year. Weebly’s domain prices fall into
three options:
o CHOOSE FREETRIAL o 2 Years ($16.95/yr)
o 1 Year ($19.95) o 5 Years ($14.96/yr)

Weebly offers discounted domain names, saving you dollars down the line

There are cheaper prices elsewhere (check out Domain.com for great deals – you can get 25% off using
the code WBE25), but registering your domain through Weebly is the easiest and quickest option.

Already have a domain? You can easily connect it by clicking ‘connect or transfer now’ at the bottom of the
popup – then just type in your URL and press ‘Search’.

No guide on building a website would be complete without some tips on how to create the best domain! So,
here are our top tips – for a great domain, we recommend that you:
o Keep the name short o Target your area
o Include popular keywords o Make it memorable

And voilà! You have a beautiful domain just waiting to be used – let’s get on with building your site so you
can make good use of it.

Before you move on, make sure you have: 

o Decided if you want a free or custom domain

o Created your ideal domain name
o Registered your domain, either by paying or simply clicking ‘Done’

Further Information

o Want to know more about domain names? Our Domain Name Beginner’s Guide tells you everything
you need to know.

5|Page
  4 DESIGN YOUR WEEBLY WEBSITE

DIRECTIONS:

After choosing your domain name, you’re taken to the Weebly website builder screen. This is where you’ll
let your creative juices flow. We’ll go through the menus and features one by one, but here’s what it looks
like at first glance:

The Weebly editing homepage is easy to navigate and use

Editing text boxes

DIRECTIONS:

Weebly is a ‘What You See Is What You Get’ (WYSIWYG) website builder. This means you can click and
edit, as well as drag and drop media, without needing to know any code. So to update the text, simply click
the box and type.

Editing the background

DIRECTIONS:

You can customize your theme even more by changing the background. Simply click the background image
and select ‘EDIT BACKGROUND’. From there you can change the image, scrolling effect, and page
alignments.

Adding elements

DIRECTIONS:

This is where you add the fun stuff. Using the ‘ELEMENT MENU’, on the left hand side, simply drag and
drop your chosen media icon anywhere on the page. You can throw text, videos, buttons, and more
anywhere you like. Take a look at the Element Bar below for just some of the elements you can choose
from:

The Weebly Elements Bar clearly shows what you can drag and drop onto your site

6|Page
Any element with the lightning bolt symbol next to it can’t be used on the free plan – you’ll need to upgrade
to use these features. However, everything else is free for you to play with!

Let’s say you want to add an image. Drag the icon where you want, then click ‘UPLOAD IMAGE’. A popup
will then give you some options: you can upload from your computer, or press ‘Search’ and find a free
Weebly image.
Weebly provides a wide choice of free images to keep your design costs down.

To edit other pages on your Weebly website, simply click ‘PAGES’ on the top Navigation Menu and choose
a different page. Adding elements is the same process for each page – just drag, drop, and click your way
to a beautiful website.
Switching pages is a breeze with the Weebly navigation menu

From the Navigation Menu, you can make the most of Weebly’s flexibility. Change your theme, edit your
site settings, move to a different page – it’s all there.

Adding New Pages

DIRECTIONS:

It’s easy to add new pages to your website. Simply go to the Pages tab in your menu and click the plus icon
in the left-hand sidebar. A drop-down menu will appear with different types of pages.

Select the type of page you want to create – a blog page, for example – and give it a name. As you do this,
Weebly automatically loads the page for you, with pre-filled images and content for you to make your own.

Remember to click ‘DONE’ to save your new page’s settings. Once you’ve done this, return to the ‘Build’
menu tab to edit the page just like you would normally!

Changing the Color Scheme

DIRECTIONS:

You can change the color theme of your page by heading to the Theme section of your dashboard. For
some themes you simply have the options of light or dark, while others give you actual colors to switch
between.

This is fairly basic and you won’t see massive changes to your theme, but you can add a custom color to
the range of choices if you want to.
It's super easy to change your color scheme, although it's not a very advanced feature

Adding New Layouts

DIRECTIONS:

To really personalize your website, you’ll want to add new sections to the pages you’re editing. Apart from
adding new elements, there’s also the option to add new sections.

This element sits at the top of the left-hand sidebar above all the other elements – simply drag it to where
you want it on the page and let go.
The Sections element sits above all the others in the left-hand sidebar

7|Page
It’ll give you a list of options: Gallery, Contact, Menu, Featured, and Team. Select the one you want to add.
You can choose the type of section you want to add to your page

Weebly then gives you a list of different layouts to choose from, so you can pick the one you like the best.
Click on the layout you want, and it’ll appear on your page. Click save in the popup box, and get editing!

You can choose the layout of the section you want to add.

Deleting Sections

DIRECTIONS:

We all make mistakes, we all change our minds, and we all learn differently – we’re only human after all!
That’s why it’s important to know how to delete elements on your site, as well as adding them.

You might want to try out a gallery on your homepage, but then decide it doesn’t work. You’re not stuck
with it forever – simply click on the element, and look for the small blue cross that appears in the top right
corner of the editing box.

Click on that cross, the box will turn red, and you’ll have the option to delete that element.
Deleting elements is easy - simply click the cross!
This is how to delete small elements such as galleries, text boxes, images, buttons, and more.

If you want to delete a larger section such as a background, simply click on the area you want to remove.
You’ll see a few options appear: Edit, Move, and Delete. Click the Delete button and you’ll see a popup
asking you if you’re sure you want to delete. At this point you can either cancel or confirm – if you click
‘Delete’ then that section and everything inside it will be deleted.

You can delete whole sections of your page if you want to - just click Delete and then confirm your decision!

This ‘are you sure?’ method means you won’t scrap any bits of your website by accident, which is a relief!
Before you move on, make sure you have: 

o Edited text boxes o Experimented with your color scheme

o Edited the background o Added new layouts
o Added new elements o Checked you can delete unwanted
elements
o Added new pages
o Customized your Weebly site!
Take Me to Weebly!
 5 Add Content
 6 Add a PICTURES/TEXT
 7 Choose a FONT SIZE, STYLE AND
Are You Excited to Get Going?
COLOR
Explore Weebly and get inspired to design your
very own website. What will you create?  8 Publish your Weebly website
 9 Improve and grow your website

8|Page
  10How to use Weebly: SUMMARY

How to Make a Weebly Website

1. Sign up and start building for free

2. Select a theme to suit your needs

3. Choose your domain name

4. Build your Weebly website using the Elements Bar

5. Add CONTENT

6. Add A PICTURE/TEXT

7. Choose a FONT SIZE, STYLE AND COLOR

8. Publish

9. Improve and grow your site

So, from Sign Up to Publish, these are the nine steps for creating a Weebly website. It really is that simple.

Now let’s recap what we love about Weebly. Essentially, it’s really easy to use: the drag-and-drop feature
lets you customize everything from text boxes to videos, which means anyone can use Weebly (even with
no coding experience).

Don’t believe us? Read some of the latest Weebly success stories.

Where Weebly doesn’t do so well is in giving you total creative control. Its templates are stylish but simple,
so if you’re after sleek sophistication you’re better off with a builder like Squarespace or Wix.

Overall, though, Weebly is a solid website builder. It has everything you need for a sleek, professional site,
with minimal effort. You can also create a website for free, although we recommend choosing a premium
plan for a more advanced, personalized Weebly website that truly works for you.

Note:

 You can Search it using this site: https://www.websitebuilderexpert.com/website-

builders/weebly/how-to-use-weebly/ or
 Watch this Video in YouTube:
Weebly Tutorial for Beginners (2020 Full Tutorial) – Easy Professional Website
by: Santrel Media
How to Build a Weebly Portfolio Website in 5 minutes or less- Website Builders Critic
by: Website Builders Critic

Activity: (Search, Read and Write)

Directions: Research the following terms. (Note Connected to our subject)

9|Page
Policies-

Security-

Netiquette-

Assessment/Evaluation: (Website Making)

Directions: Read and analyze the directions properly.

1. You can use Smart Mobile Phone, Computer or Laptop (DATA or WIFI) NOT a FREE DATA
2. Go to URL and Type Weebly.com
3. Register using your GMAIL ACCOUNT/GOOGLE ACCOUNT. Remember you have your GMAIL
ACCOUNT during GRADE 11. If you forgot or don’t have make your GMAIL ACCOUNT. Note: Use
your NAME/PERSONAL DATA.
4. Make your Website Account using WEEBLY.COM follow the steps from LESSON PROPER.
5. Make your homepage/ first page only.
6. These are the following Content. Please place picture and background.

Home Page (Picture: School Name, School Logo, School Building and Your Picture)
A. Philosophy
B. Vision
C. Mission
D. Objectives
E. Your Basic Information
F. Your Goals/Philosophy in Life

7. Remember you can edit and save, and

8. Publish and don’t forget your website. You can write your website.
9. Copy your Website and Pass or Paste to your Gmail account.

Note: You can click and check my website.

Deadline for your website: You can screenshot your web page after publishing it and show/pass
during the collection of modules. Or you can send the picture through Messenger.

My Website: https://anaroselaton.weebly.com

My Gmail : atonanarosel1@gmail.com

NO TO PLAGIARISM!

10 | P a g e
 Good Luck & God Bless. Keep Safe. 

11 | P a g e