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