Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Using weebly

595 views

Published on

Basics on how to build a Weebly website for adult education

Published in: Education
  • The final result was amazing, and I highly recommend ⇒ www.HelpWriting.net ⇐ to anyone in the same mindset as me.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

Using weebly

  1. 1. USING WEEBLY N E L L E C K E R S L E Y L I T E R A C Y A S S I S TA N C E C E N T E R http://www.emergingtechforadulted.com/
  2. 2. AGENDA •Why a website and why Weebly? •Some notes about web design •Creating your own Weebly website 2 http://www.emergingtechforadulted.com/
  3. 3. WHY HAVEN’T YOU CREATED A WEBSITE? 3
  4. 4. 4
  5. 5. WHY WEEBLY? •Free •Easy click and drag tools for adding content •Includes tools for most kinds of content (writing, video, links, images) •Automatically mobile friendly •Elegant design options •And did I mention…Free 5
  6. 6. WIOA DEFINITION OF DIGITAL LITERACY 6
  7. 7. 7 Create Curate Consume
  8. 8. DIGITAL LITERACY Consume: Find, Evaluate Create: Create, Communicate Curate: Find, Evaluate, Organize 8
  9. 9. https://www.thinglink.com/scene/661408904193769474
  10. 10. http://cppcurriculum.weebly.com/samr.html
  11. 11. EXERCISE 1: WHAT CAN YOU DO WITH A WEBSITE? • http://umdesol.weebly.com/ • http://mrnystudent.weebly.com/ • http://cnapolitano.weebly.com/ • http://slcceportfolio.weebly.com/ • http://nelightful.weebly.com/ 11
  12. 12. WHAT CAN YOU DO WITH A WEBSITE? Teacher • Homework –Links/Embedded Content –Documents • Links to Content • Showcase Student Work • Resources • • Student • Demonstrate Learning –Video –Writing –Images • Portfolio of Work • Final Product of a Project • • 12
  13. 13. WEB DESIGN • 1990’s Web Design http://blog.ambitious.me/2012/04/how-websites-looked- like-in-the-1990s/ • Make any website look like 1990’s http://www.wonder-tonic.com/geocitiesizer/ • Good Design http://www.smashingmagazine.com/2008/01/10-principles-of- effective-web-design/ • User Experience Design https://en.wikipedia.org/wiki/User_experience_design • Why Aesthetics Matter to Learning https://www.td.org/Publications/Blogs/Learning- Technologies-Blog/2015/04/Why-Aesthetics-Matter-to-Learning 13
  14. 14. 14 http://www.wonder-tonic.com/geocitiesizer/
  15. 15. WEB CONTENT • Organizing website content (Information Architecture) https://www.smashingmagazine.com/2010/03/starting-out-organized- website-content-planning-the-right-way/ • Creating a Website Outline and Site Diagram (video) https://www.youtube.com/watch?v=umqojkqaTck 15
  16. 16. FINDING PUBLIC DOMAIN IMAGES • Take your own photos • 5 Good Places for Students to Find Public Domain Images • Flickr Creative Commons https://www.flickr.com/creativecommons/ • Advanced Google Image Search https://www.google.com/advanced_image_search • https://pixabay.com/ • http://www.imagesource.com/royalty-free • http://www.gettyimages.com/creative-images/royaltyfree 16
  17. 17. DOMAINS & URLS • Dotster https://www.dotster.com/ • Go Daddy https://www.godaddy.com/ • 1 and 1 http://www.1and1.com/ 17
  18. 18. EXERCISE 2: SITEMAP 18
  19. 19. WEBSITE IDEAS • Website with a page for each class you teach • 5 great things to do in NYC (what, where, when, who, how) • What you did last summer (a place you went, where you stayed, how your traveled) • A book you would recommend (background info, the author, your review, movie trailer) • All about a hobby 19
  20. 20. PLANNING • Map out the content (aim for 3-5 pages for today). Think about what kind of theme would work best? Where should the tabs go? • Make a folder for your website • Find and download images to go with your content and put them in a folder labeled Images • Find websites and videos you’d like to link to and save links in a document labeled Links • Write content in Notepad or Word and save it 20
  21. 21. TO CREATE A WEEBLY WEBSITE Pre-thinking: 1. To create your account, use an email address you can access easily 2. Use a password you can remember 3. Have a URL name idea--your free URL will look something like this http://nelightful.weebly.com/. Have a few options incase your first option is already taken. The URL does NOT have to contain the name of your site, but should be easy to remember and type. 21
  22. 22. TO CREATE A WEEBLY WEBSITE 1. Go to http://www.weebly.co m 2. Click on Try It Free. 22
  23. 23. WEEBLY DASHBOARD 23
  24. 24. CREATING A NEW SITE 24
  25. 25. 25
  26. 26. 26
  27. 27. 27
  28. 28. 28
  29. 29. 29
  30. 30. 30
  31. 31. 31
  32. 32. 32
  33. 33. 33
  34. 34. 34
  35. 35. WEEBLY INTERFACE 35 http://adultedtechnologytoolbox.weebly.com/
  36. 36. WEEBLY TUTORIALS •How to do everything http://hc.weebly.com/hc/en- us/categories/200044378-How-to-Do- Everything •Video Tutorials https://www.youtube.com/user/weebly 36
  37. 37. WEEBLY.COM 37 Weebly Pro Account $39.95 1 Year Subscription For you and your students 10 sites per account Unlimited pages per student website 250 MB file uploads Audio player Video player Embedded documents Features just for you Password-protect individual pages Premium Support Remove or Customize Weebly footer http://www.weebly.com/pricing#
  38. 38. WEEBLY FOR EDUCATION TEACHERS • Both teachers and students have individual accounts to create a site and perform their tasks. • The editor will have similar features like standard drag and drop Weebly editor with limited features for students. All other activities like site creation and publishing are same as weebly.com. What Teachers Can Do? • Teacher first create the Weebly account using Weebly’s education version and allowed to perform following two actions: • Create individual sites – Weebly allows creating up to 10 sites per account (both for free and pro versions) with unlimited pages on each site. Teachers can use these sites to showcase their skills, upload tutorials and upload assignments using “Assignment Form” element. • Setup a classroom – here teacher creates a classroom setup by creating students account and viewing student’s site. Teacher can also disable editing on any student’s site. Free education account allows to create up to 40 students with further upgrade option of adding each student account for one USD. Students site can be configured as private so 38https://education.weebly.com/
  39. 39. WEEBLY FOR EDUCATION STUDENTS What Students Can Do? • Students login to Weebly students site with the user name and password obtained from the teacher. • Very limited features are available in a student site. For example, each student is allowed to create only one site with five pages limit. If teacher’s account is upgraded to pro then students are allowed to create 10 sites with unlimited pages along with all Weebly pro features applicable for education version. • Students can download the assignment from teacher’s site and upload it again. If the assignment is to create some project then student can update his/her own site with the project details so that teacher can view it online. 39
  40. 40. Nell Eckersley ▪ Literacy Assistance Center ▪ Evaluation http://bit.ly/1km64BF ▪ NellE@lacnyc.org ▪ @LACNYCNell Evaluation http://bit.ly/1km64BF 40 MY CONTACT INFO

×