office of educational technology school district of philadelphia introduction to sites google sites...

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