Tutorial: Create a Google Site

Feel free to use this tutorial. If it isn’t displaying well, you can also view it here.

I created it using Clarify software. If you use that and would like the original file to make modifications, leave me a comment.


Creating a Google Site

In Google Chrome, open your Gmail or Google Drive

Find the black menu bar near the top of your screen. Click on Sites.

In Google Chrome, open your Gmail or Google Drive

Click Create.

Click Create.

1. Click Blank template.

2. Type the name for your site. This will become part of your site’s address.

3. This shows entire address of your website.

 

eedf3300-db86-4b37-95cd-65f804c31915.png

4. Select a theme. Click on a theme to see how it looks. The theme can easily be changed at any time.

5. Click Create.

e167753f-e06e-4f14-9286-a28d5af80455.png

Write on your home page.

Click on the pencil to start writing on your home page.

Write on your home page.

Change the Page Name

By default the front page of your site is titled Home. Type over the word home and that will change the page’s name and address.

Change the Page Name

Save your page.

31e3cf30-0a8a-453a-9f3a-8c3c515c0904.png

Create a New Page

Click the page with a + next to the pencil to create a new page.

Create a New Page

1. Type the page title. It will appear at the top of the page and in the page’s address.

 

851f745e-b3c5-420b-8a58-34ba03978483.png

2. Select a location.

If it is a new type of page put it at the top level. In the example below, Class Photos, Calendar, Word Study, etc. are at the top level.

If it is a new page of the same type, choose the second option. For example, if you make a new page for each newsletter, you might them all under a main newsletter page. In the example below, each week page is beneath Home.

 

3. Click Create.

9dcd63a9-f56f-4fa9-a358-88ed3aebfea7.png

The MORE Button

Use the More button to manage your website.

The MORE Button

Go to the Page actions section if you want to delete the page you are on. You cannot delete the home page.

Most of the time you will go to the Site actions section. Let’s go there now to Edit site layout.

dc07e36b-d82d-4506-b87c-29cb7e6e4356.png

Sidebars

You can have one or more sidebars on your site. The site below has 3 sidebars, Classes, Quest Boards, and Helpful Information. You can also turn off the sidebar.

Sidebars

Add a sidebar

Click the Sidebar + sign to add another sidebar.

Add a sidebar

Next, select what type of sidebar you want. If you want to add links, select Navigation.

4f06196c-9fc3-400e-8b93-dbccf292aa95.png

To hide all sidebars click the sidebar button. Click it again to reveal them.

728bee6d-1c02-4e03-b2e5-dc6921c5e8a3.png

Horizontal Navigation Bar

This site has a sidebar and a horizontal navigation bar. Weekly Update, Schedule, Blogs, Music News, Contact Info. and Classroom Policies are pages on this website that can be accessed from the horizontal navigation bar.

Horizontal Navigation Bar

Edit Horizontal Navigation Bar

Click above the sidebar to edit the horizontal navigation.

Edit Horizontal Navigation Bar

Click Add page.

d9718811-3ab8-46a8-8122-cb7ddb0bf35a.png

Type the name of the page you want and click the search button,
or,
find the page in the site map, then click OK.

919f1932-a4dc-4c12-ab54-ed993f0dd4aa.png

Click on a page in the list and then use the arrow keys to move it to your desired location on the horizontal navigation. Click Done.

d6549126-040b-48e4-89e0-83bf72f1d543.png

When you are done editing the site layout click the Close button to return to the website.

f9a64b18-692e-4e29-a570-877f14af12a1.png

Embed a Calendar

Google Calendars can easily be embedded into your site. First you need to change the calendar’s settings.

1. In Google Calendar click on the name of the calendar you want to use. Click on the arrow that appears to the right of the title.

2. Click Calendar Settings.

 

Embed a Calendar

Click the link to Share this Calendar.

5906af14-999d-445b-85fe-df384938299b.png

1. Tick the Share this calendar with others box.

2. Tick Make this calendar public.

3. In the drop down menu select See all event details.

4. Click Save.

5. Click Back to calendar.

f3b5f09f-597f-47f0-bfd3-7471743c5144.png

Add the calendar to your site.

Go to the page on your site where you want to embed the calendar. Click the pencil to edit the page.

Add the calendar to your site.

Click the Insert menu.

Click Calendar.

63866809-4b14-4240-ace7-7c86f66c5138.png

Tick the calendar you want to embed.
Click Select.

59355181-f193-4ab1-8a18-8326b4ecc8f1.png

Select the View.

Tick the Display Options you want.

Click Save.

Save the page to view your calendar.

dafec2ff-94bf-4c07-b32d-a802fcd28c16.png

Embed a Google Doc into your site

To embed a Google Doc, open the doc in your Google drive.

In the File menu click Publish to the web…

Embed a Google Doc into your site

Tick the box to Automatically republish when changes are made.

Click the Start publishing button.

Click Close.

7fa2d021-1c27-41e1-96c3-c54fdd442002.png

Click OK.

e819ef7e-cd44-44b1-b541-9646b183f326.png

Go to the page on your site where you want to embed the page. Click the pencil to start editing the page.

Click the Insert menu.

Select Document.

775346d2-5a92-4b3a-beb8-dc07fc9b73d7.png

Tick the document you wish to embed. If you don’t see the document, use the search field to find it.
Click Select.

f215059d-d240-4968-b8a8-407d045ae43f.png

Tick the Display options you want to use.
Click Save.
Save the page to view the document.

29557f75-9a27-4c56-ada8-3bb13cdc36c7.png

Creating a Google Site by Susan Sedro is licensed under a Creative Commons Attribution 3.0 Unported License.


Comments are closed.