Task Analysis Using Weebly to Create a Classroom Website

1. Go to the website WWW.Weebly.com

2. Click Sign Up
3. Type in information to sign up for website.
4. Log In
5. Click Add Site
6. Decide the Focus of the site you are trying to make (site, blog, store)
7. Choose a theme by clicking the orange choose button on the theme you like.
8. Choose a subdomain of weebly.com (this is the free option)
9. Edit pages
10. Add pages
a. Click pages
b. Click Add
c. Give page name
d. Choose page layout
e. Click Save and Edit
11. Editing text
a. Click on pre-determined text to edit. Type new text.
b. Click publish
12. Add text to body of page
a. Click text in column on left side of screen.
b. Drag to bottom of site page (body of site)
c. Type new text
d. Click publish
13. Add pictures to body of page
a. Click image in column on left side of screen.
b. Drag to bottom of site page (body of site)
c. Click upload image.
d. Add image URL or Upload from computer
e. Click publish
14. Add files or documents to page
a. Click file OR documents in column on left side of screen.
b. Drag to bottom of site page (body of site)
c. Click upload file.
d. Upload from computer.
e. Click publish
15. Add video to body of page
a. Click YouTube in column on left side of screen.
b. Drag to bottom of site page (body of site)
c. Click box that pops up.
d. Copy and paste URL into designated box.
e. Click Publish.

Screencast script
Ste
p
1

Action on Screen

Narration

Weebly.com home screen

Today you are going to learn how to start creating your own free website for
your students and parents to access at home. Begin by typing in
WWW.Weebly.com into the address bar.
You will have to first create a weebly account. Click sign up to create a free
account.
On this page you will sign up for the weebly site just like you would any other
site. Be sure to use an email address that you use often as well as assign a
password that only you would know.
Once you have successfully created a Weebly account, go back to the home
page. From there click on the log in button. You will type in the email address
as well as password. IF this is not a private computer do not allow the computer
to save your information. You do not want others to have access to edit your
page.
Now that you are logged in, you must decide whom you are making this site
for. In this example we are going to make a site for a specific class. The
example page created will be for an Economics course. Click add site.
You must decide what type of site you want to create for you course. Your
options are site, blog or store. Store isnt necessarily what we are aiming for
with this site but a site or a blog could definitely be efficient for you and your
classroom. For this lesson we will focus on creating a site.
Take a look through all of the theme options for your site. You can make this as
plain or colorful as youd like. Keep in mind this can always be changed in the
future. Once youve chosen your theme and color scheme, click choose to
move on to the next editing step.
This part is on of the most important parts of the beginning steps to your site.
You much choose the URL of your site. This is important because you want it
to be simple enough for your students and/or parents to remember it so they can
easily access your website. If you would like to maintain a free website then
your URL will have (.weebly.com) at the end of your chosen domain. You are
welcome to pay to have a domain of your own. If this is a site for a specific
course you should chose something that is course specific and easy to
remember/spell. If there is a spelling error when students are typing in the URL
they will be told the website isnt published. Be sure to write down the
subdomain that is accepted in full.
The screen you get will be a rough template. You can edit all kinds of things on
your page. We will go through how to add and edit different things that you
might want to have on your site.
Home, about and contact are three pages automatically added to your site.
These can be edited as well as deleted if they arent pages you want to have on
your site. To edit these pages as well as add other pages click on Add Pages
at the top of the editing site.
If you would like to change the name of the already added pages, simply click
on that page in the left hand column and type in the new name in the Page
Name box at the top of the page. If you would like to delete one of these pages
click on the page youd like to delete and click the delete prompt at the bottom
of the page.
If you would like to add another page click the option add page at the top of
the site. This will give you several types of page options. For this example we
will choose a standard page but you have the option for a blog, a store or an
external link page. This lesson is just the basics of weebly but feel free to
explore more advance options to make your website bigger and better.
Once you have selected the page type you have a couple of things you have to
decide. You will have to name the page at in the page name box. You have to
select the page layout. The layouts are all different but as you see in the
templates shown the main difference is the location and size of an image. The
Title and headline is also different on every page. Once you select a layout you

Arrow pointing to sign up button

Sign up page.

Arrow pointing to log in button

Arrow point to Add Site button

Focus of site options

Choosing a theme page with the

choose theme button exposed.

Subdomain box

First look at unedited page

10

Arrow pointing at add pages

button at the top of site

11

Add pages page

12

Options box on add pages page

13

Info for adding a page

14

Page Template

15

Arrow pointing to publish button

16

Split page of body of page & text

box from left side of page

17

Arrow point towards picture

button

18

Upload Image button

19

Upload image box

20
21

Split shot of Files & Document

button
Document in body

22

File in body

23

YouTube Video in body of page

24

Fake YouTube page

25

Adding YouTube box

26

Finalized page

can always go back and change it if you do not like the look. After choosing the
layout click save and edit. This will allow you to add different types of text,
files, pictures and/or videos.
All of the text already created on the template can be changed. This can be done
simply by click on the text you want to change. The template text will
disappear allowing you to type whatever youd like into your page. Something
to know about the template textif you do not want to add a headline where
they have suggested words then leave it alone, once you publish the page the
suggested words will NOT show up on your site.
This button is very important. Anytime you make changes it is important to
click publish. This is similar to the save button in a word processor. The great
thing about this website is that anything you do in the editing process is
automatically saved. The bad this about this site is if you dont hit publish then
the editing youve done will not show up on the actual site. I recommend
hitting publish every time you make a change just to be sure the most accurate
information is always showing.
Lets say you would like to add a paragraph about yourself into the body of the
about me pagehow would you go about doing that? This is a very simple
task. On the left side of the editing page there are all kinds of options. Find the
text option and drag it into the body of your site. This will drop a text box into
the body and allow you to type whatever your heart desires. This will pick up
misspelled words like a regular word processor. Once again, after youve typed
your text click publish.
Every site needs a picture or two. If you would like to add extra pages into the
body of the website simply click on the image button on the left side of the
editing site and drag it into the body.
An option to upload an image will come up. Click on this box.
You get several options when adding a picture. You can add a picture from you
computer by either dragging from its location directly into the upload area or by
choosing from within your computer. You can also add a link to a picture on
another site. After your picture pops up, you do have the option to adjust its
size and location. Once youve added your picture and you see it on your page
be sure to click publish.
On your site you might want to include a file youve created. You have a couple
different options on how to display these files.
If you would like for the document to show directly on the page without any
downloading then you should add a document into the body from the left
column. Drag the document button into your body. From there you click upload
and chose the file youd like to add. This is how it will look once it is added to
your page. Be sure to click publish once youve completed your task.
If you would like for your students to have to download the file to their
computermaybe for editing or printing purposes then you should add a File
into the body of your page. Drag the file button into the body of your site. From
there you click upload and chose the file youd like to add. This is how it will
look once it is added to your page. Be sure to click publish once youve
completed your task.
The last thing we will look at in this tutorial is how to add a YouTube video to
your site. Locate the video you would like to add to your site. Copy the URL to
that video. You will need it in the editing process. From the editing site, drag
the YouTube button into the body of your page.
A fake YouTube box will pop up in the body of your site. Click on this site.
This box will show up on your screen. Paste the URL you have copied into the
URL box. Once you click outside of the YouTube editing box you will see the
video you chose in the body of your site. Lastly click Publish.
After youve done all of your editing its time to look at your final page. In the
address bar type in the subdomain that you created in step 8. Be sure to spell
everything correctly. This is what your students will see when they visit your
site.