Google Site Manual
How To Make a Website in Google



Table Of Contents
Parts of Google Website Window Add and Remove List Item Delete a Row Add a Row Customize the List Add a Recent List Gadget to Another Page Add and Remove Pages from Navigation Change the Navigation Settings Manually Organize Your Navigation Manually Add Pages Add a URL to Your Navigation Add to the Navigation from the Page Hide the Navigation Title Add a Picasa Web Album or Photo Remove the Photo Album Insert a Photo Album Insert a Picasa Photo Upload a Photo to Picasa Create Pages Customize Your Site Logo Customize Your Site Sidebar Add or Remove Items from Your Sidebar Change the Location and Width of Your Sidebar Change Your Sidebar Appearance Delete a Post Insert Objects into a Page Post an Announcement Replace a Calendar Creating a Calendar Replace a Map Create a Map Replace the Existing Map with Your New Map Replace an Image Replace a Spreadsheet Create a New Spreadsheet Replace an Existing Spreadsheet Share Your Site Use the Subpage Listing Gadget Add Page to the Subpage Gadget Working with Forms Adjust the Form

Page 3 7 7 7 8 8 11 11 12 12 14 15 16 17 17 17 20 21 22 25 28 28 30 31 32 34 36 38 38 43 43 46 50 52 52 55 59 63 64 68 68


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. Section B: Page Template Actions. More Actions The more actions menu breaks out into a few sections: • • • Section A: Page specific actions. Edit page If you are an owner or a collaborator in the site you can create content. Section C: Site Wide Actions. when you are done editing a page you need to click "Save". When you edit the page you get an editor toolbar. . 4.

Site Sidebar The Site Sidebar is also an optional site wide feature.5|Page 5. 6. 7. Sites has 9 out of the box layouts for this area. 8. Edit sidebar link . by default it is turned on when a site is created. See customizing your site sidebar for more.if you are a site owner you will have a link under your sidebar content that will allow you to customize your sidebar. You can customize your site header by adding a site logo. You can remove it or move its location to the left or right of the main content. Site Header The site header is an optional site wide feature. Page content This is the main area for content created in your site. .

If you are logged in: If you are not logged in: Use the "Sign in" link to access your site. Application footer The footer is always visible on the site.6|Page Note: the width of the sidebar in the main content area is the same width as the site wide sidebar. . 9. To adjust this width see the customize your sidebar topic.

Add a row 1. Click "Delete list item" in the dialog.7|Page Add and remove list items Delete a row 1. 2. Add new list items using the "Add item" button. . To delete these items simply click on the list row.

1. you can add a Recent List gadget on any other page in your site." Add a Recent List Gadget to another page Once you have created a list page. Change the columns and default sort order using "Customize this list.8|Page Customize the list 1. Click "Edit page" .

Fill out the properties. click "Save". and how to sort.9|Page 2. Click "Insert" and select "Recent list items" 3. . including which list page to show. When you are finished. which columns to display.

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

If you uncheck "Automatically organize my navigation" you will get options to manually organize your navigation. 2. Access the navigation configuration using "Edit" on the box labeled "Navigation. and are removed when they are deleted. Access the site layout page using "Edit sidebar" at the bottom of the sidebar. Change the navigation settings 1.11 | P a g e Add and remove pages from navigation The side navigation can be put in two modes: automatic and manual. pages can be added and removed via the navigation configuration. When in automatic mode. In Automatic mode (pages automatically appear in the sidebar when created) you can select the number of levels of your site hierarchy. In manual mode." Check or uncheck "Automatically organize my navigation". pages automatically appear in the sidebar when created. .

It is important to remember that in Manual mode. pages are NOT automatically added to your navigation. . Manually add pages Click "Add page".12 | P a g e Manually organize your navigation In this mode you can add any page in your sites. You can add pages from the Configure Navigation dialog or you can add them directly from the page via page settings. or external URLs to your navigation and organize it however you like.

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

in Manual mode you can add the link and organize it as one of the navigation items. Enter in your url or email address that you want to include and the text to display. Click "Add URL".14 | P a g e Add a URL to your navigation If you want to include a link to an external site. .

You will need to manually organize your navigation items from the "Configure Navigation" dialog. check "Show this page in the sidebar". . In the Page Settings dialog. Pages added through this method will be added to the bottom of the navigation. select "Page settings". In the "More actions" menu.15 | P a g e Add to the navigation from the page Navigate to the page you wish to add.

.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.

