Howto createweeblysite2

1,055 views

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,055
On SlideShare
0
From Embeds
0
Number of Embeds
51
Actions
Shares
0
Downloads
16
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Howto createweeblysite2

  1. 1. How to Create a Weebly Website Sarah Bosler MHS Teacher Librarian May 2010
  2. 2. But first…why? <ul><li>-- Design a web site for your students/classroom </li></ul><ul><li>-- Use as a tool for inter-departmental collaboration </li></ul><ul><li>-- Teach students to make websites instead of PowerPoints -- An all-in-one place portal for important class/grade-level projects -- A book discussion forum for sharing photos, videos, reviews, and more! </li></ul>
  3. 3. Who benefits? <ul><li>Students </li></ul><ul><li>Parents </li></ul><ul><li>Your Department </li></ul><ul><li>Other Departments </li></ul><ul><li>Other teachers within and outside district </li></ul>
  4. 4. Go to http://www.weebly.com
  5. 5. Title Your Website
  6. 6. Choose a website address
  7. 7. Getting to know Weebly Editor
  8. 8. Basic Elements
  9. 9. Multimedia Elements
  10. 10. Revenue Elements
  11. 11. More Elements
  12. 12. Design Favorites
  13. 13. Design Options
  14. 14. Manage Pages
  15. 15. Subpages <ul><li>Create subpages by dragging a new page underneath an existing one. </li></ul><ul><li>“ Show in Navigation”? Select YES </li></ul>
  16. 16. Settings
  17. 17. Teen Usability Basics <ul><li>Simple, but not childish </li></ul><ul><li>Relatively modest, clean design </li></ul><ul><li>Top Half </li></ul><ul><li>3 Clicks </li></ul><ul><li>Minimum scrolling </li></ul><ul><li>Interactive features, not overly glitzy </li></ul><ul><li>Nielsen, Jakob. Usability of Websites for Teenagers (Jakob Nielsen’s AlertBox). Useit.com: Jakob Nielsen on Usability and Web Design. 31 Jan. 2005. 11 May 2010. Web. </li></ul>
  18. 18. Page Suggestions <ul><li>About -schedule, contact info, brief bio. </li></ul><ul><li>Policies -grading, behavior, attendance, makeup work, extra credit, etc.) </li></ul><ul><li>Rubrics -district writing, special projects </li></ul><ul><li>Assignments -blog format?, handouts </li></ul><ul><li>Resources -online textbook, subject links </li></ul><ul><li>Library -catalog, databases, project pages </li></ul>
  19. 19. Adding Text <ul><li>Drag and drop any paragraph element </li></ul><ul><li>To paste from Word, first save as Plain Text, then copy & paste. </li></ul><ul><li>Design tab > Design Options </li></ul><ul><li>(No need to highlight to make changes) </li></ul>
  20. 20. Adding Links <ul><li>Any text can become a link to your pages, a website, file or email address. </li></ul><ul><li>Highlight text > Click Create link in Toolbar </li></ul>
  21. 21. Social Bookmarking <ul><li>Delicious http://delicious.com/ </li></ul><ul><ul><li>Get at your bookmarked websites anywhere </li></ul></ul><ul><ul><li>Tag and organize them </li></ul></ul><ul><ul><li>Share with others, find related sites </li></ul></ul><ul><li>My Links http://delicious.com/mrsbosler </li></ul><ul><li>MHS ELD Links http://delicious.com/mrsbosler/eld </li></ul><ul><li>Dept/Topic Links http://www.mohigh.com/links.html </li></ul>
  22. 22. Adding Images <ul><li>CJUHSD Board Policy 6137.2 </li></ul><ul><ul><li>Re: District & School Web Sites </li></ul></ul><ul><li>”No personal information about students… shall be published on a district or school web page.” </li></ul><ul><li>“Photographs of students shall be used only with written permission from the students’ parents/guardians.” </li></ul><ul><li>To obtain written permission, use Form PE-82 </li></ul><ul><li>Public Authorization Waiver, Release & Indemnity Agreement </li></ul>
  23. 23. Sharing Presentations <ul><li>SlideShare http://www.slideshare.net/ </li></ul><ul><li>Embed PPTs on your website </li></ul>
  24. 24. Copyright Friendliness <ul><li>Joyce Valenza’s Wiki-Images & Sound http://copyrightfriendly.wikispaces.com/ </li></ul>
  25. 25. Image Generators <ul><li>Yahoo Avatars </li></ul><ul><li>Big Huge Labs </li></ul><ul><li>Image Chef </li></ul><ul><li>BeFunky </li></ul><ul><li>Wordle </li></ul><ul><li>GoAnimate (add sound too) </li></ul><ul><li>http://copyrightfriendly.wikispaces.com/Image+generators+and+clipart </li></ul>
  26. 26. Interactive Features Teens Like <ul><li>Online quizzes </li></ul><ul><li>Forms for providing feedback or asking questions </li></ul><ul><li>Online voting </li></ul><ul><li>Games </li></ul><ul><li>Features for sharing pictures or stories </li></ul><ul><li>Message boards </li></ul><ul><li>Forums for offering and receiving advice </li></ul><ul><li>Features for creating a website or otherwise adding content </li></ul><ul><li>Nielsen, Jakob. Usability of Websites for Teenagers (Jakob Nielsen’s AlertBox). Useit.com: Jakob Nielsen on Usability and Web Design. 31 Jan. 2005. 11 May 2010. Web. </li></ul>
  27. 27. Weebly Bells & Whistles <ul><li>Multimedia Elements </li></ul><ul><ul><li>Photo Gallery, File, Flash, Google maps, Flickr Photo Slideshow, YouTube Video </li></ul></ul><ul><ul><li>Pro ($25 year) </li></ul></ul><ul><li>More Elements </li></ul><ul><ul><li>Online Poll (Poll Daddy) </li></ul></ul><ul><ul><ul><li>http://www.mohigh.com/surveys.html </li></ul></ul></ul>
  28. 28. Other Bells & Whistles <ul><li>Dvolver http://www.dvolver.com/live/moviemaker.html </li></ul><ul><li>Animoto http://www.Animoto.com </li></ul><ul><li>GoAnimate http://www.GoAnimate.com </li></ul><ul><li>Streaming Video Resources http:// streamingvideo.wikispaces.com / </li></ul><ul><li>Convert YouTube files to view on campus </li></ul><ul><li>http:// www.zamzar.com / </li></ul>
  29. 29. Website Stats <ul><li>Google Analytics (Visits) http://www.google.com/analytics/ </li></ul><ul><li>Cluster Maps (Visits by location) </li></ul><ul><li>http://clustermaps.com/ </li></ul>
  30. 30. Let’s Get Started

×