EIS

Google Site Manual

How To Make a Website in Google

2010
 2|Page

Table Of Contents
Page
Parts of Google Website Window 3

Add and Remove List Item 7

Delete a Row 7
Add a Row 7
Customize the List 8
Add a Recent List Gadget to Another Page 8

Add and Remove Pages from Navigation 11

Change the Navigation Settings 11
Manually Organize Your Navigation 12
Manually Add Pages 12
Add a URL to Your Navigation 14
Add to the Navigation from the Page 15
Hide the Navigation Title 16

Add a Picasa Web Album or Photo 17

Remove the Photo Album 17
Insert a Photo Album 17
Insert a Picasa Photo 20
Upload a Photo to Picasa 21

Create Pages 22

Customize Your Site Logo 25

Customize Your Site Sidebar 28

Add or Remove Items from Your Sidebar 28
Change the Location and Width of Your Sidebar 30
Change Your Sidebar Appearance 31

Delete a Post 32

Insert Objects into a Page 34

Post an Announcement 36

Replace a Calendar 38
Creating a Calendar 38

Replace a Map 43
Create a Map 43
Replace the Existing Map with Your New Map 46

Replace an Image 50

Replace a Spreadsheet 52
Create a New Spreadsheet 52
Replace an Existing Spreadsheet 55

Share Your Site 59

Use the Subpage Listing Gadget 63

Add Page to the Subpage Gadget 64

Working with Forms 68

Adjust the Form 68
 3|Page

Parts of the Google Website Window

1. Application Toolbar
This toolbar is available to logged in collaborators and site owners. If you are an owner but do not see this bar, you
need to "Sign in" by clicking the link in the site footer.

2. Create page
There are many types of pages that you can create in Sites. Many templates come with template specific page
templates. Use the "Create page" button to create a new page, give it a name and select its location in the site
hierarchy. (See related topics: Create page and using subpage listing gadget)
 4|Page

3. Edit page
If you are an owner or a collaborator in the site you can create content. When you edit the page you get an editor
toolbar, when you are done editing a page you need to click "Save".

4. More Actions
The more actions menu breaks out into a few sections:

• Section A: Page specific actions.

• Section B: Page Template Actions.
• Section C: Site Wide Actions.
 5|Page

5. Site Header
The site header is an optional site wide feature, by default it is turned on when a site is created. You can customize
your site header by adding a site logo.

6. Site Sidebar
The Site Sidebar is also an optional site wide feature. You can remove it or move its location to the left or right of the
main content. See customizing your site sidebar for more.

7. Edit sidebar link - if you are a site owner you will have a link under your sidebar content that will allow you to
customize your sidebar.

8. Page content
This is the main area for content created in your site. Sites has 9 out of the box layouts for this area.
 6|Page

Note: the width of the sidebar in the main content area is the same width as the site wide sidebar. To adjust this
width see the customize your sidebar topic.

9. Application footer
The footer is always visible on the site.
If you are logged in:

If you are not logged in:

Use the "Sign in" link to access your site.

 7|Page

Add and remove list items

Delete a row
1. To delete these items simply click on the list row.

2. Click "Delete list item" in the dialog.

Add a row

1. Add new list items using the "Add item" button.

 8|Page

Customize the list

1. Change the columns and default sort order using "Customize this list."

Add a Recent List Gadget to another page

Once you have created a list page, you can add a Recent List gadget on any other page in your
site.

1. Click "Edit page"

 9|Page

2. Click "Insert" and select "Recent list items"

3. Fill out the properties, including which list page to show, which columns to display, and how to
sort. When you are finished, click "Save".
 10 | P a g e

4. When you are done editing the page, click "Save" and you will see your Recent List gadget.
 11 | P a g e

Add and remove pages from navigation

The side navigation can be put in two modes: automatic and manual.

When in automatic mode, pages automatically appear in the sidebar when created, and are
removed when they are deleted.
In manual mode, pages can be added and removed via the navigation configuration.

Change the navigation settings

1. Access the site layout page using "Edit sidebar" at the bottom of the sidebar.

2. Access the navigation configuration using "Edit" on the box labeled "Navigation."

Check or uncheck "Automatically organize my navigation". In Automatic mode (pages

automatically appear in the sidebar when created) you can select the number of levels of your site
hierarchy. If you uncheck "Automatically organize my navigation" you will get options to manually
organize your navigation.
 12 | P a g e

