SlideShare a Scribd company logo
How to create a Google Site
by Fiona Beal
A. What is a Google site?
A Google Sites is a structured wiki- and web
page-creation tool offered by Google.
Google Sites is one of the best website creation
software for teachers. It is an ideal platform to
host a class website. It is great for collaborative
projects – one can embed videos, audio,
presentations, and images that students can use
when working on their projects and
assignments.
B. What does a Google site
look like?
https://goo.gl/gcPfo1
Four elements of a Google site page
1. The Header section appears at the top of each page and
can contain text, graphics or both.
2. The Navigation Menu contains links to all the pages in the
site, or at least the main sections. Navigation menus can
be horizontal across the top of the page, or in
a vertical menu on the left or right of the page.
3. The Content area on each page is where you find all the
information. The content area stretches from the header
to the footer, and can contain text, images, video, links,
etc. On a Google Site, the content area can be in a number
of layout styles, with columns or other sections.
4. The Footer area is at the bottom of each page and usually
contains copyright and contact information.
A site with a horizontal navigation menu
https://goo.gl/gcPfo1
Header
Navigation
Menu
(horizontal)
Content
area
Footer area
Types of pages on a site
Home page
A Site usually has a home page that serves as an
introduction to the site, and a brief description of
what it's all about. It introduces your visitors to
your Site.
Content pages
These will usually be structured around themes or
topics. A Site can have an unlimited number of
pages, although if there are many pages it is usually
better to build subpages, i.e. add more pages
grouped below a topic page.
Home page example
https://goo.gl/gcPfo1
The video
introduces the
site instead of
using written
words
Content page example
https://goo.gl/gcPfo1
Information
in text and
images
Page topic
Citing &
copyright
information
Student
collaborative
project -
contributors
Terminology
Site: a website on the Interent
Home page: Landing page that introduces the site
Navigation menu bar: A bar that organises the links to
the information
Content page: A page containing information on a topic
Footer: Bottom area of a page for citing sources of
information
Header: appears at the top of each page and can
contain text, graphics or both.
Layout: the way the page can be designed
C. Let’s create a Google site
Simply said…
Let's create a Site – here are
the steps:
1. Log into your Google account and go
to http://sites.google.com
2. Click the Create button
3. Choose the Blank Template
4. Name your site. You'll notice it creates the url based on the
name but you can override that if you wish (Note that the
name must be unique in your domain)
5. Unfold the Themes section, and choose the Iceberg theme (I
like to start with Iceberg, but it's up to you)
6. Unfold the More Options section, and enter a short
description about your Site.
7. Type the captcha code (if you get one)
8. Click the Create button at the top of the page
1. Sign into your Google Apps account
and select Sites
2. Click on Create
3. Choose the blank template
4. Name your site
5. Explore the themes – click
on Themes
Explore the themes – select a template (Choose
Iceberg for this lesson)
6. Explore the ‘more options’ section
Add a category (Education) and a description) and then
click on Create
Your site appears
D. Let’s work with your site
1. Set privacy options while you create
Click on the down arrow next to More options
2.Edit your page layout - sidebar
Go to More/Edit site options and choose. Let’s
choose Sidebar and select Close
NOTE: See what your screen will look like
on multiple devices at
whatismyscreenresolution.net
E. How to create the Header
https://www.youtube.com/watch?v=5waCQscgGgo
https://www.youtube.com/watch?v=r-XLzxbvziY
Create a header
https://www.youtube.com/watch?v=5waCQscgGgo
• Go to More/Manage sites
• Themes, colours and fonts
Customize your header
Make a header 1000X104px in Paint
Header fine-tuning
• Before we start adding content, there's just a couple more choices to
make...Actions Menu > Manage Site
• If you've used a Header image that already contains the site name you
may want to turn off the text in the header. Untick the Show site
name at top of pages option
• If you'd like to include a Search box so visitors can search your Site,
configure this using the Configure Search button (You may need to
consider this when you design your header graphic. Bear in mind that
the position of the search box will vary from theme to theme)
• If you think your Site may be viewed on mobile devices, tick
the Automatically adjust site to mobile phones option. (This doesn't
perfect, but it's worth turning on anyway. With the right theme, it can
work quite well.)
• Under Access settings, choose who should be able to see Site
activity and Revision history.
• Click Save.
F. Adding content to a Google site
Let’s make some pages
First click on
the Add Page
button. It takes
you to this
page
G. Citing resources on a Google site
Use Photos for Class
http://www.photosforclass.com/
With this application you can search for
Creative Commons photos and download
them – the site will automatically cite them
correctly.
Example
Attribute your resources and images in
the footer
This is how we will cite them in the footer:
H. How to upload to a Google site
This is how to add content:
1. Click on Edit:
2. All the editing tools appear
3. When finished click on Save
Links for learning about Google Sites
• http://www.summitstuff.com/sites-and-blogs/designing-sites-
part1
• https://docs.google.com/document/d/1QwNyBliPclkMU4p6oI
5ODBNY8vnuEovaC79hD9-_WKU/edit

