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
![](https://www.google.com/images/icons/product/drive-32.png)
Websites in the Classroom
![](https://www.google.com/images/icons/product/drive-32.png)
Overview
Open Discussion: What can websites be used for in the classroom?
Website application examples
LINKS:
Website Design 101
![](https://www.google.com/images/icons/product/drive-32.png)
Overview
Website Scavenger Hunt Links
Website Design Best Practices
KISS
Templates
LINKS:
Introduction to Google Sites
![](https://www.google.com/images/icons/product/drive-32.png)
Overview
Why use Google Sites?
Google Drive Integration
Collaboration
Templates
Themes
Privacy
No Ads
LINKS:
Interactive Demos
![](https://www.google.com/images/icons/product/drive-32.png)
Overview
Interactive Website Exemplars
Website Format Alignment
Purpose
Format
Interactivity
Links
Digital Breakout Rooms
![](https://www.google.com/images/icons/product/drive-32.png)
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
![](https://www.google.com/images/icons/product/drive-32.png)
Part 2
![](https://www.google.com/images/icons/product/drive-32.png)
Overview
Creating New Site
Naming Site
Choosing Template
Adding Text
Adding and Renaming Pages
Embedding Google Drive Materials
Resizing Materials
Embed tools allow for seamless integration of Google Drive Content
LINKS
Digital Breakout Room Build Demo
![](https://www.google.com/images/icons/product/drive-32.png)
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
![](https://www.google.com/images/icons/product/drive-32.png)
Session Work Time
Create a framework for an interactive website using resources from this session
Use the session resources to help you brainstorm
Go to sites.google.com/new and begin creating the framework for your website
Framework Components:
Website Type & Purpose
Main Page
Sub-pages
Link your website into your Institute Matrix!
Links
Session Reflection
![](https://www.google.com/images/icons/product/drive-32.png)