This document provides an overview of how to create a website using Weebly. It discusses why someone may want to create a website and notes that Weebly is a free and easy-to-use option. It then walks through creating a Weebly account, designing a site map, adding content like images and text, and provides tips on web design best practices. Tutorials and education resources for using Weebly are also referenced.

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. AGENDA
•Why a website and why Weebly?
•Some notes about web design
•Creating your own Weebly website
2
http://www.emergingtechforadulted.com/

3. WHY HAVEN’T
YOU
CREATED A WEBSITE?
3

4. 4

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. WIOA DEFINITION OF DIGITAL LITERACY
6

7. 7
Create
Curate
Consume

8. DIGITAL LITERACY
Consume: Find, Evaluate
Create: Create, Communicate
Curate: Find, Evaluate, Organize
8

9. https://www.thinglink.com/scene/661408904193769474

10. http://cppcurriculum.weebly.com/samr.html

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. 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. 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
http://www.wonder-tonic.com/geocitiesizer/

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. 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. DOMAINS & URLS
• Dotster https://www.dotster.com/
• Go Daddy https://www.godaddy.com/
• 1 and 1 http://www.1and1.com/
17

18. EXERCISE 2: SITEMAP
18

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. 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. 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. TO CREATE A WEEBLY WEBSITE
1. Go to
http://www.weebly.co
m
2. Click on Try It Free.
22

23. WEEBLY DASHBOARD
23

24. CREATING A NEW SITE
24

25. 25

26. 26

27. 27

28. 28

29. 29

30. 30

31. 31

32. 32

33. 33

34. 34

35. WEEBLY INTERFACE
35
http://adultedtechnologytoolbox.weebly.com/

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. 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. 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. 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. Nell Eckersley
▪ Literacy Assistance Center
▪ Evaluation http://bit.ly/1km64BF
▪ NellE@lacnyc.org
▪ @LACNYCNell
Evaluation http://bit.ly/1km64BF
40
MY CONTACT INFO