Websites as an Instructional Tool

CLICK HERE TO ACCESS SESSION SLIDES

Asynchronous Session Overview

Below you will find videos and activity for the Website as an Interactive Instructional Tool Session. Please work through the content on your own, watching the videos and completing the activities outlined below. When you are finished, please complete the Exit Ticket.

Session Introduction

01_InteractiveWebsites_SessionOverview_Updated.mp4

Overview

  1. Introduction to Session

  2. Agenda

  3. Objectives

LINKS:

Websites in the Classroom

02_InteractiveWebsites_WebsitesInTheClassroom_Updated.mp4

Overview

  1. Open Discussion: What can websites be used for in the classroom?

  2. Website application examples

LINKS:

Website Design 101

03_InteractiveWebsites_WebsiteDesign101_Updated.mp4

Overview

  1. Website Scavenger Hunt Links

  2. Website Design Best Practices

  3. KISS

  4. Templates

LINKS:

Introduction to Google Sites

04_InteractiveWebsites_IntroToGoogleSites_Updated.mp4

Overview

  1. Why use Google Sites?

    • Google Drive Integration

    • Collaboration

    • Templates

    • Themes

    • Privacy

    • No Ads

LINKS:

Interactive Demos

05_InteractiveWebsites_InteractiveDemos_Updated.mp4

Overview

  1. Interactive Website Exemplars

  2. Website Format Alignment

    • Purpose

    • Format

    • Interactivity

Links

Digital Breakout Rooms

05_InteractiveWebsites_InteractiveDemos_Updated.mp4

Overview

  • Using Google Forms and Google Sites to create an “Escape the Room” interactive website

  • Breakout Room Example & Activity

Links

Google Sites Build Demo (Part 1 & 2)

Part 1

08_InteractiveWebsites_SitesBuildDemo_Part1_Updated.mp4

Part 2

09_InteractiveWebsites_SitesBuildDemo_Part2_Updated.mp4

Overview

  1. Creating New Site

    • Naming Site

    • Choosing Template

    • Adding Text

    • Adding and Renaming Pages

    • Embedding Google Drive Materials

    • Resizing Materials

  2. Embed tools allow for seamless integration of Google Drive Content

LINKS

Digital Breakout Room Build Demo

07_InteractiveWebsites_BreakoutBuildDemo_Updated.mp4

Overview

  • Response validation in Google Forms to “lock” the Google Form

  • Hide pages from navigation in Google Sites to create the “journey”

Links

Activity: Creating an Interactive Website

10_InteractiveWebsites_SessionWorktime_Updated.mp4

Session Work Time

  1. Create a framework for an interactive website using resources from this session

  2. Use the session resources to help you brainstorm

  3. Go to sites.google.com/new and begin creating the framework for your website

  4. Framework Components:

    • Website Type & Purpose

    • Main Page

    • Sub-pages

  5. Link your website into your Institute Matrix!

Links

Session Reflection

11_InteractiveWebsites_SessionReflection_Updated.mp4

Reflection Activity

  1. Open our Flipgrid for reflection

  2. Answer the following questions:

  • What type of interactive website did you create? (Include a link)

  • How might you use a digital breakout room in your classroom?

  • What is one commitment you will make to using Google Sites in your classroom?

Links