Office of Educational TechnologySchool District of Philadelphia
Introduction to Sites
Google Sites
This presentation is available at http://goo.gl/wlV0up
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Objective
● Be able to create at least two pages from scratch on Google Sites in order to establish a presence for yourself on the internet.
● About Me: who you are● My Work: what you’ve done in school
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Agenda
● Sites - Overview● Basic tools
o Support site - http://tinyurl.com/sitesupport
● Build your own Sites
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Sites - Overview
● It's free.● It's easy to create. ● You can collaborate with others ● It is integrated with other Google tools ● The site is searchable using Google Search technology● All versions of your pages are saved ● You determine who has access to your site and what they see and
do● Users can subscribe to monitor changes to your site● Your site is stored on Google's secure servers.
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Accessing Google Sites
Once you are logged into your District Google account, go to “sites.google.com”
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Creating Your Site
Click the “Create” button to begin creating your site.
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Name your site
● Enter a name for your site in the “Name your site” field
● The URL or address will be generated below
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Choose a Theme
● Click the “Select a theme” link to select a theme for your site
● Themes can be changed at any time
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
More Options● Click the “More
options” link● You can enter a
category for your site and a description
● These support Google search technology
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Create Your Site
● Scroll to the top and press “Create”
● You will see a message that your site is being created
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Your Site LayoutPage Title
Site Title
SidebarMenu
Content Area
Press to Edit
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Edit Your Site
Text Edit Toolbar
Editing Menu Bar
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Insert Menu
● From the insert menu you can addo Imageso Linkso Table of Contentso Subpage listingo Horizontal lineso As well as many gadgets
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Inserting an Image● Add images from your
hard drive or directly from a website if you have the URL
● Alt text is a short description of the image
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Adding an Image
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Format Menu
● The “Format” menu allows options to format text including alignment and headings.
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Table Menu
● Configure tables using this menu tab
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Layout Menu
● This menu allows you to change the organization of your site.
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Help Menu
● From this menu you can get help or find keyboard shortcuts.
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Saving Your PageDon’t close before it’s done
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Adding a Page
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
New page Settings
● Name your new page. The URL of this page is shown below.
● Choose where your page will go in the hierarchy of the site.
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Pages on Top Level
● Choosing “Put at the top level” will create a tab along the top as a main topic.
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Pages Under Home Page
Choosing “Put page under Home” will make the page a subpage of the Home page.
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Site Settings
● From Site Settings you can o see the revision historyo move pageso copy pageso print pageso delete pageso edit the site layouto manage the siteo set sharing permissions
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Page Settings
● Ability to change the current page’s URL
● Adjust other settings for the page.
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Previewing Your Page
● Displays your page as an end user would view it
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Editing Site Layout
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Manage Site
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Sharing and Permission
Click this first
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Warning!!!!!
Once your page is shared and active, all edits made to your page are immediate and live.
Before you leave we will review steps on how to make individual pages private for editing
purposes
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Work Time
At this time we would like you to create content on your page/pages, before we discuss
additional permissions
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Sharing and Permission
Click this first
Enable page-level
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Sharing and Permission
Accepting and enabling page-level permissions
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Sharing and Permission
Select pageAdjust permission
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Sharing and Permission
Select “Custom” to control access to particular pages
Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia
Sharing and Permission
Select who can ● view● edit