Manually organize your navigation

In this mode you can add any page in your sites, or external URLs to your navigation and organize
it however you like. It is important to remember that in Manual mode, pages are NOT automatically
added to your navigation. You can add pages from the Configure Navigation dialog or you can add
them directly from the page via page settings.

Manually add pages

Click "Add page".

 13 | P a g e

The dialog that pops up allows you to find your pages in many ways:
1. Search for the page name.
2. "My changes": this shows the last pages that you have modified.
3. "Recent Site Activity": this view shows you the most recent pages in the entire site that have
been modified.
4. "Site map": this allows you to navigate the entire site hierarchy to select the page to add.
 14 | P a g e

Add a URL to your navigation

If you want to include a link to an external site, in Manual mode you can add the link and organize
it as one of the navigation items. Click "Add URL".

Enter in your url or email address that you want to include and the text to display.
 15 | P a g e

Add to the navigation from the page

Navigate to the page you wish to add. In the "More actions" menu, select "Page settings".

In the Page Settings dialog, check "Show this page in the sidebar". Pages added through this
method will be added to the bottom of the navigation. You will need to manually organize your
navigation items from the "Configure Navigation" dialog.
 16 | P a g e

Hide the Navigation title

If you don't want to display a title on your navigation you can hide it by unchecking the "Display
title" checkbox.
 17 | P a g e

Add a Picasa photo album or photo

Remove the photo album

1. Click "Edit page".

2. Click on the PicasaWeb Slideshow image and you will see a properties bubble pop up. Click
"Remove".

Insert a photo album

1. In the Insert menu select Picasa Photo or Picasa Web Slideshow.

 18 | P a g e

2. If you select slideshow, you will be presented with a dialog to insert the URL of your PicasaWeb
album. To find that URL, in a different browser window navigate to
http://picasaweb.google.com/home.
 19 | P a g e

3. In Picasa navigate to the Album you want to showcase. Click the album.

4. In the album, click on "Link to this album".

 20 | P a g e

5. Copy the link.

6. Navigate back to Google Sites and paste in the copied URL. Click "Save".

Insert a Picasa Photo

1. If you selected Picasa Photo, a dialog will pop up showing your existing Photo Albums. Select
the Album that contains the photo you want to use.
 21 | P a g e

2. Choose the photo and click "Select".

3. When you are done editing the page, click "Save".

Upload a photo to Picasa

Select Upload photos, browse your computer for the file, select the album you want the photo to
be in, and click "Upload".
 22 | P a g e

Create pages
Only owners and collaborators can create and edit pages in your site.

1. Click "Create page".

2. Select the Page template you want to use (learn more about page templates) and give your
page a name.

3. Select the location in the site hierarchy for your page, by default new pages are created at the
top level.

4. If you choose a different page location, you will get the option to select the parent page for the
page you are creating.
 23 | P a g e

The Select Page dialog gives you 4 ways to find a page.

"Search": search for the parent page by name.
"My Changes": displays your last 10 recent page changes.
"Recent site activity": displays the last 10 recent page changes in your entire site (from you and
other users).
"Site map": displays a hierarchical view of your site.

5. Select the parent page, and click "Select".

 24 | P a g e

6. When the dialog closes you will see an updated page path, confirming your new location.

7. Click "Create Page".

 25 | P a g e

Customize your site logo

You can customize your site by adding your logo to it. You'll need an image file of your logo. Once
you have your logo image file, follow these easy steps to add it to your site.

1. From the More actions menu, select Manage site.

Then choose Site Layout from the options on the left.

 26 | P a g e

Click the change logo link.

Then click the Choose File button and browse to the image file.

Select your file and click OK.

 27 | P a g e

Make sure to save your changes. Then you can click Return to site to continue editing your site.
 28 | P a g e

Customize your site sidebar

Add or remove items from your sidebar

1. Site owners can add and remove items in the site sidebar by clicking the "Edit sidebar" link at
the bottom of the sidebar.

2. You can edit, delete, or add new items to the sidebar. Click "Add a sidebar item".

3. In the dialog, select the type of page element you want to add.
 29 | P a g e

4. The item is now added. If you want to organize the elements, you can reorder by dragging the
boxes.
 30 | P a g e

Change the location or width of your sidebar

1. Click "Change site layout".

2. In the dialog you can select the location of the sidebar and the width. When you are done, click
"OK".

