2 of 15

The Purpose!

Who are your learners?

How are they accessing the site?

Why are they using the site?

What is your theme?

3 of 15

Planning Your Site

How many pages do you need?
What will be linked off your home page?
What is the layout of each page?

Pt England School

Start with your home page and header

4 of 15

Create a site folder!

You need to create a folder for all of your site content - e.g. buttons, headers and the site itself!

Make sure that it is set to anyone with the link can view so that your site and its content are visible

5 of 15

Creating your site

Step 1: Click on your folder then create your site!

Step 2:

Step 3:

6 of 15

Creating a custom header

Creating a header image allows you to personalise your site to your theme and your learners. We believe this is better for classroom sites as it makes them more engaging for our kids.

You can use keynote or Google Draw to create your images. We are using Google Draw today.

Step 1: Create a new Google Draw

Step 2: Adjust the size to be 1000px by

250px

Step 3: Insert your image/ text

7 of 15

Creating a header

Remember, when finding images from Google they need to be free to use! This is the same when you are finding any image to use for your site

8 of 15

Creating a header or custom image

Once you are happy with your design, download your Google Draw as a PNG image and upload it into the header box on your Google Site.

9 of 15

Creating buttons

Just like before, open a new Google Draw and adjust the size. We recommend a size of 200px by 200px as Google Sites will allow you to resize your buttons when you insert them in your site to get a perfect fit.

Once you have completed your Google Draw, download it as an image.

We decided to make flower shaped buttons. To do this, we found a PNG image of a flower. This means that it has a transparent background.

10 of 15

Inserting an Image

You can use an image from your computer, an image from your drive or something straight from Google Images!

click insert and then images

2. choose an image from Google or from your drive

11 of 15

Inserting an Image

You can also upload an image from your computer

Or just drag an image into the site from your downloads bar.

Click on your image to resize it (by dragging the corners) or to crop it using the crop button!

12 of 15

Inserting a Image Carousel

Select the images that you would like to use for your carousel. You could put these in a folder within your site folder so they are easy to find!

2. Click insert and image carousel

3. Click select image and then click on Drive to locate your folder

4. Select your images and your carousel will appear! You can adjust its size and choose its location on your site.

13 of 15

Inserting a video

To insert a Youtube video go onto Youtube and copy the link to the video you would like and then paste it here:

14 of 15

Inserting from Drive

You can insert items from your Google Drive simply by finding them on the insert menu and dragging them onto your site

Click insert and select ‘From Drive’ or ‘Google Docs’

2. Find the item you would like from your drive and click on it.

As always you can drag it around your site and change its size.

15 of 15

Linking it all together!

Click on your image and press the link (chain) symbol.

Select the page that you would like to link your image to and press apply. You can also insert a link to website or ‘published to the web’ google slide deck by copying the URL.

Now click on the image to be taken directly to the page.