More Related Content

PPTX
How to create a Google Site
PPT
Google Sites
PDF
The Beginner's guide to creating a Google Site
PPTX
Google Sites Tutorial
PPTX
Creating a google site
PPTX
Google Sites Workshop Fall 2015
PDF
Easy Tips and Tricks for Google Sites
PPT
Create google-sites by engineer and educator osama ghandour
How to create a Google Site
Google Sites
The Beginner's guide to creating a Google Site
Google Sites Tutorial
Creating a google site
Google Sites Workshop Fall 2015
Easy Tips and Tricks for Google Sites
Create google-sites by engineer and educator osama ghandour

What's hot (20)

KEY
District Website Training
PDF
Easy Google Sites Tips and Tricks
PPTX
Ncair summer drive in creating a google site
PPTX
Blackboard As Your School Website
PPT
E Trend I Google Tutorial
PDF
Google sites
PPTX
Google sites presentation
PPT
Steps in Using Google Sites
PPT
Online Tools For The Smart Business Owner
PDF
Google sites creating editing and sharing a site
PPT
Easy Website Creation with Weebly
PPT
Google Tools by Carlos Martín
PPTX
How to Build a Great Class Website Using Weebly
PPT
Weebly Website for Teachers
PPTX
PPTX
Experiential learning: building a website
PPT
Free and easy website creation
PPTX
Intro to weebly
PPT
Google Sites
PPT
Google sites presentation
District Website Training
Easy Google Sites Tips and Tricks
Ncair summer drive in creating a google site
Blackboard As Your School Website
E Trend I Google Tutorial
Google sites
Google sites presentation
Steps in Using Google Sites
Online Tools For The Smart Business Owner
Google sites creating editing and sharing a site
Easy Website Creation with Weebly
Google Tools by Carlos Martín
How to Build a Great Class Website Using Weebly
Weebly Website for Teachers
Experiential learning: building a website
Free and easy website creation
Intro to weebly
Google Sites
Google sites presentation
Ad

Viewers also liked (20)

