Weebly Webpage - A Teacher's Website:
Creating a Virtual Class Outside of the Classroom
Agenda
Objectives and Success Criteria
Weebly Webpage -A Teacher's Website: Creating a Virtual Class Outside the Classroom
Objectives:
* Teachers will sign up for a Weebly account
* Teachers will create a domain name
* Teachers will use the Weebly Editor to display digital content and resources for parents and students
* Teachers will review and discuss how a teacher website can be used for presenting material, completing make-up work, and differentiating instruction
Success Criteria:
* I can create a new site in Weebly.
* I can edit my Weebly site to include information relevant to my class/club/sport.
* I can include content on my Weebly site to make communication with parents and students easier and faster.
Activity #1: Creating a Weebly Account
Activity #2: Building a Webpage in Weebly
The theme you chose comes with a predesigned layout than can easily be changed later.
Gallery: Insert a collection of pictures, such as for a shop.
Slideshow: Insert a slideshow of pictures. (This is not a PowerPoint.)
Map: Insert a map with a pin to show a specific location.
Contact Form: Insert a contact form on your webpage. (Requires an email address to use.)
Assignment Form: Same as contact form, but allows people to upload and send you files. (Again, requires an email address.)
Embed Code: Allows you to embed videos, etc. onto your website with an html code. *ADVANCED*
Divider: Inserts a line to divide sections of the page.
Spacer: Inserts a space to separate sections of the page.
Button: Puts a button for a link on your page.
Search Box: *NOT AVAILABLE* Only on the paid accounts.
HD Video: *NOT AVAILABLE* Only on the paid accounts.
Audio: *NOT AVAILABLE* Only on the paid accounts.
Document: Embed a Word document or PDF into the body of your page.
YouTube: Embed a YouTube video into the body of your page.
Flash: Insert a Flash file into the page. *ADVANCED*
File: Insert a file that visitors can click on and open.
Product: **DO NOT USE** This is only for commercial websites.
Google Adsense: **DO NOT USE** This is only for commercial websites.
Block Quote: Use to attract attention to a quote on your page.
Social Icons: *USE CAUTION* You can use these to create fun links to your professional accounts (email, YouTube, Twitter, etc.) but remember that you cannot link to personal social media accounts, nor can you link to social media that is not approved for RCS use.
RSVP Form: *Not applicable for school use*
Survey: Use to poll students.
Feed Reader: *Not applicable for school use*
Pages:
On the Pages section, you can add and edit pages to your website.
Add new pages by clicking the + sign. Reorder by dragging and dropping.
When you click on a page, you can change the name, settings, and look for that page. You can also make a copy of a page.
Header Type: Changes the look of the header of the page
Visibility: Sets the page to Public or Private.
Advanced: Changes page title and description, in addition to other things that you probably will not use.
Theme:
You can change the look (theme) of the website without changing your text and uploads at all!
Dots of color: Change the color scheme for your page (availability dependent on theme)
Change theme: Allows you to change the preset theme for your website. Will not affect what you’ve typed or uploaded.
Change fonts: Allows you to change the preset font for different sections of your theme. Will change it all across the website, not just one page.
Change background: Changes the background of the entire site. You can also upload your own picture if you don’t want to use one of the stock pictures or textures.
Store:
We will not utilize this section of the website editor.
Settings:
You will use the General, Editors, and possibly the Blog sections.
General:
Editors:
Allows you to add co-editors to your website. Good if you co-sponsor a sport or club.
Blog:
If you choose to update your website frequently, you can add a blog element about your classroom to your site. Keep in mind the privacy and confidentiality of your students is most important. If you choose to do a blog, it must be professional, and cannot be perfectly candid. Remember: this is not Facebook. This is a professional representation of you and your school.
Desktop vs. Mobile:
You can also see how your website will look on a desktop computer and a mobile phone using this icon:
Weebly Mobile:
You can also download the Weebly app for free from the App Store for your iPhone or iPad, or from the Google Play Store for your Android devices. This will make website editing from home or on the go much easier.
Important Notes
Need Help?
Help Center - https://weebly.zendesk.com/hc/en-us
Video Tutorial - http://www.youtube.com/watch?v=aBdOgTj7x7o
Weebly Tutorials
Objectives and Success Criteria
Weebly Webpage -A Teacher's Website: Creating a Virtual Class Outside the Classroom
Objectives:
* Teachers will sign up for a Weebly account
* Teachers will create a domain name
* Teachers will use the Weebly Editor to display digital content and resources for parents and students
* Teachers will review and discuss how a teacher website can be used for presenting material, completing make-up work, and differentiating instruction
Success Criteria:
* I can create a new site in Weebly.
* I can edit my Weebly site to include information relevant to my class/club/sport.
* I can include content on my Weebly site to make communication with parents and students easier and faster.
Activity #1: Creating a Weebly Account
- Go to http://education.weebly.com, not the regular Weebly page.
- Sign up for a free account, or log into your account using your email and your password you created.
- Click on the Add Site button to create a new website. If you have an existing website, click the Edit button.
- Make sure you choose Site for your focus.
- Choose a theme by hovering over the one you want, and selecting Choose in the lower right corner of the image.
- Choose a web address (subdomain) for your site. It will be hosted by Weebly (and thus have a .weebly.com end to it unless you choose to pay for your own domain name.
Activity #2: Building a Webpage in Weebly
The theme you chose comes with a predesigned layout than can easily be changed later.
- There are four areas of the website builder that you will use (do not use “Store”).
- : Allows you to edit the page you are on.
- : Allows you to add and edit additional pages.
- : Allows you to change your theme at any time. (Does not affect your text or uploads.)
- : Allows you to change the settings of your page, like the title and web address
- : Insert headings and titles to separate sections.
- : Insert basic text structure.
Gallery: Insert a collection of pictures, such as for a shop.
Slideshow: Insert a slideshow of pictures. (This is not a PowerPoint.)
Map: Insert a map with a pin to show a specific location.
Contact Form: Insert a contact form on your webpage. (Requires an email address to use.)
Assignment Form: Same as contact form, but allows people to upload and send you files. (Again, requires an email address.)
Embed Code: Allows you to embed videos, etc. onto your website with an html code. *ADVANCED*
Divider: Inserts a line to divide sections of the page.
Spacer: Inserts a space to separate sections of the page.
Button: Puts a button for a link on your page.
Search Box: *NOT AVAILABLE* Only on the paid accounts.
HD Video: *NOT AVAILABLE* Only on the paid accounts.
Audio: *NOT AVAILABLE* Only on the paid accounts.
Document: Embed a Word document or PDF into the body of your page.
YouTube: Embed a YouTube video into the body of your page.
Flash: Insert a Flash file into the page. *ADVANCED*
File: Insert a file that visitors can click on and open.
Product: **DO NOT USE** This is only for commercial websites.
Google Adsense: **DO NOT USE** This is only for commercial websites.
Block Quote: Use to attract attention to a quote on your page.
Social Icons: *USE CAUTION* You can use these to create fun links to your professional accounts (email, YouTube, Twitter, etc.) but remember that you cannot link to personal social media accounts, nor can you link to social media that is not approved for RCS use.
RSVP Form: *Not applicable for school use*
Survey: Use to poll students.
Feed Reader: *Not applicable for school use*
Pages:
On the Pages section, you can add and edit pages to your website.
Add new pages by clicking the + sign. Reorder by dragging and dropping.
When you click on a page, you can change the name, settings, and look for that page. You can also make a copy of a page.
Header Type: Changes the look of the header of the page
Visibility: Sets the page to Public or Private.
Advanced: Changes page title and description, in addition to other things that you probably will not use.
Theme:
You can change the look (theme) of the website without changing your text and uploads at all!
Dots of color: Change the color scheme for your page (availability dependent on theme)
Change theme: Allows you to change the preset theme for your website. Will not affect what you’ve typed or uploaded.
Change fonts: Allows you to change the preset font for different sections of your theme. Will change it all across the website, not just one page.
Change background: Changes the background of the entire site. You can also upload your own picture if you don’t want to use one of the stock pictures or textures.
Store:
We will not utilize this section of the website editor.
Settings:
You will use the General, Editors, and possibly the Blog sections.
General:
- Site Address: Change the web address of your website. (Subject to availability.)
- Site Title: This is what shows up in the tabs of the web browsers. This is the name of your site.
- SSL: *NOT AVAILABLE* Only on paid accounts.
- Favicon: *NOT AVAILABLE* Only on paid accounts.
- Site Password: Allows you to password protect your site so that only people who have the password can access the site. You can also set individual pages with a password on the Pages section in the Visibility option.
- Navigation: Change whether all pages are shown as tabs, or if they are included in a dropdown menu.
- Facebook Sharing: Allows you to connect to a Facebook page. **DO NOT DO THIS.**
- Archive: Allows you to archive your page when you create a new one. Meaning, it will not be deleted, just taken offline.
- SimpleChat: Allows users to give customer service. *This is a Store feature of the website, and should not be used for school.*
- Site formatting: Change the time zone, language, etc. of the website.
- Cookie notification: Notifies visitors that your site uses cookies.
- Un-publish: Allows you to unpublish your site after you’ve taken it live.
Editors:
Allows you to add co-editors to your website. Good if you co-sponsor a sport or club.
Blog:
If you choose to update your website frequently, you can add a blog element about your classroom to your site. Keep in mind the privacy and confidentiality of your students is most important. If you choose to do a blog, it must be professional, and cannot be perfectly candid. Remember: this is not Facebook. This is a professional representation of you and your school.
Desktop vs. Mobile:
You can also see how your website will look on a desktop computer and a mobile phone using this icon:
Weebly Mobile:
You can also download the Weebly app for free from the App Store for your iPhone or iPad, or from the Google Play Store for your Android devices. This will make website editing from home or on the go much easier.
Important Notes
- Changes are saved automatically but are not seen on your published website until you click “Publish”.
- Make sure your account is an education.weebly.com account, not just a weebly.com account. The education.weebly.com is what allows you to have the free student accounts. It is also designed specifically for use in the classroom.
- If you have a Weebly.com account you can convert it to an education.weebly.com account without losing any of your work. See your tech coach for assistance with this.
- Always comply with FERPA (The Family Educational Rights and Privacy Act). It is best practice not to post students first and last names. Be sure you are aware if any of your students are not allowed to be published. Check your students’ AUPs for information on this.
Need Help?
Help Center - https://weebly.zendesk.com/hc/en-us
Video Tutorial - http://www.youtube.com/watch?v=aBdOgTj7x7o
Weebly Tutorials