"Classic" Sites Tutorials

Google Sites provides a place for dedicated, sustainable teacher websites.

Make as many websites as you need, such as:

  • Teacher sites
  • Class sites
  • Unit sites
  • Students can make sites for projects/portfolios

NOTE: A brand NEW version of Google Sites was released in Fall 2016!

The information below is focused on the "Classic" Sites app.

To preview the NEW Google Sites, check out this video.

A module on the NEW Sites app is available through MLP. You may wish to skip this module and choose the new one, instead.

Below, you will find resources on Google Sites (Classic version):

  • Series of brief video tutorials
  • Editing a Sites Template
  • Creating, Editing, & Sustaining Google Sites
  • Embedding Items from Drive
  • Editing Site Layout
  • Guide to Google Sites in the Classroom
  • Blogging with Sites
  • Detailed Tutorials
  • Examples of Google Sites for Education

Your Instructional Technology Team has created a series of brief tutorial videos to assist you in building your Google Site. Click on the icon to the right and view the playlist on YouTube. You may choose the videos you wish to watch or watch them all!

https://www.youtube.com/playlist?list=PLeuhxmwJuKiZSbnRojaOjFifFgymMH4bt

SUSD Instructional Technology Coach, Lauren Grancagnolo, has created custom templates for every Scottsdale school. To create a site using her template and customize it to your needs, follow the directions below. Click HERE to open in Drive.

Editing a Google Sites Template

Embedding a Google Drawing Into Sites

Embedding a Drive Folder Into Your Site

To see an example of an embedded folder in Grid format, visit the Resources tab at the top of this course website. We have embedded the "All SUSD User Guides" folder below the reference list.

Guide to Google Sites from EdTech Nut:

Guide to Google Sites

Embedding Videos from Google Drive

Editing Your Site Layout

By request, this video shows how to edit your navigation bars and header in Sites. One thing I left out is that you can also add a URL to an outside website to your navigation bars from the editing menu.

This second video covers a few topics related to editing the images in your site layout (header and sidebar). It shows how to change the image in the header as well as how to customize an image to fit a space using Google Drawings. As I made this video, I encountered an odd error, but I left it in the video to show how I got around it by saving, closing, and re-opening the site.

For more great tutorials, tips, and examples, click on the image below to check out this article from the Educational Technology and Mobile Learning website.

http://www.educatorstechnology.com/2013/01/teachers-guide-on-use-of-google-sites.html

We are often asked how teachers can use blogging with their students. Here's a helpful video to show how this may be done using Google Sites.

For even more detail on Google Sites, check out this 47-page tutorial from the Free Technology for Teachers website by clicking on the image below.

http://www.freetech4teachers.com/2012/07/47-page-guide-to-google-sites-for.html#.V041VfkrKCg

Examples of Google Sites for Education

Click on the image below to view examples of a variety of websites created for education using Google Sites.

https://sites.google.com/site/appsforeducationresources/teacher-school-google-sites

Next, move on to Sites Assessments.