Web Site Build

Google Sites: Objects - Designing Pages

Image: Public Domain CC0 from https://pixabay.com/ Videos on this page that are not Avi's are embedded from this site: https://portal.synergyse.com/a/#videos

Watch the videos and follow the instructions.

1 insert objects on page.mp4

Watch

Insert objects into a page 0:36

Do

Nothing

2 insert text box.mp4

Watch

Insert a text box 0:52

Do

Try it.

Notice that adding a text box creates a new section for it.

3 text formatting.mp4

Watch

Change text formatting 1:18

Do

Try it.

4 insert image.mp4

Watch

Insert an image 1:56

Do

Try it

Images Protocols

Watch

Image Protocols and Use 4:19

Do

Just watch

image attribution.mp4

Watch

Image Protocols and Use 5:30

Do

Try inserting and manipulating images.


Only use images for which you have permission to use.

  • Remember that all images should be attributed. Here is some information on attributing Creative Commons images.
  • If an image is your own, state that it is your own.
  • If an image is CC0 Public Domain, then that is all you need to include.
  • Even with CC0 Public Domain images, it is nice to provide a link to where you obtained the image.

You may use:

  • Images that you created (photos, graphics...). In all cases, you will want to reference the images so that folks know that the images are yours.
  • Images for which you have paid for their use.
  • Images which are not your creations but where the creator has given permission to use without payment. (Creator provides permission in writing, Public domain, Creative Commons...)

You may NOT use:

  • Photos taken by you which have people in them who have not given written permission.
  • Images of students.
  • Images of students.
  • Images of students. Period. Got it?
    • Exceptions: It is great to have images of your students on your ePortfolio. If you really want to include those, you will need:
      • Written permission from parents, or
      • You can take the shots so that nobody is recognizable. (Hands doing things, backs of heads...)
  • Images that were created by others but which you do not have permission for use
  • (Just because an image is found in a Google search does not mean that you have permission to use it in a public venue.)

In all cases:

  • You are required to provide attribution for the image, whether it is your own creation or not. Providing a link to the Google image search is not attribution. Google is a search engine.
  • In addition, if others are the subject of, or are in your images, attribution should include a statement that mentions permission was granted (without mentioning names). ​

A few sites you can use for images

  • Pixabay (CC0 Public Domain)
  • PXHere (CC0 Public Domain) Thanks, Jen S.
  • Pexels (CC0 Public Domain) Thanks, Kenna M.
  • Snappa Blog link with 21 image services reviewed. Most are free. Thanks, Kristina L.
  • https://svgsilh.com/4caf50/ for CC0 Public Domain Icons.
  • Have you found a great resource for free images? Email Avi with the link and he will include it here.
5 upload files from computer.mp4

NOTE: Google Sites has been changing quite a bit over the past few months. There is no longer an "upload file" button. Please use the Add Drive item below. You can upload any file to Drive to use on your site. Just remember to share the file.

Watch

Upload files from your computer 1:41

Do

Try it

6 insert from drive.mp4

Watch

Insert items from Drive 1:15

Do

Try it.

Important Note

Whenever you insert a Drive file or folder you will need to share it so that folks on the Web can see it. See below.


7 insert drive folder.mp4

Watch

Insert a Drive folder 1:33

Do

Try it

Note

Whenever you insert a Drive file or folder you will need to share it so that folks on the Web can see it. See animated gif above.


8 insert youtube video.mp4

Watch

Insert a YouTube video 2:13

Do

Try it.




Predefined Section Layouts - new Google Sites.webm

New

Pre-Designed Sections

Watch

Watch Gif on the left for the new ability to use pre-designed sections. This would be great for the Home Page, where you may wish to have three or four important links. This video is from https://www.steegle.com/ and does not have audio.

Do

Try it.

New

Buttons

Watch

Watch Gif on the left for the new ability to use Buttons. This video is from G Suite and does not have audio.

Do

Try it.

9 insert google doc.mp4

Watch

Inserting Google Docs 2:07

Do

Try it.

Note

Whenever you insert a Drive file or folder you will need to share it so that folks on the Web can see it. See animated Gif above.


13 change background of a section.mp4

Watch

Changing the background of a section 0:38

Do

Try it.


14 use image for section background.mp4

Watch

Using an image for the background of a section 1:20

Do

Try it.

Note

Remember the Images Protocol video.

15 text or image link.mp4

Watch

Create a text or image link 2:16

Do

Try it.


16 change header.mp4

Watch

Change the Header on your Page. (1:12)

Do

Try it.


Some Optional items

10 insert chart.mp4

Watch

Inserting charts 1:37

Do

Optional. Try it if you like.


11 insert embedded URL.mp4

Watch

Inserting embed URL 1:47

Do

Optional. Try it or save this one for later.


12 insert html.mp4

Watch

Insert HTML into a page 1:05

Do

Optional. Try it if you like.

Now Claim this Quest in your Tracker under Core Quests

Next