Click "Edit page". . Insert a photo album 1. In the Insert menu select Picasa Photo or Picasa Web Slideshow.17 | P a g e Add a Picasa photo album or photo Remove the photo album 1. 2. Click "Remove". Click on the PicasaWeb Slideshow image and you will see a properties bubble pop up.

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

. Click the album. In Picasa navigate to the Album you want to showcase. 4. click on "Link to this album".19 | P a g e 3. In the album.

. Copy the link. Insert a Picasa Photo 1. If you selected Picasa Photo. Click "Save". a dialog will pop up showing your existing Photo Albums.20 | P a g e 5. Select the Album that contains the photo you want to use. 6. Navigate back to Google Sites and paste in the copied URL.

. click "Save". and click "Upload". select the album you want the photo to be in.21 | P a g e 2. Choose the photo and click "Select". browse your computer for the file. 3. When you are done editing the page. Upload a photo to Picasa Select Upload photos.

by default new pages are created at the top level. 3.22 | P a g e Create pages Only owners and collaborators can create and edit pages in your site. you will get the option to select the parent page for the page you are creating. Select the location in the site hierarchy for your page. If you choose a different page location. 1. Select the Page template you want to use (learn more about page templates) and give your page a name. 2. 4. . Click "Create page".

23 | P a g e The Select Page dialog gives you 4 ways to find a page. "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). and click "Select". 5. . Select the parent page. "Site map": displays a hierarchical view of your site. "Search": search for the parent page by name.

confirming your new location.24 | P a g e 6. When the dialog closes you will see an updated page path. Click "Create Page". 7. .

Then choose Site Layout from the options on the left. select Manage site. You'll need an image file of your logo. 1. . Once you have your logo image file.25 | P a g e Customize your site logo You can customize your site by adding your logo to it. follow these easy steps to add it to your site. From the More actions menu.

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.

3. Site owners can add and remove items in the site sidebar by clicking the "Edit sidebar" link at the bottom of the sidebar. delete. or add new items to the sidebar.28 | P a g e Customize your site sidebar Add or remove items from your sidebar 1. 2. . You can edit. Click "Add a sidebar item". In the dialog. select the type of page element you want to add.

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

2. click "OK". 3. In the dialog you can select the location of the sidebar and the width. . When you are done.30 | P a g e Change the location or width of your sidebar 1. Click "Change site layout". Click "Save changes".

Once your changes have been confirmed. There are many ways you can customize your sidebar. click "Colors and Fonts". click "Return to site". When done click "Save changes" and navigate back to your site. 2. Scroll down to the Sidebar Gadgets section to view and modify the sidebar variables. . Changing your Sidebar Appearance 1.31 | P a g e 4. In the Manage site area.

32 | P a g e Delete a post 1. . Note: If you are on the blog page. Visit the post you want to delete. then click on the title of the post you want to delete. seeing multiple posts. Click "More actions" and "Delete page". 2.

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. .

Click "Edit page". Click the "Insert" menu. 3. The menu shows you the different types of objects that you can insert into the page.34 | P a g e Insert objects into a page 1. . 2.

Search or browse the Gadget gallery.35 | P a g e 4. You can also search the Gadget gallery by clicking the "More gadgets. When you are done editing your page. click "Save". Interested in contributing a gadget to the gallery? 6.. . 5." menu..

If you clicked "Save draft". If you have a recent announcements gadget you can use the "view more" link. To post an announcement first. 2. you can click "Save Draft". or if you are not ready to Publish your content. 3. Click "New post". click "Save". navigate to the announcement page.36 | P a g e Post an announcement 1. Click the draft post you want to work on. you will see your draft posts at the top of your announcement page. 5. 6. If you are ready to publish. . Add in your content. When you are done.

When your draft is ready to publish. click "Save".37 | P a g e 7. .

Navigate to Google Calendar.38 | P a g e Replace a calendar If you don't have a calendar yet. 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. Click "Create". you will need to first create one. Creating a calendar 1. 2. .

..Replace the existing calendar. 1. 2. . . If you shared it with other Google accounts they will automatically see the calendar in their calendar view and can also add events. Congratulations.. Click on the calendar image. You will need to return to calendar to add events.. you have created a calendar. Click "Save". Click the edit button.Return to sites .39 | P a g e 5.

. 4. Click the "Change" button.40 | P a g e 3. Click the "Properties" link.

