Creating a Digital Teaching PortfolioONLINE USING WEEBLY

Welcome

oSign in sheetoCertificate of AttendanceoSupport materials

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

Target audience

This tutorial has been developed for:o Teachers starting to build their professional portfolioo People who have not created a website before

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

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

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

Create a site mapwww.popplet.com

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

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

Tools & other optionsBuild 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 requiredo Each theme is highly customizable

Site Settings1. Choose a site titleSome 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 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

AITSL Standards1. Click on PAGES2. Choose AITSL Standards3. Header Type:

◦ Choose No Header

4. ChooseSave & Edit

Page layout

Weebly give you a variety of page layout options

Choose one or create your own.

EVIDENCE SUPPORTING DOCUMENTS / IMAGES

MAIN NAVIGATION MENU

Page layout ideas

EVIDENCE SUPPORTING DOCUMENTS / IMAGES

MAIN NAVIGATION MENU

Equal columns Large left column

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

Suggested layout for AITSL standards page

http://shierc.weebly.com/aistl-standards.html

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

Suggested layout for Standards page

2 columnsLeft side is larger

http://shierc.weebly.com/standard-1.html

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.

FeedbackEnjoy this workshop?

Please complete the quick 2 minute online feedback form to help me to improve for next time:

http://bit.ly/1JvwBVT