Adding Content to Your Portfolio (Google Sites)

Using Page Layouts

Several page layout options are now available in Google Sites. Using page layouts can save time and help organize content.

To see the page layout options, choose the insert tab and look under "Layouts"

To try one, simply click it, then edit it with your own text and images as desired.

You can also adjust the size of images or text boxes within the layout.

Adding Text Boxes

  1. Double Click in a blank space to bring up the quick edit wheel
  2. Click the Text icon in center Tt
  3. Choose Style (Normal, Title, Heading, Subheading, small
  4. Choose justification & add hyperlink if desired
  5. NOTE- Bold, Italics, Bullets & numbering available on Normal text only

Time Saving Tip

Before beginning on your site, create a Google Drive Folder & Set Sharing to Anyone with the Link Can View

Put all files for your site in this folder and they will inherit the Sharing setting of the folder. This saves time as you don't have to change settings on each file.

Adding any kind of file (docs, pdfs, slides, sheets, images, videos etc ) from Google Drive to Google Sites is super easy, but you must first verify the sharing settings to ensure that they are set to "Anyone with the link can view" to ensure that others can view the files.

Create a Shared Google Drive Folder

1. Open Google Drive

2. Click 'New' Folder

3. Name the folder "Graduation Porffolio"

3. With Folder selected, click Share

4. Click 'Advanced' in lower right corner

5. Select "anyone with the link can view" & save

Adding Files from Google Drive

FIRST STEP ->Verify Sharing Settings

Must be "Anyone with the Link"

REMEMBER:

  • Anything you add to that folder will then be shared correctly (big time saver!), so be sure to put EVERYTHING that you put on your website to this folder.
  • This includes docs, slides, sheets, images, videos, pdfs, etc. The sharing settings of the folder will apply to everything in it and ensure that files on your website are visible to anyone.

Also Remember

  • YouTube Videos (if applicable) must be set to "public" or "unlisted"
  • Google My Maps if applicable) must be set to "Public"
  • Calendars (if applicable) must be set to Public

IF you put all your files in the shared folder (above) and it is set to "Anyone with the link can view", you shouldn't have to worry about verifying every file, but if you ever have an issue here is how to fix it!

Adding any kind of file (docs, pdfs, slides, sheets, images, videos etc ) from Google Drive to Google Sites is super easy, but you must first verify the sharing settings to ensure that they are set to "Anyone with the link can view" to ensure that others can view the files.

To do this:

  1. Open the file in Drive and look at this symbol next to the word 'share'.
  2. If this is not the symbol you see, Click the 'Share' button (upper right corner)
  3. Click 'Advanced'
  4. Click "Change' & choose "anyone with the link "
  5. Save & exit. Now the symbol should be the one you see above (person with link under them).

Add Google Docs

  1. Find file in Drive and verify it is in your shared folder OR verify that sharing is set to 'Anyone with the Link' (see above)
  2. Double Click Quick Edit Wheel
  3. Choose 'From Drive'
  4. Search for file using search icon, My Drive, Shared with Me, Recent, Starred or opening the folder it is in.
  5. Click file and click 'Insert File'
  6. Adjust size as desired
  7. The whole file may not show in editing, but it will give viewers a scroll bar. Click preview (computer & phone icon at top) to wee what it will look like for viewers.

Add Google Slides

  1. Find file in Drive and verify it is in your shared folder OR verify that sharing is set to 'Anyone with the Link' (see above)
  2. Double Click Quick Edit Wheel
  3. Choose 'From Drive'
  4. Search for file using search icon, My Drive, Shared with Me, Recent, Starred or opening the folder it is in.
  5. Click file and click 'Insert File'
  6. Adjust size as desired, being careful not to skew the image.
  7. Choose desired options- auto start, loop playback, time, & starting slide

Uploading images & video to Google Drive for easy access

Today's cell phones take fantastic pictures and video and can be a great tool. Luckily, it is also very easy to get those great pictures and video into your Google Drive for safe keeping and easy access while working on your portfolio!


Working with Images in Google Sites

NOTE- With its simplicity of use, Google Sites lacks some control over image location, etc which can be annoying. Here are a couple of things to note when working with images in your site.

  • Image position can be adjusted horizontally, but not vertically within a block.
  • Be very careful when resizing images that you do not skew their proportions and cut off part of the image.
  • If you accidentally attach an image to another item (text box etc) it will take the same width. To move it, click it select it by itself, then drag to a new location.