PDF
How to Automatically Backup Your WordPress Site to Google Drive
PPT
Chewy Trewella - Succeeding Online Using Free Google Tools
PDF
Google Classroom for Elementary Classrooms
KEY
REMC Connected Educator Series MACUL 2012 Panel
PPTX
Professional Development for Educators using the Microsoft Educator network
PPTX
I spy with my little eye by Paulina Skosana
PPTX
Journeying towards a winning destination by Ronelle Klinck
PPTX
'The role of the 21st century mentality in school leadership' by Lindiwe Buth...
PPTX
'Reading and viewing' by Paulinah Skosana
PPTX
How the 21st Century child learns by Mokhudu Machaba
PPTX
Google Mapmaker by Saul Pila
PDF
Using your tablet on or offline by Elaine Smallbones and Terrisha Pillay
PPTX
The big surprise by Paulinah Skosana
PPTX
Using One Note to design learning activities by Mokhudu Machaba
PPT
My google classroom
PPTX
Schoolnet Office 365 by Warren Sparrow
PPTX
'Use Google Draw to create a postcard' by Fiona Beal
PDF
Work Experience Level 4 Learner's Record
PPTX
Google site
PDF
How to Tutorial: Google Form
How to Automatically Backup Your WordPress Site to Google Drive
Chewy Trewella - Succeeding Online Using Free Google Tools
Google Classroom for Elementary Classrooms
REMC Connected Educator Series MACUL 2012 Panel
Professional Development for Educators using the Microsoft Educator network
I spy with my little eye by Paulina Skosana
Journeying towards a winning destination by Ronelle Klinck
'The role of the 21st century mentality in school leadership' by Lindiwe Buth...
'Reading and viewing' by Paulinah Skosana
How the 21st Century child learns by Mokhudu Machaba
Google Mapmaker by Saul Pila
Using your tablet on or offline by Elaine Smallbones and Terrisha Pillay
The big surprise by Paulinah Skosana
Using One Note to design learning activities by Mokhudu Machaba
My google classroom
Schoolnet Office 365 by Warren Sparrow
'Use Google Draw to create a postcard' by Fiona Beal
Work Experience Level 4 Learner's Record
Google site
How to Tutorial: Google Form
Ad

Similar to How to create a Google Site by Fiona Beal (20)

PDF
How to Make a Free Website with Google Sites
PPT
Google Sites Web Page Creation
PPTX
Google sites
PPT
Web2.0 drummonds
DOCX
Get started with sites
PDF
Student's portfolio's creation
PPTX
Creating a Weebly website
PPTX
Guide to Weebly
ODP
Tech. integration for fl presentation flanc fall 2010
PDF
Creating Classroom Websites
PPTX
Weebly Online Module
PPTX
Weebly online module
PPT
Sites Overview
DOCX
Source httpsites.google.comsupport University of Nevad.docx
PPTX
Weebly
PPT
Creating A Web Site with Google Sites
DOC
How to create_a_site
PPT
L Hayes Online E Portfolio
PDF
Chapter 3 Create
PPTX
building websites at NAU
How to Make a Free Website with Google Sites
Google Sites Web Page Creation
Google sites
Web2.0 drummonds
Get started with sites
Student's portfolio's creation
Creating a Weebly website
Guide to Weebly
Tech. integration for fl presentation flanc fall 2010
Creating Classroom Websites
Weebly Online Module
Weebly online module
Sites Overview
Source httpsites.google.comsupport University of Nevad.docx
Weebly
Creating A Web Site with Google Sites
How to create_a_site
L Hayes Online E Portfolio
Chapter 3 Create
building websites at NAU

More from SchoolNet SA (19)

PPTX
Putting your story on the map with Google Tour Builder by Linda Foulkes
PPTX
'We can code it - Introduction to Scratch and Coding by Nomusa Keninda
PPTX
Digital storytelling as a way of encouraging writing - by Fiona Beal
PPTX
Create a classroom blog using Blogger and get your learners posting via email
PPTX
Trending in I.T - Reflections from ISTE2017
PPTX
The Magic of Mystery Skype
PPTX
Managing the 21st century connected learner with onenote class notebook
PDF
How to integrate Augmented Reality successfully in your classroom by Ronelle ...
PDF
Çollaboration with OneNote Class Notebook
PPTX
Apply for the Microsoft MIEE program 2015
PPT
ICTs in Multigrade Classrooms by Omashani Naidoo
PPTX
Google Educator Groups by Omashani Naidoo
PPTX
Apply to become a Microsoft Innovative Educator Expert by Megan Rademeyer - 4...
PPTX
OneNote for Education by Megan Rademeyer - 4 Afrika Virtual Academy 2015
PPTX
Sway presentation on how to profile teaching life by Phuti Ragophala
PPTX
'Rethinking the way we teach' by Shelley Shott
PPTX
Creativity in the classroom by Shelley Shott
PPTX
Mobile phones in the classroom by Shelley Shott
PPTX
Twitter for beginners by Megan Rademeyer
Putting your story on the map with Google Tour Builder by Linda Foulkes
'We can code it - Introduction to Scratch and Coding by Nomusa Keninda
Digital storytelling as a way of encouraging writing - by Fiona Beal
Create a classroom blog using Blogger and get your learners posting via email
Trending in I.T - Reflections from ISTE2017
The Magic of Mystery Skype
Managing the 21st century connected learner with onenote class notebook
How to integrate Augmented Reality successfully in your classroom by Ronelle ...
Çollaboration with OneNote Class Notebook
Apply for the Microsoft MIEE program 2015
ICTs in Multigrade Classrooms by Omashani Naidoo
Google Educator Groups by Omashani Naidoo
Apply to become a Microsoft Innovative Educator Expert by Megan Rademeyer - 4...
OneNote for Education by Megan Rademeyer - 4 Afrika Virtual Academy 2015
Sway presentation on how to profile teaching life by Phuti Ragophala
'Rethinking the way we teach' by Shelley Shott
Creativity in the classroom by Shelley Shott
Mobile phones in the classroom by Shelley Shott
Twitter for beginners by Megan Rademeyer

