Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites...

37
Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at http://goo.gl/wlV0up

Transcript of Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites...

Page 1: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

Office of Educational TechnologySchool District of Philadelphia

Introduction to Sites

Google Sites

This presentation is available at http://goo.gl/wlV0up

Page 2: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //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

Page 3: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

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

Page 4: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

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.

Page 5: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

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”

Page 6: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

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.

Page 7: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

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

Page 8: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

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

Page 9: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

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

Page 10: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

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

Page 11: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

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

Page 12: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia

Edit Your Site

Text Edit Toolbar

Editing Menu Bar

Page 13: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

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

Page 14: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

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

Page 15: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia

Adding an Image

Page 16: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

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.

Page 17: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia

Table Menu

● Configure tables using this menu tab

Page 18: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

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.

Page 19: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

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.

Page 20: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia

Saving Your PageDon’t close before it’s done

Page 21: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia

Adding a Page

Page 22: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

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.

Page 23: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

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.

Page 24: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

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.

Page 25: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

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

Page 26: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

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.

Page 27: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

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

Page 28: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia

Editing Site Layout

Page 29: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia

Manage Site

Page 30: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia

Sharing and Permission

Click this first

Page 31: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

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

Page 32: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

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

Page 33: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia

Sharing and Permission

Click this first

Enable page-level

Page 34: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia

Sharing and Permission

Accepting and enabling page-level permissions

Page 35: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia

Sharing and Permission

Select pageAdjust permission

Page 36: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia

Sharing and Permission

Select “Custom” to control access to particular pages

Page 37: Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at //goo.gl/wlV0up.

Office of Educational TechnologySchool District of PhiladelphiaOffice of Educational TechnologySchool District of Philadelphia

Sharing and Permission

Select who can ● view● edit