Add Images from Drive

  1. Find file in Drive and verify it is in your shared folder OR verify that sharing is set to 'Anyone with the Link' (see above)
  2. Double Click Quick Edit Wheel
  3. Choose 'image' then "Google Drive"
  4. Search for file using search term or opening the folder it is in.
  5. Click file and click 'select'
  6. Adjust size as desired, being careful not to skew the image.


If the image is not your own, you are responsible for finding the source and giving attribution

Add Images from Device

You can upload images from your device, removable storage, etc to your Google Site.

  1. Double Click Quick Edit Wheel
  2. Choose 'image' then "Upload" and select the appropriate source
  3. Search for and find the file and click 'select'
  4. Adjust size as desired, being careful not to skew the image.

If the image is not your own, you are responsible for finding the source and giving attribution


Add Images from Google Search

Searching within Google Sites will return only copyright friendly images, so this is the safest way to find an image to use.

  • Double click blank space in Google Site and choose 'images' --> 'search'
  • Type a search term & find an image you like
  • Click to select the image you want.
  • When selected, the image URL appears below. Right click the URL and COPY it to cite your source.
  • Click 'Select' to insert the image
  • Add a text box under the image and paste the URL in it to give attribution.
  • Adjust size and location of image to suit being careful not to skew the image proportions.

Add Images from URL

When adding an image from a URL, it is up to YOU to be certain that you have permission to use the image and are not breaking copyright!

Filter image search for copyright

  • Type key word in a Google Image search
  • Click "tools' --> 'Usage Rights' and select appropriately depending on how you will use it

Get image URL

  • Click to open image you like in preview window
  • Right click the image and choose "Copy Image Address". This will copy URL to your clipboard

Upload image to Google Sites

  • Double click where you want image in Google Sites and choose "image" then paste the URL in

Add Videos from YouTube

You can upload your own videos to YouTube and insert them, or find videos to insert. When adding your own videos, be sure you set them to 'unlisted' (recommended) or 'public' (default) or others will not be able to view them. However, you must ALWAYS give attribution for other people's content and ensure that you are not infringing on copyright rules.

  1. Click the 'Insert' tab and choose "YouTube"
  2. Either type a search term on the 'Video Search' tab OR choose from videos you have uploaded under the 'uploaded' tab.
  3. YouTube Videos (if applicable) must be set to "public" or "unlisted" for others to be able to watch them
  4. If the video is not your own, you are responsible for verifying copyright and giving attribution for its use

Add Videos from Google Drive

The most fool-proof way to add your own videos is to upload them to YouTube and insert them. However, if you do not have access to Youtube, you can uplaod your own videos to Google Drive and then add them to your site, but you must make sure they are shared correctly (Anyone with the link- see above)

You can upload images from your device, removable storage, etc to your Google Site.

  1. Double Click Quick Edit Wheel
  2. Choose from 'Drive' find your folder--> video
  3. Click 'select'
  4. Adjust size as desired, being careful not to skew the proportions of the video.

If the image is not your own, you are responsible for finding the source and giving attribution

Embed a Website with its URL

You can embed some full, working websites into your Google site, or a clickable preview of just about any site

  1. Double Click Quick Edit Wheel
  2. Choose from 'embed' --> URL
  3. Copy and paste the URL from the site
  4. If the full page will embed, you will be able to see it in the 'fullpage' box. If not, you can choose the 'preview' and it will link to the site.

Remember, you are responsible for giving attribution for the website.

Embed Interactive Content Using iframe Embed Code

For the techy folks- If you create something online(piktochart, prezi, etc) that will provide you with an iframe embed code, you can embed it on your site and it will be live and interactive.


  1. Double Click Quick Edit Wheel
  2. Choose from 'embed' --> 'embed code'
  3. Look for an embed code- You can use HTML or <iframe> embed code
  4. Copy and paste the embed code from the site into the embed code box

Remember, you are responsible for giving attribution for the website.

For this example, I am using Piktochart, but many online programs allow you to access iframe embed code in the share settings (Canva and Adobe Spark Page, Video, & Post do as well- just to name a few).