Google Sites


Google Sites

What is Google Sites?

  1. What is Google Sites?

    • Build & host

    • Auto-save edits

    • Preview

    • Manual publishing

  2. Use case ideas

    • Class, School, Project, Student digital portfolio, Student project, Team, Event, Help/FAQ

  3. Why use Google Sites?

    • Comparison with
      Google Classroom

Resources:

Creating a Google Site

  1. Creating a Google Site

    • Google Drive

    • Google Sites dashboard

      • NEW Sites only

  2. File name

  3. Header Name

  4. Settings

  5. Share with others

  6. Publish

    • Publish Settings

    • Link Sharing - Editors vs. Viewers

  7. Sites created by students

    • K-8 limited to sharing within BCPSS

    • 9-12 may share to anyone

Inserting Page Elements

  1. Text box, format & link

  2. Images

  3. Embed code link

  4. Google Drive

  5. Other

    • Table of Contents

    • Image Carousel

    • Button

    • Divider

    • YouTube

    • Calendar

    • Map

    • More…

  6. Formatting

    • 12-column design

    • Stretch, drag and drop

Until the tutorial video in created, please follow the guidelines on the right.

  • To add alt text: 1) Click on image, (2) triple-dots, (3) click 'Add alt text', (4) Use descriptive alt text, such as: "Boston Terrier surrounded by tennis balls."

Accessible Page Element Recommendations

  1. Express content through multiple means, including: images, audio, video and text

  2. Use Alt-text with all images

  3. Avoid using images containing important text, when possible

  4. Use high contrast colors

  5. Use consistent layout and design with hierarchical headings

  6. Keep in mind that embedded files may require their own accessibility tools

Embedded Elements Share Settings

  • Setting Share permissions to ensure embedded files are viewable on Google Site

    • Individual GDrive files

    • Google Drive folders

Embedded Elements Deep Dive

  1. Embed code

    • Link

    • Embed

  2. YouTube videos

  3. Maps

  4. Calendars

  5. Charts

Page Management

  1. Add New page

  2. Add New link

  3. Reordering pages

  4. Subpages

  5. Hiding pages

  6. Renaming pages (in menu)

Themes

  1. Change theme

  2. Font style

  3. Change color

  4. Header

  5. Menu bar

  6. Logo

Sharing the Published Site

  1. Confirm share settings

  2. Confirm embedded file share settings

  3. Publish & re-publish updates

  4. Copy link & share URL

Google Sites Hidden Gems

  1. Templates & Layouts

  2. Version History

  3. Duplicate Site

  4. Favicon

  5. Logo

  6. Sections

    • Color & backgrounds

    • Moving sections

    • Copy/paste sections

  7. Adding a ‘Copy’ link

  8. Adding a Google Classroom direct-to-assignment link

  9. Footer

Resources:

  • Google Sites User Interface Guide PDF | PNG