On the top right you should see NINE dots by your initials is a "waffle"

A waffle in tech terms is a menu to launch the Google Apps

Click on it!

When you click on the waffle look for Sites...scroll down if you need to.

Click on Sites to open Google Sites!

You will notice we haven't built any sites yet...yet!

At the top there is a template gallery with different layouts etc. But we will start with a blank site!

So the site is blank but the first thing we need to do is name the "document"

Click on the top left where it reads  "Untitled Site"

Name it with YOUR:

First Name Last Name Website

Example: "Sarah Garcia's Website"

Click where it reads "Your page title"

Type something like:

Welcome to my website!

On the right and left are "handles" we can pull to expand the text box

Since we have a title, let's look at our website so far!

On the top right, Click the PREVIEW button

This is how your website would look if it was LIVE

When you hover over the header a box will display on the bottom left corner of the header

Click Header Type

It defaults to Banner, but you can choose from Cover, Large Banner, Banner, or Title Only

When you hover over the header a box will display on the bottom left corner of the header

Click Change Image

You are given a choice of Upload or Select Image

Choose Select Image

A popup box appears...

You now have a choice between Gallery, By URL, Search, Your Albums, and Google Drive

You will see a blue line around it

Click SELECT at the bottom left

If you hover your mouse at the very bottom of the webpage a dialog box "Footer" should show

Click + Add Footer

RUTHERFORD B. GASTON MIDDLE SCHOOL      

1100 E CHURCH AVENUE

FRESNO, CALIFORNIA 93706

559 457-3400 

TIP! Type the address all on ONE line giving extra spaces between the name and address etc

On the left are 3 icons:

Section Colors, Duplicate Section and Trash

Click the Section Colors Icon and select IMAGE>Select Image to add a photo

Just like with your header, you can search for a photo

Typically the Header and Footer should match

Search for an image (Just like before)

Select the image you want to use

Click Select

Now that we have a Header and a Footer we need some stuff in the middle!

The first part of the insert panel has singular insert items...

The next part of the insert panel is Content Blocks (formerly called Layouts)

Content blocks contain placeholders for both images and text!

• Click the + in the photo placeholder

• Select "Select Image"

• In the pop up, click GOOGLE IMAGES

• Just like with the Header and Footer, Search for an image that is represented in your About me

• Click on a photo you want to use to select it (you should see a thin, blue line around it)

• Click INSERT

• On the LEFT (Insert Panel) click IMAGES

• Click "Select"

• In the pop up, click GOOGLE IMAGES

• Again, search for an image that is represented in your About me

• Click on a photo you want to use to select it (you should check mark on the top left)

• Click INSERT

Again on the Insert Panel, scroll down to MAP

• Click on it 

• In the Enter a location box, type Fresno, CA

• A map of Fresno should appear and a pin will drop

• Click Select

After the map is placed,  click and drag one of the handles to the right so the map fits the width of the page.

Let go!