Jessica L. Williams

Manchester Public Schools - Connecticut

@JLenore24

bit.ly/SayJessAnd

​

A “Site” to See!

Soaring with Google Sites

Google Sites Blogpost 4/11/19

Updates Coming Soon

Start a Site

​

Adding Pages

​

Adding Content

​

Choose a Theme

​

Ideas for Implementation

​

​

Agenda

Building Your Site is Super Simple...

​

​

​

Pages

​

​

​

• The “bones” of your site
• Rename / Reorder pages
• Nest pages
• Change your homepage

Insert

​

​

​

• Add “meat” aka content to the bones !
• Move things around

Theme

​

​

​

• Time to add your style !
• Theme, color, & font
• Change your site header

Starting Your Site (Option #1)

Go to your Google Drive

• New →
• More →
• Google Sites

​

​

​

​

​

​

Starting Your Site (Option #2)

Go to sites.google.com/

• Select “New Google Sites”
• Click red + to start new site

​

​

​

​

​

Whatcha Going to Make Today ?

​

​

​

• A Teacher Resource Site
• A Digital Unit
• Digital Storybook
• Digital Portfolios
• Learning Journals*
• Blogs

Start Your Site

​

Name the different parts of your site

• Site Document Name - Only visible to you
• Site Name - Appears in header after you publish your site
• Page Title -Each page in your site has a title / appears; also appears in the Navigation Bar

​

​

​

​

​

​

​

Add Some Shnazziness

Change the background image

• Hover over the background image & click “Change Image”
• Select an image from the Gallery or upload a new one
• Hit Select !

​

Change the header type

• Hover over the background image & click Header Type
• Choose your style
• Large banner
• Banner
• Title only

​

​

​

​

GIF by TeacherCast

Add Some Shnazziness

:: Optional :: Add Site Logo

• Hover over the background image & click “Change

​

​

GIF by Tech Time with Ejlal : 2017

Don’t forget a Theme !

Google Sites has a variety of themes for you to choose from

• Select the “Themes” tab
• Pick your style !

​

​

GIF by Mr. Ashley : 2017

Create / Nest a Page

Add Pages

• Click “Pages” Tab
• Click “Add page”
• Name the page

​

Reorder / Nest Pages

• Click “Pages” Tab
• Drag a page up or down to reorder
• Drag a page on top of another to nest it
• To un-nest a page, drag to the bottom of the list :: optional ::

​

:: Note :: You can only nest a page five levels deep

​

​

​

​

​

​

​

GIF by EdTechTeam

Page Options

Page Options

• Under “Pages” Tab, select a page & click the “jelly beans”
• Set as homepage
• Duplicate
• Rename
• Create a subpage
• Remove the page from the site
• Hide a page or subpage ← Jess favorite !

​

​

​

​

Image by Google

Embedding URLS as a PAGE

​

In addition to adding Pages, you can now create a link to another site !

​

​

​

​

GIF by Google

Site Navigation

Use the Navigation Bar to Jump to Different Pages

​

Change Where the Navigation Bar Appears

• Hover over the site name and click “Navigation Settings”
• Choose “Top” or “Side” Navigation

​

​

​

​

​

Image by Google

Adding Content / “Meat” !

​

Click the “Insert Tab”

• Text Box - Add titles & text
• Embed URL - Add photos, designs, & other images
• Images - Add content directly from the web, such as music & videos
• Upload - Upload photos, videos, & other documents from your device
• Components - Add a horizontal line to your page
• Google Drive - If you make changes to files in your Drive, the same changes are automatically shown in Sites !
• Google Embeds - Add YouTube videos, calendars, & maps

​

:: Double Click on the page to add content ::

​

​

​

​

​

Edit Text / Pages

​

Editing Options :

• To change the background of each section
• Click “Style” & select a style
• You can also select “Image” to add a background image
• To move a section
• To move that section up or down, click the “Move section” dots & drag
• To duplicate a section
• Click “Duplicate section”
• To add a footer
• Scroll to bottom of the page and click “Add Footer”

​

​

​

​

​

​

​

Edit Images

​

Editing Options :

• Crop an Image
• Select the image & then select “Crop”
• Slide the “blueberry” to zoom in or out
• Replace Image
• Click “jelly beans” / “more”
• Replace image / Select image
• Add alternative text for when people hover over the image (optional)

​

​

​

​

​

​

​

​

Add Content From Another Site

​

Embed

• This includes Websites, Web apps using Google Apps Scripts / App Maker, Google Data Studio Reports
• Click “Insert” → Embed URL
• Enter or paste the URL you want to embed
• Select Whole page or Preview & click “Insert”

​

​

​

​

​

​

​

​

Share & Add Collaborators

Sharing permissions

• To Share, click “Add editors”
• Set permissions for across your organization under “Who can edit”
• Invite certain people to collaborate by selecting “Invite people”

​

​

​

​

​

Image by Google

Preview Your Site

Click the eye to Preview your site

​

Views

• Phone
• Tablet
• Large Screen

​

​

​

​

​

​

​

​

Publish Your Site for the 1st Time !

You need to add a site name to complete the site URL the 1st time you publish

• Click “Publish”
• Add a name to the end of the URL
• Under “Who can visit my site,” choose who can see your site
• Click “Publish” again

​

​

​

​

​

Image by Google

Publish to Certain Audience

​

Ideas for Implementation

​

​

Teacher Units

​

Files Lost No More !

​

• Work gets lost in Folders / Drive
• Make an aesthetically pleasing place to organize work by topic, lesson, etc.

​

​

Scott Padway’s U.S. History

#GoogleEI #MTV16

Daily Ding Dongs, Course Resources, & Student Showcase

Mrs. Reyes’s Math Course

Syllabuses, Rubrics, Khan Academy link, Link to Google Classroom, Grades

​

Student Group Work

​

Use Google Sites for Literature Circles !

• A Lesson Before Dying
• The Bell Jar

​

​

​

Digital Portfolios

​

“Here’s what I’m working on now…”

• Not just a dumping ground for work
• Upload something from GSuite, and it will automatically update on the Google Site as students work on it !

​

​

​

20% Time “Blogs”

​

​

• Examples :: Jeff Heil Student Blogs
• Transparent learning from start to finish !

​

​

Custom Buttons

​

Create Google Site Buttons in Google Drawing

• Royalty free images
• Colorpick Eyedropper (Get exactly the color you want)
• Upload and position buttons on your Google Site !

​

​

​

​

​

Breakout EDU Games

​

Google Sites is an awesome way to keep clues a Breakout EDU game !

​

:: Example::

Loucks Super Bowl Breakout

​

​

​

Field Trips

​

One stop for all information

:: Example::

Geo Adventure Website

​

​

​

Step 1 :: Create a Google Site

• Insert your story in different text boxes down a site
• Alternatively, use different pages for chapters or sections in the story

​

bit.ly/howtousestreetviewinsites

By Kim Pollishuke

Create a 360 Storybook !

:: Using Street View & Google Sites ::

Step 2 :: Find a 360 Image

• Go to Google Maps → Street View → Search & select a pic w/ a 360 icon
• Click on the 3 dots / jelly beans in the top left & click “embed image”
• Copy link

bit.ly/howtousestreetviewinsites

By Kim Pollishuke

Create a 360 Storybook !

:: Using Street View & Google Sites ::

Step 3 :: Embed the 360 Image

• In your Google Site, double click on your site where you want your image
• Select “URL”
• Paste in the 360 URL and delete the beginning iframe code until the https
• Publish !

Step-by-Step Tutorial

By Donnie Piercey

Create a 360 Storybook !

:: Using Street View & Google Sites ::

Thanks !

​

Jessica Loucks

@JLenore24

:: Session Resources :: bit.ly/JessLoucks

​

​

​

​

​

​

​

​

Thank you !