Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.
-
Upload
brianne-turner -
Category
Documents
-
view
220 -
download
1
Transcript of Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.
![Page 1: Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.](https://reader035.fdocuments.in/reader035/viewer/2022062519/5697c0051a28abf838cc4fd3/html5/thumbnails/1.jpg)
Creating a Digital Teaching PortfolioONLINE USING WEEBLY
![Page 2: Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.](https://reader035.fdocuments.in/reader035/viewer/2022062519/5697c0051a28abf838cc4fd3/html5/thumbnails/2.jpg)
Welcome
oSign in sheetoCertificate of AttendanceoSupport materials
![Page 3: Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.](https://reader035.fdocuments.in/reader035/viewer/2022062519/5697c0051a28abf838cc4fd3/html5/thumbnails/3.jpg)
Learning outcomes
In this session you will:1. Identify what you will include in your professional portfolio2. Develop a plan for your website3. Create a simple website using Weebly4. Learn how to add evidence to your portfolio
![Page 4: Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.](https://reader035.fdocuments.in/reader035/viewer/2022062519/5697c0051a28abf838cc4fd3/html5/thumbnails/4.jpg)
Target audience
This tutorial has been developed for:o Teachers starting to build their professional portfolioo People who have not created a website before
![Page 5: Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.](https://reader035.fdocuments.in/reader035/viewer/2022062519/5697c0051a28abf838cc4fd3/html5/thumbnails/5.jpg)
Support resourcesONLINE PORTFOLIO EXAMPLES
shierc.weebly.com sophierowland.weebly.com
WEEBLY VIDEO TUTORIALS
Search for “Weebly tutorials” on YouTube
https://www.youtube.com/watch?v=fIMjRY7q2CA
https://www.youtube.com/watch?v=I7PjTgpgqn8
![Page 6: Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.](https://reader035.fdocuments.in/reader035/viewer/2022062519/5697c0051a28abf838cc4fd3/html5/thumbnails/6.jpg)
The structure of a website
A website is made up of many web pages
These web pages will be where you store the content of your portfolio
http://www.buildwebsite4u.com/building/structure.shtml
![Page 7: Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.](https://reader035.fdocuments.in/reader035/viewer/2022062519/5697c0051a28abf838cc4fd3/html5/thumbnails/7.jpg)
Planning your websiteWhat pages will you include in your portfolio?
◦ Home page◦ AITSL Standards◦ Professional Learning/Development◦ Professional / Career Goals◦ Photos◦ Blog◦ Other?
Pages in red are essential
![Page 8: Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.](https://reader035.fdocuments.in/reader035/viewer/2022062519/5697c0051a28abf838cc4fd3/html5/thumbnails/8.jpg)
Create a site mapwww.popplet.com
![Page 9: Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.](https://reader035.fdocuments.in/reader035/viewer/2022062519/5697c0051a28abf838cc4fd3/html5/thumbnails/9.jpg)
Register a Weebly accountWeebly is a great choice to create your online portfolio
◦ Free◦ User friendly◦ Drag and drop◦ Online tutorials – YouTube
Sign up for a free account nowVisit weebly.com
![Page 10: Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.](https://reader035.fdocuments.in/reader035/viewer/2022062519/5697c0051a28abf838cc4fd3/html5/thumbnails/10.jpg)
Choose your website address (domain) Use a subdomain of Weebly.com (FREE)
Choose a suitable name◦ You can use your full name
Keep names professional
![Page 11: Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.](https://reader035.fdocuments.in/reader035/viewer/2022062519/5697c0051a28abf838cc4fd3/html5/thumbnails/11.jpg)
Navigating Weebly
Build your site pages
Customise the look & feel
Theme ColoursFonts
Edit the MenuEdit Pages
Add NewDelete
Re-order
Add a Shop to your site
Edit site settings
Add password protection (PRO)Edit blog settings
Unpublish
![Page 12: Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.](https://reader035.fdocuments.in/reader035/viewer/2022062519/5697c0051a28abf838cc4fd3/html5/thumbnails/12.jpg)
Tools & other optionsBuild Mode Create rich content ◦ Text◦ Images◦ Buttons◦ Videos
View your site on different devices
Publish Click this send your site live
![Page 13: Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.](https://reader035.fdocuments.in/reader035/viewer/2022062519/5697c0051a28abf838cc4fd3/html5/thumbnails/13.jpg)
Design Mode
o Choose from a variety of professional themes
o Change colours & fonts as requiredo Each theme is highly customizable
![Page 14: Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.](https://reader035.fdocuments.in/reader035/viewer/2022062519/5697c0051a28abf838cc4fd3/html5/thumbnails/14.jpg)
Site Settings1. Choose a site titleSome good options: John Smith – Professional Portfolio
John Smith Portfolio
John Smith – Teaching Portfolio
![Page 15: Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.](https://reader035.fdocuments.in/reader035/viewer/2022062519/5697c0051a28abf838cc4fd3/html5/thumbnails/15.jpg)
Other recommended site settings
SEO (Search engine optimization)◦ Hide from search engines: Turn ON
General > Optimize for Mobile
Tick the box
![Page 16: Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.](https://reader035.fdocuments.in/reader035/viewer/2022062519/5697c0051a28abf838cc4fd3/html5/thumbnails/16.jpg)
Blog Settings
![Page 17: Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.](https://reader035.fdocuments.in/reader035/viewer/2022062519/5697c0051a28abf838cc4fd3/html5/thumbnails/17.jpg)
Creating pages for your website
![Page 18: Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.](https://reader035.fdocuments.in/reader035/viewer/2022062519/5697c0051a28abf838cc4fd3/html5/thumbnails/18.jpg)
Create your site pages1. Click on PAGES2. Add Standard page
3. Give the page a name
Create the following pages:◦ Home◦ AITSL Standards◦ Professional Development◦ Other (see your site plan)
4. Delete any pages you do not wish to keep
![Page 19: Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.](https://reader035.fdocuments.in/reader035/viewer/2022062519/5697c0051a28abf838cc4fd3/html5/thumbnails/19.jpg)
![Page 20: Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.](https://reader035.fdocuments.in/reader035/viewer/2022062519/5697c0051a28abf838cc4fd3/html5/thumbnails/20.jpg)
AITSL Standards1. Click on PAGES2. Choose AITSL Standards3. Header Type:
◦ Choose No Header
4. ChooseSave & Edit
![Page 21: Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.](https://reader035.fdocuments.in/reader035/viewer/2022062519/5697c0051a28abf838cc4fd3/html5/thumbnails/21.jpg)
Page layout
Weebly give you a variety of page layout options
Choose one or create your own.
![Page 22: Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.](https://reader035.fdocuments.in/reader035/viewer/2022062519/5697c0051a28abf838cc4fd3/html5/thumbnails/22.jpg)
EVIDENCE SUPPORTING DOCUMENTS / IMAGES
MAIN NAVIGATION MENU
Page layout ideas
EVIDENCE SUPPORTING DOCUMENTS / IMAGES
MAIN NAVIGATION MENU
Equal columns Large left column
![Page 23: Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.](https://reader035.fdocuments.in/reader035/viewer/2022062519/5697c0051a28abf838cc4fd3/html5/thumbnails/23.jpg)
Create your own page layout Click & drag a title or text box onto the page
![Page 24: Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.](https://reader035.fdocuments.in/reader035/viewer/2022062519/5697c0051a28abf838cc4fd3/html5/thumbnails/24.jpg)
Suggested layout for AITSL standards page
http://shierc.weebly.com/aistl-standards.html
![Page 25: Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.](https://reader035.fdocuments.in/reader035/viewer/2022062519/5697c0051a28abf838cc4fd3/html5/thumbnails/25.jpg)
Create a sub-page1. Click on PAGES2. Add Standard page
3. Name the page Standard 1
4. Choose Header type: No Header
5. Make sub-page
Click on Standard 1 and drag under AITSL Standards & move to the right
![Page 26: Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.](https://reader035.fdocuments.in/reader035/viewer/2022062519/5697c0051a28abf838cc4fd3/html5/thumbnails/26.jpg)
Suggested layout for Standards page
2 columnsLeft side is larger
http://shierc.weebly.com/standard-1.html
![Page 27: Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.](https://reader035.fdocuments.in/reader035/viewer/2022062519/5697c0051a28abf838cc4fd3/html5/thumbnails/27.jpg)
Sub pages
The easiest way to create your subpages is to copy the original page – Standard 1.
Rename to Standard 2, 3, 4, etc.
![Page 28: Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.](https://reader035.fdocuments.in/reader035/viewer/2022062519/5697c0051a28abf838cc4fd3/html5/thumbnails/28.jpg)
Notes on photos
Photos or video of students in the school cannot be placed on the web.
You will need to add password protection to your site (PRO feature)
![Page 29: Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.](https://reader035.fdocuments.in/reader035/viewer/2022062519/5697c0051a28abf838cc4fd3/html5/thumbnails/29.jpg)
Publish your site
o The final step is to PUBLISH your site.o This will save your editing & update the latest version to the web.o You can always edit your site, even after it has been published.
![Page 30: Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.](https://reader035.fdocuments.in/reader035/viewer/2022062519/5697c0051a28abf838cc4fd3/html5/thumbnails/30.jpg)
FeedbackEnjoy this workshop?
Please complete the quick 2 minute online feedback form to help me to improve for next time:
http://bit.ly/1JvwBVT