Creating a Digital Teaching Portfolio ONLINE USING WEEBLY

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

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

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

Support resources ONLINE PORTFOLIO EXAMPLES shierc.weebly.com sophierowland.weebly.com WEEBLY VIDEO TUTORIALS Search for “Weebly tutorials” on YouTube

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

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

Create a site map

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

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

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

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

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

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

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

Blog Settings

Creating pages for your website

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

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

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

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

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

Suggested layout for AITSL standards page

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

Suggested layout for Standards page 2 columns Left side is larger

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

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)

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.

Feedback Enjoy this workshop? Please complete the quick 2 minute online feedback form to help me to improve for next time: