Download - Using weebly
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/
AGENDA
•Why a website and why Weebly?
• Some notes about web design
• Creating your own Weebly website
2
http://www.emergingtechforadulted.com/
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…Free5
DIGITAL LITERACY
Consume: Find, Evaluate
Create: Create, Communicate
Curate: Find, Evaluate, Organize
8
https://www.thinglink.com/scene/661408904193769474
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
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
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
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
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
DOMAINS & URLS
• Dotster https://www.dotster.com/
• Go Daddy https://www.godaddy.com/
• 1 and 1 http://www.1and1.com/
17
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
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
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
TO CREATE A WEEBLY WEBSITE
1. Go to
http://www.weebly.co
m
2. Click on Try It Free.
22
WEEBLY INTERFACE
35
http://adultedtechnologytoolbox.weebly.com/
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
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
footerhttp://www.weebly.com/pricing#
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
that it will be password protected. Teacher needs to provide this site password to student
38https://education.weebly.com/
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
Nell Eckersley
▪ Literacy Assistance Center
▪ Evaluation http://bit.ly/1km64BF
▪ @LACNYCNell
Evaluation http://bit.ly/1km64BF
40
MY CONTACT INFO