Recently uploaded (20)

PPTX
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
PPTX
Pharmacology of Heart Failure /Pharmacotherapy of CHF
PDF
Supply Chain Operations Speaking Notes -ICLT Program
PDF
102 student loan defaulters named and shamed – Is someone you know on the list?
PPTX
Pharma ospi slides which help in ospi learning
PDF
VCE English Exam - Section C Student Revision Booklet
PDF
Basic Mud Logging Guide for educational purpose
PDF
Pre independence Education in Inndia.pdf
PPTX
master seminar digital applications in india
PDF
Complications of Minimal Access Surgery at WLH
PPTX
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
PDF
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
PDF
TR - Agricultural Crops Production NC III.pdf
PDF
2.FourierTransform-ShortQuestionswithAnswers.pdf
PDF
FourierSeries-QuestionsWithAnswers(Part-A).pdf
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PDF
Insiders guide to clinical Medicine.pdf
PPTX
PPH.pptx obstetrics and gynecology in nursing
PDF
Abdominal Access Techniques with Prof. Dr. R K Mishra
PDF
Sports Quiz easy sports quiz sports quiz
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
Pharmacology of Heart Failure /Pharmacotherapy of CHF
Supply Chain Operations Speaking Notes -ICLT Program
102 student loan defaulters named and shamed – Is someone you know on the list?
Pharma ospi slides which help in ospi learning
VCE English Exam - Section C Student Revision Booklet
Basic Mud Logging Guide for educational purpose
Pre independence Education in Inndia.pdf
master seminar digital applications in india
Complications of Minimal Access Surgery at WLH
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
TR - Agricultural Crops Production NC III.pdf
2.FourierTransform-ShortQuestionswithAnswers.pdf
FourierSeries-QuestionsWithAnswers(Part-A).pdf
Final Presentation General Medicine 03-08-2024.pptx
Insiders guide to clinical Medicine.pdf
PPH.pptx obstetrics and gynecology in nursing
Abdominal Access Techniques with Prof. Dr. R K Mishra
Sports Quiz easy sports quiz sports quiz

