Easy Website Creation with Weebly


Published on

Geared toward K-12 teachers

Published in: Education
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Easy Website Creation with Weebly

  1. 1. Websites with Weebly are easy!
  2. 2. Easy Website Creation with Weebly Holly Frilot, Library Media Specialist Collins Hill High School, Suwanee, GA
  3. 3. What is Weebly? <ul><li>Weebly is a free website creator. </li></ul><ul><li>It is very easy to use. If you feel comfortable creating documents with pictures and text, you can make a website! </li></ul><ul><li>Weebly was one of Time Magazine’s 50 Best Websites and has won education awards as well. </li></ul><ul><li>Weebly will make you look good.  </li></ul>
  4. 4. I have computer skills, but no time… <ul><li>Students can benefit from teacher websites. </li></ul><ul><li>Start slowly and know it will never be “finished.” </li></ul><ul><li>In the long run it will save you time. </li></ul>
  5. 5. Ok. I’m in. How does Weebly work?
  6. 6. Sign up for your account by creating a username, password, and your email address.
  7. 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. 8. The next screen will prompt you to choose your URL address.
  9. 9. Enough admin stuff. Can I be creative now?
  10. 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. 11. Design items to consider… <ul><li>Do you want a header image? </li></ul><ul><li>What menu style and placement is best for you? </li></ul><ul><li>Never fear – changing your theme does NOT mean you have to recreate your content. </li></ul>
  12. 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. 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. 14. Use the Publish button frequently to update your changes! Saving is automatic otherwise.
  15. 15. I can do that! Tell me… What else can Weebly do?
  16. 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. 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. 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. 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. 20. Ooooh…cool. Now I’ve got the basics. Show me the tips and tricks please!
  21. 21. It’s easy to add links and files!
  22. 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. 23. Let’s see what others have done… <ul><li>http:// smithslatin.weebly.com / </li></ul><ul><li>http:// mrsadean.weebly.com </li></ul><ul><li>http:// www.collinshillcounseling.com / </li></ul><ul><li>http:// www.chhsmediacenter.com / </li></ul><ul><li>http://nhdexample1.weebly.com/index.html (student project example for National History Day) </li></ul>
  24. 24. Weebly Pro: $39.95 per year <ul><li>The 5 MG file uploading space limit is upgraded to 100 MG. </li></ul><ul><li>Pages can be password protected. </li></ul><ul><li>An easy-to-use video player. </li></ul><ul><li>An easy-to-use audio player. </li></ul><ul><li>10 sites per account. (Free allows for 2) </li></ul><ul><li>More stats. </li></ul><ul><li>Weebly footer removed. </li></ul><ul><li>Embed documents on your pages. </li></ul>
  25. 25. Weebly for Education <ul><li>http:// education.weebly.com </li></ul><ul><li>Has added features geared toward teachers, such as form submissions </li></ul><ul><li>Students can create websites too (up to 40) </li></ul><ul><li>Teachers can sign students up and password protect pages </li></ul><ul><li>You can create a blog with moderated comments </li></ul>
  26. 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. 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. 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. 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. 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. 31. Live demo time! <ul><li>Let’s look at some of the tools and how easy it is to use Weebly. </li></ul><ul><li>http://www.weebly.com </li></ul><ul><li>Then it’s your turn to try creating your website. </li></ul>
  32. 32. Wrapping Up <ul><li>Questions? Please ask! </li></ul><ul><li>Remember – start small. Set a goal for your first five pages to be done by… </li></ul><ul><li>This presentation is located at http://www.chhsmediacenter.com/tutorials.html </li></ul>
  33. 33. Works Cited <ul><li>“ About Us.” Weebly . Weebly Inc., 2011. Web. 16 Feb. 2011. </li></ul><ul><li>“ Features.” Weebly . Weebly Inc., 2011. Web. 16 Feb. 2011. </li></ul><ul><li>Surprised Kid. Examiner. Web. 16 Feb. 2011. </li></ul><ul><li>Surprised Woman. Gedok Berlin. Web. 16 Feb. 2011. </li></ul><ul><li>Thumbs Up. Being Nessasary Blog . Web. 16 Feb. 2011. </li></ul><ul><li>“ Weebly for Education.” Weebly . Weebly Inc., 2011. Web. 16 Feb. 2011. </li></ul><ul><li>Woman Thinking. ShowMeLinks. Web. 16 Feb. 2011. </li></ul>