Choose the options you want for your Calendar and click Save.41 | P a g e 5. Choose a calendar from the list and click "Select". 6. .

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

) 1.com (or your local version. such as http://maps. . Go to http://maps.google. skip to the instructions for inserting the map in the page. 2. create your map. etc).google. (If you already have a map.43 | P a g e Replace a map First. Click on "My Maps".de.

4.44 | P a g e 3. Click "Done". Click on "Create a new map". if you want. 5. Search for your first map location. Add a title and. set the privacy settings. .

45 | P a g e 6. . When you have found the location you want. In the marker dialog. click on the map marker. click on "Save to My Maps". 7.

Return to sites . .. Repeat for as many map points as you want.. 9. You can click "View map" and see that your location was added.. Edit the page . Select the map you created earlier. You will see a confirmation message.Replace the existing map with your new map.46 | P a g e 8. 10..

Click on the "Properties" link. Find the map you want to replace and click on it. . 12.47 | P a g e 11.

14. Select "My Maps".48 | P a g e 13. Click the "Change" button. you can just type your address into the Maps tab. . Note: if you want to replace the map with a single address.

16. Select your map and click "Select". Adjust your map settings and click "Save". When you are finished editing your page. click "Save" and your new map will appear. 17. .49 | P a g e 15.

3. follow the instructions listed below. and select "Image". . 1.50 | P a g e Replace an image If you want to replace an image on your site with a Picasa photo. Click "Remove" in this dialog. 4. Open the "Insert" menu. Click the edit button. If you photo is on your computer and you just want to add it to your site. Click the image that you want to replace. 2. follow the Insert Picasa Photo instructions. A small dialog will appear above or below the image.

. After you are done moving and sizing your image. click Save. Use the image picker dialog to select your image.51 | P a g e 5. and click OK. 6.

Navigate to your document listing.52 | P a g e Replace a spreadsheet When your template was created. Documents and Spreadsheet Forms were also created. you can navigate to your Documents by clicking "Documents". . If you are the template creator you can find them in your Documents listing. click "Documents". Edit the spreadsheet. Create a new spreadsheet. 3. 2. embedded Google Spreadsheets. If you are logged into your Google account. Create a new spreadsheet to use in your site 1.

then you can invite members here. You must share your spreadsheet with members of your site. you need to make it viewable by everyone.. then click on the "People with access" tab. Click "Share". If your site is public. .53 | P a g e 4.. If your site is public." 5. then "Invite people. If your site is private (only shared with you or a few other people).

. Select "Let people view without signing in" or "Let people edit without signing in". Click on the "Change" link. 7.54 | P a g e 6.

Replace an existing spreadsheet 1. 2. Edit the page. Find the spreadsheet and click on the image. . Click "Save & Close".55 | P a g e 8.

. 4. Click the "Properties" link. Click "Change".56 | P a g e 3.

57 | P a g e 5. 6. Adjust the properties and click "Save". . Select your spreadsheet and click "Select".

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.

In you are not automatically logged in or do not yet have a google account. 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). 3. . and click "Sign in".61 | P a g e 2. Scroll to the site footer and click "Sign in". If you have a Google Apps Account click the "Sign in with a Google Apps Account" and enter in your Google Apps email address. Enter your google account email and password.

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

Give your gadget a title and choose your properties.63 | P a g e Use the sub page listing gadget 1. . This gadget rolls up subpages. 3. Click insert "Subpage listing". click "Edit page" 2. (note: the Table of contents rolls up headers on a particular page. and click save. where the subpage gadget rolls up children of a particular page). To insert the subpage listing gadget.

3. Sites gives you a couple of default locations. Click "Create page". Select your page template and give the page a name and select the location in the hierarchy where your page will live. click "Choose a different location" . 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. 2.64 | P a g e Add page to the subpage gadget 1. If needed. but you can "Choose a different location".

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

66 | P a g e 6. You can add content . and click "Select" 7. Click "Create Page" 8. You will see the path change to your new location. Your page is created.

Verify that your newly created page is listed. 11. shows up in the page listing gadget. Congratulations! .67 | P a g e 9. 10. Click the parent breadcrumb. Now lets just confirm that your newly created page. Click "Save".

If you are the template creator. Find the form and click to open it. 5. To find out the name of the form. 3. To add or remove fields. Each Form has an associated Spreadsheet that will collect that form's data. Next go to your Documents listing.68 | P a g e Working with forms When your template was created. 4. you can find these newly-created assets in your Documents listing. Documents and Spreadsheet Forms were also copied to your new site. 2. You are presented with the data table of the form. Find the spreadsheet and note the title. edit the page. go to the form menu . Adjust the Form 1. any embedded Google Spreadsheets.

Once your form is live.69 | P a g e and select "Edit form". any submissions will be gathered in the associated spreadsheet. .

Sign up to vote on this title
UsefulNot useful