Websites with Weebly are easy!

1
Websites with Weebly are easy!
2
Easy Website Creation with Weebly

• Holly Frilot, Library Media Specialist
• Collins Hill High School, Suwanee, GA

3
What is Weebly?

• Weebly is a free website creator.
• It is very easy to use. If you feel comfortable
  creating documents with pictures and text, you
  can make a website!
• Weebly was one of Time Magazines 50 Best
  Websites and has won education awards as well.
• Weebly will make you look good. ?

4
I have computer skills, but no time

• Students can benefit from teacher websites.
• Start slowly and know it will never be
  finished.
• In the long run it will save you time.

5
Ok. Im in. How does Weebly work?
6
Sign up for your account by creating a username,
password, and your email address.
7
Click on Create a Site. You will then be
prompted to name your site.
Later, you will use these buttons when you want
to edit your site or see your statistics. (They
provide great stats!)
8
The next screen will prompt you to choose your
URL address.
9
Enough admin stuff. Can I be creative now?
10
YES! Time to choose your theme. There are many to
choose from using the Design tab at the top of
the editing screen. Notice the categories off to
the left.
11
Design items to consider

• Do you want a header image?
• What menu style and placement is best for you?
• Never fear changing your theme does NOT mean
  you have to recreate your content.

12
The Elements tab at the top enables you to add
content to your page. Simply drag-and-drop each
element you want to add to a page.
13
Once the element is added to the page, click to
edit. Type titles and paragraphs, and click the
image box to upload an image you would like to
include.
14
Use the Publish button frequently to update your
changes! Saving is automatic otherwise.
15
I can do that! Tell me What else can Weebly do?
16
The Custom HTML element allows you to enter
your own HTML code. If you create a slideshow or
a widget that provides HTML code, drag-and-drop
this box on your website to add that slideshow or
widget.
17
Notice I changed the left-side menu from Basic
to Multimedia. Here you have more elements to
add to a page, like a photo gallery, slideshow,
file, Flash file, or YouTube video.
18
To add pages to your website, click on the pages
tab at the top, then click New Page. You can
then name your page, choose if it shows up on the
main menu, and edit that page.
19
This page also allows you to put your pages /
menu in the order you want. The pages shifted
over to the right are part of a drop-down menu.
The way your menu appears is dictated by your
theme choice.
20
Oooohcool. Now Ive got the basics. Show me the
tips and tricks please!
21
Its easy to add links and files!
22
The header image can be different on each page,
and Weebly has built-in editing tools to make the
picture fit the space given.
23
Lets see what others have done

• http//smithslatin.weebly.com/
• http//mrsadean.weebly.com
• http//www.collinshillcounseling.com/
• http//www.chhsmediacenter.com/
• http//nhdexample1.weebly.com/index.html
  (student project example for National History Day)

24
Weebly Pro 39.95 per year

• The 5 MG file uploading space limit is upgraded
  to 100 MG.
• Pages can be password protected.
• An easy-to-use video player.
• An easy-to-use audio player.
• 10 sites per account. (Free allows for 2)
• More stats.
• Weebly footer removed.
• Embed documents on your pages.

25
Weebly for Education

• http//education.weebly.com
• Has added features geared toward teachers, such
  as form submissions
• Students can create websites too (up to 40)
• Teachers can sign students up and password
  protect pages
• You can create a blog with moderated comments

26
As a teacher, you can create a class, and best of
all, with one click you determine if the student
sites are public or private.
27
Teachers can add students by name, as well as
give them a username and password to access their
accounts no student emails required!
28
Students log in with the information you gave
them at http//students.weebly.com. Then they can
create their own sites. They can choose their web
address. If you choose to password protect your
students sites, you will get this message when
you type in the web address
29
You can have a blog with Weebly that contains
only moderated comments. Just click on New Blog
on the Pages tab to get started.
30
Your blog will look like a page of your website,
but have the functionality of a blog and the
normal Weebly tools. To approve or deny comments,
choose the More function after logging in.
31
Live demo time!

• Lets look at some of the tools and how easy it
  is to use Weebly.
• http//www.weebly.com
• Then its your turn to try creating your website.

32
Wrapping Up

• Questions? Please ask!
• Remember start small. Set a goal for your first
  five pages to be done by
• This presentation is located at
  http//www.chhsmediacenter.com/tutorials.html

33
Works Cited

• About Us. Weebly. Weebly Inc., 2011. Web. 16
  Feb. 2011.
• Features. Weebly. Weebly Inc., 2011. Web. 16
  Feb. 2011.
• Surprised Kid. Examiner. Web. 16 Feb. 2011.
• Surprised Woman. Gedok Berlin. Web. 16 Feb. 2011.
• Thumbs Up. Being Nessasary Blog. Web. 16 Feb.
  2011.
• Weebly for Education. Weebly. Weebly Inc.,
  2011. Web. 16 Feb. 2011.
• Woman Thinking. ShowMeLinks. Web. 16 Feb. 2011.