1. Creating a Digital Teaching Portfolio ONLINE USING WEEBLY

2. Welcome o Sign in sheet o Certificate of Attendance o Support materials

3. Learning outcomes In this session you will: 1.Identify what you will include in your professional portfolio 2.Develop a plan for your website 3.Create a simple website using Weebly 4.Learn how to add evidence to your portfolio

4. Target audience This tutorial has been developed for: o Teachers starting to build their professional portfolio o People who have not created a website before

5. Support resources ONLINE 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

6. 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

7. Planning your website What 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

8. Create a site map www.popplet.com

9. Register a Weebly account Weebly is a great choice to create your online portfolio ◦Free ◦User friendly ◦Drag and drop ◦Online tutorials – YouTube Sign up for a free account now Visit weebly.com

10. 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

11. Navigating Weebly Build your site pages Customise the look & feel Theme Colours Fonts Edit the Menu Edit Pages Add New Delete Re-order Add a Shop to your site Edit site settings Add password protection (PRO) Edit blog settings Unpublish

12. Tools & other options Build Mode Create rich content ◦Text ◦Images ◦Buttons ◦Videos View your site on different devices Publish Click this send your site live

13. Design Mode o Choose from a variety of professional themes o Change colours & fonts as required o Each theme is highly customizable

14. Site Settings 1.Choose a site title Some good options: John Smith – Professional Portfolio John Smith Portfolio John Smith – Teaching Portfolio

15. Other recommended site settings SEO (Search engine optimization) ◦Hide from search engines: Turn ON General > Optimize for Mobile Tick the box

16. Blog Settings

17. Creating pages for your website

18. Create your site pages 1.Click on PAGES 2.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

20. AITSL Standards 1.Click on PAGES 2.Choose AITSL Standards 3.Header Type: ◦Choose No Header 4.Choose Save & Edit

21. Page layout Weebly give you a variety of page layout options Choose one or create your own.

22. EVIDENCESUPPORTING DOCUMENTS / IMAGES MAIN NAVIGATION MENU Page layout ideas EVIDENCE SUPPORTING DOCUMENTS / IMAGES MAIN NAVIGATION MENU Equal columnsLarge left column

23. Create your own page layout Click & drag a title or text box onto the page

24. Suggested layout for AITSL standards page http://shierc.weebly.com/aistl-standards.html

25. Create a sub-page 1.Click on PAGES 2.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

26. Suggested layout for Standards page 2 columns Left side is larger http://shierc.weebly.com/standard-1.html

27. Sub pages The easiest way to create your subpages is to copy the original page – Standard 1. Rename to Standard 2, 3, 4, etc.

28. 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)

29. 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.

30. Feedback Enjoy this workshop? Please complete the quick 2 minute online feedback form to help me to improve for next time: http://bit.ly/1JvwBVT