3. Click "Save changes".

 31 | P a g e

4. Once your changes have been confirmed, click "Return to site".

Changing your Sidebar Appearance

1. There are many ways you can customize your sidebar. In the Manage site area, click "Colors
and Fonts".

2. Scroll down to the Sidebar Gadgets section to view and modify the sidebar variables. When
done click "Save changes" and navigate back to your site.
 32 | P a g e

Delete a post
1. Visit the post you want to delete.
Note: If you are on the blog page, seeing multiple posts, then click on the title of the post you want
to delete.

2. Click "More actions" and "Delete page".

 33 | P a g e

3. Click to confirm the deletion.

Once the page has been deleted you will see a message at the top of your site.
 34 | P a g e

Insert objects into a page

1. Click "Edit page".

2. Click the "Insert" menu.

3. The menu shows you the different types of objects that you can insert into the page.
 35 | P a g e

4. You can also search the Gadget gallery by clicking the "More gadgets..." menu.

5. Search or browse the Gadget gallery. Interested in contributing a gadget to the gallery?

6. When you are done editing your page, click "Save".

 36 | P a g e

Post an announcement
1. To post an announcement first, navigate to the announcement page. If you have a recent
announcements gadget you can use the "view more" link.

2. Click "New post".

3. Add in your content.

5. When you are done, or if you are not ready to Publish your content, you can click "Save Draft".
If you are ready to publish, click "Save".

6. If you clicked "Save draft", you will see your draft posts at the top of your announcement page.
Click the draft post you want to work on.
 37 | P a g e

7. When your draft is ready to publish, click "Save".

 38 | P a g e

Replace a calendar
If you don't have a calendar yet, you will need to first create one.

Creating a calendar

1. Navigate to Google Calendar.

2. Click "Create".

3. Name the calendar and fill in the details.

4. Either make your calendar public, or make sure that the calendar is shared with the members of
your site.
 39 | P a g e

5. Click "Save".

Congratulations, you have created a calendar. You will need to return to calendar to add events. If
you shared it with other Google accounts they will automatically see the calendar in their calendar
view and can also add events.

- - - Return to sites - - - -
Replace the existing calendar.

1. Click the edit button.

2. Click on the calendar image.

 40 | P a g e

3. Click the "Properties" link.

4. Click the "Change" button.

 41 | P a g e

5. Choose a calendar from the list and click "Select".

6. Choose the options you want for your Calendar and click Save.
 42 | P a g e

7. When you're finished editing your page, click "Save" and your Calendar will appear.
 43 | P a g e

Replace a map
First, create your map.

(If you already have a map, skip to the instructions for inserting the map in the page.)

1. Go to http://maps.google.com (or your local version, such as http://maps.google.de, etc).

2. Click on "My Maps".

 44 | P a g e

3. Click on "Create a new map".

4. Add a title and, if you want, set the privacy settings. Click "Done".

5. Search for your first map location.

 45 | P a g e

6. When you have found the location you want, click on the map marker.

7. In the marker dialog, click on "Save to My Maps".

 46 | P a g e

8. Select the map you created earlier.

You will see a confirmation message. You can click "View map" and see that your location was
added.

9. Repeat for as many map points as you want.

- - - Return to sites - - - -
Replace the existing map with your new map.

10. Edit the page

 47 | P a g e

11. Find the map you want to replace and click on it.

12. Click on the "Properties" link.

 48 | P a g e

13. Click the "Change" button.

14. Select "My Maps".

Note: if you want to replace the map with a single address, you can just type your address into the
Maps tab.
 49 | P a g e

15. Select your map and click "Select".

16. Adjust your map settings and click "Save".

17. When you are finished editing your page, click "Save" and your new map will appear.
 50 | P a g e

Replace an image
If you want to replace an image on your site with a Picasa photo, follow the Insert Picasa Photo
instructions. If you photo is on your computer and you just want to add it to your site, follow the
instructions listed below.

1. Click the edit button.

2. Click the image that you want to replace.

3. A small dialog will appear above or below the image. Click "Remove" in this dialog.

4. Open the "Insert" menu, and select "Image".

 51 | P a g e

5. Use the image picker dialog to select your image, and click OK.

6. After you are done moving and sizing your image, click Save.
 52 | P a g e