How to create a Google Site by Fiona Beal

  • 1. How to create a Google Site by Fiona Beal
  • 2. A. What is a Google site? A Google Sites is a structured wiki- and web page-creation tool offered by Google. Google Sites is one of the best website creation software for teachers. It is an ideal platform to host a class website. It is great for collaborative projects – one can embed videos, audio, presentations, and images that students can use when working on their projects and assignments.
  • 3. B. What does a Google site look like? https://goo.gl/gcPfo1
  • 4. Four elements of a Google site page 1. The Header section appears at the top of each page and can contain text, graphics or both. 2. The Navigation Menu contains links to all the pages in the site, or at least the main sections. Navigation menus can be horizontal across the top of the page, or in a vertical menu on the left or right of the page. 3. The Content area on each page is where you find all the information. The content area stretches from the header to the footer, and can contain text, images, video, links, etc. On a Google Site, the content area can be in a number of layout styles, with columns or other sections. 4. The Footer area is at the bottom of each page and usually contains copyright and contact information.
  • 5. A site with a horizontal navigation menu https://goo.gl/gcPfo1 Header Navigation Menu (horizontal) Content area Footer area
  • 6. Types of pages on a site Home page A Site usually has a home page that serves as an introduction to the site, and a brief description of what it's all about. It introduces your visitors to your Site. Content pages These will usually be structured around themes or topics. A Site can have an unlimited number of pages, although if there are many pages it is usually better to build subpages, i.e. add more pages grouped below a topic page.
  • 7. Home page example https://goo.gl/gcPfo1 The video introduces the site instead of using written words
  • 8. Content page example https://goo.gl/gcPfo1 Information in text and images Page topic Citing & copyright information Student collaborative project - contributors
  • 9. Terminology Site: a website on the Interent Home page: Landing page that introduces the site Navigation menu bar: A bar that organises the links to the information Content page: A page containing information on a topic Footer: Bottom area of a page for citing sources of information Header: appears at the top of each page and can contain text, graphics or both. Layout: the way the page can be designed
  • 10. C. Let’s create a Google site
  • 12. Let's create a Site – here are the steps: 1. Log into your Google account and go to http://sites.google.com 2. Click the Create button 3. Choose the Blank Template 4. Name your site. You'll notice it creates the url based on the name but you can override that if you wish (Note that the name must be unique in your domain) 5. Unfold the Themes section, and choose the Iceberg theme (I like to start with Iceberg, but it's up to you) 6. Unfold the More Options section, and enter a short description about your Site. 7. Type the captcha code (if you get one) 8. Click the Create button at the top of the page
  • 13. 1. Sign into your Google Apps account and select Sites
  • 14. 2. Click on Create
  • 15. 3. Choose the blank template
  • 16. 4. Name your site
  • 17. 5. Explore the themes – click on Themes
  • 18. Explore the themes – select a template (Choose Iceberg for this lesson)
  • 19. 6. Explore the ‘more options’ section Add a category (Education) and a description) and then click on Create
  • 21. D. Let’s work with your site
  • 22. 1. Set privacy options while you create Click on the down arrow next to More options
  • 23. 2.Edit your page layout - sidebar Go to More/Edit site options and choose. Let’s choose Sidebar and select Close
  • 24. NOTE: See what your screen will look like on multiple devices at whatismyscreenresolution.net
  • 25. E. How to create the Header https://www.youtube.com/watch?v=5waCQscgGgo https://www.youtube.com/watch?v=r-XLzxbvziY
  • 26. Create a header https://www.youtube.com/watch?v=5waCQscgGgo • Go to More/Manage sites • Themes, colours and fonts
  • 28. Make a header 1000X104px in Paint
  • 29. Header fine-tuning • Before we start adding content, there's just a couple more choices to make...Actions Menu > Manage Site • If you've used a Header image that already contains the site name you may want to turn off the text in the header. Untick the Show site name at top of pages option • If you'd like to include a Search box so visitors can search your Site, configure this using the Configure Search button (You may need to consider this when you design your header graphic. Bear in mind that the position of the search box will vary from theme to theme) • If you think your Site may be viewed on mobile devices, tick the Automatically adjust site to mobile phones option. (This doesn't perfect, but it's worth turning on anyway. With the right theme, it can work quite well.) • Under Access settings, choose who should be able to see Site activity and Revision history. • Click Save.
  • 30. F. Adding content to a Google site
  • 31. Let’s make some pages First click on the Add Page button. It takes you to this page
  • 32. G. Citing resources on a Google site
  • 33. Use Photos for Class http://www.photosforclass.com/ With this application you can search for Creative Commons photos and download them – the site will automatically cite them correctly.
  • 35. Attribute your resources and images in the footer This is how we will cite them in the footer:
  • 36. H. How to upload to a Google site
  • 37. This is how to add content: 1. Click on Edit: 2. All the editing tools appear 3. When finished click on Save
  • 38. Links for learning about Google Sites • http://www.summitstuff.com/sites-and-blogs/designing-sites- part1 • https://docs.google.com/document/d/1QwNyBliPclkMU4p6oI 5ODBNY8vnuEovaC79hD9-_WKU/edit