Replace a spreadsheet
When your template was created, embedded Google Spreadsheets, Documents and Spreadsheet Forms
were also created. If you are the template creator you can find them in your Documents listing.

If you are logged into your Google account, you can navigate to your Documents by clicking "Documents".

Create a new spreadsheet to use in your site

1. Navigate to your document listing, click "Documents".

2. Create a new spreadsheet.

3. Edit the spreadsheet.

 53 | P a g e

4. You must share your spreadsheet with members of your site. If your site is public, you need to make it
viewable by everyone. Click "Share", then "Invite people..."

5. If your site is private (only shared with you or a few other people), then you can invite members here. If
your site is public, then click on the "People with access" tab.
 54 | P a g e

6. Click on the "Change" link.

7. Select "Let people view without signing in" or "Let people edit without signing in".
 55 | P a g e

8. Click "Save & Close".

Replace an existing spreadsheet

1. Edit the page.

2. Find the spreadsheet and click on the image.

 56 | P a g e

3. Click the "Properties" link.

4. Click "Change".
 57 | P a g e

5. Select your spreadsheet and click "Select".

6. Adjust the properties and click "Save".

 58 | P a g e

7. When you are done editing the page, click "Save".

 59 | P a g e

Share your site

Invite others to your site
1. Your site can be privately shared with a group of people or you can make your site public. In the "More
actions" menu, click "Share this site".

2. Add the emails you want to invite. Remember that owners are able to invite others and manage the site,
collaborators can edit content, and viewers can only read. You can "Choose from contacts" to see a list of
your Google contacts. Click "Invite these people".
 60 | P a g e

3. In the invitation dialog, you can customize the email's subject and message. Click "Send" to invite users,
or click "Skip sending invitation" to add your named users without sending them an email invitation.

4. When you are finished adding users, click "Return to site".

Receiving a Google Site Invitation

1. If you have been invited to a Google Site, you will receive an email to the account that has been invited.
Click on the link in the email.
 61 | P a g e

2. In you are not automatically logged in or do not yet have a google account, Scroll to the site footer and
click "Sign in".

3. Enter your google account email and password, and click "Sign in". If you don't have a google account
you must first click "Sign up for Sites" (don't worry you can still use normal email). If you have a Google
Apps Account click the "Sign in with a Google Apps Account" and enter in your Google Apps email address.
 62 | P a g e

4. Fill in the Create an Account screen and click create. You are ready to enter your site.
 63 | P a g e

Use the sub page listing gadget

1. This gadget rolls up subpages. To insert the subpage listing gadget, click "Edit page"

2. Click insert "Subpage listing". (note: the Table of contents rolls up headers on a particular page,
where the subpage gadget rolls up children of a particular page).

3. Give your gadget a title and choose your properties, and click save.
 64 | P a g e

Add page to the subpage gadget

1. If you want a page to automatically appear in the gadget you need to make sure you are
creating the page under the parent selected. Click "Create page".

2. Select your page template and give the page a name and select the location in the hierarchy
where your page will live. Sites gives you a couple of default locations, but you can "Choose a
different location".

3. If needed, click "Choose a different location"

 65 | P a g e

4. In the Select Page dialog you want to select the parent page. The Select page gives you 4
ways to find the parent page Search, My changes (your recent site changes, Recent site activity
(the entire sites' recent activity) and the Site Map which shows you the entire structure of your
site. (this is my preferred method of finding the parent page) :)

5. Select the parent page

 66 | P a g e

6. and click "Select"

7. You will see the path change to your new location. Click "Create Page"

8. Your page is created. You can add content

 67 | P a g e

9. Click "Save".

10. Now lets just confirm that your newly created page, shows up in the page listing gadget. Click
the parent breadcrumb.

11. Verify that your newly created page is listed.

Congratulations!
 68 | P a g e

Working with forms

When your template was created, any embedded Google Spreadsheets, Documents and
Spreadsheet Forms were also copied to your new site. If you are the template creator, you can
find these newly-created assets in your Documents listing.

Each Form has an associated Spreadsheet that will collect that form's data.

Adjust the Form

1. To find out the name of the form, edit the page.

2. Find the spreadsheet and note the title.

3. Next go to your Documents listing.

4. Find the form and click to open it.

5. You are presented with the data table of the form. To add or remove fields, go to the form menu
 69 | P a g e

and select "Edit form".

Once your form is live, any submissions will be gathered in the associated spreadsheet.