Google Sites is a simple, versatile website building toolset that’s part of Google Drive.  It doesn't have all the features of other major web development tools, but it's simpler and easier to learn.   Google Sites are similar to Google Docs in that teams can easily collaborate on the same site.  This page offers some tutorials and other resources for quickly getting started in Google Sites.

Getting Started: A Simple, Single-page Google Site

Get started by building a simple, single-page Google Site.

Google Sites is organic to Google Drive, so you can find and organize your sites there.

Adding Pages and a Menu

Adding pages to a Google Site is quick, but if you plan to build a site with consistent format across pages, considering building template pages, first.

If you have more than one page Google automatically adds and maintains a site menu. You have options as to what and how that menu displays pages and links.

Adding or Embedding Content in your Google Drive

You can add various forms of content housed in your Google Drive to your Google Site, within embed windows. For example, your site visitors can view a Slide deck, or fill out a form.

Creating Buttons

Google Sites now includes a fast and easy way to add buttons into your Google Sites pages. Buttons are useful because they look cleaner than URL's and Links and look nicer overall as well. You can use buttons to link to other websites, other content in your Google Drive, and so on.

Using Google Drawings to Create Custom Buttons

Google Slides has an on-board button maker that makes simple clickable buttons. That's great, but using Google Drawings, you can create fancier or personalized buttons, and install them as images or graphics. This tutorial shows how.

Simply install them as images, and then connect them to a hyperlink.

Create Clickable Graphics or Diagrams

You can create clickable diagrams to display text or graphics. This can replace simply bulleted lists of text. With some imagination you can probably find other uses for this, and make your Google Site more interactive.

Adding Alt-Text to Images

Alt-Text is short for "alternative text" and is typically used with images on webpages. Alt-Text is important because it provides students with contextual information about the image, especially if the image is broken or the student is using a screenreader. Additionally, you can provide more immediate contextual information with an Image Caption.

Back to Google Drive and Related Apps: Faculty & Staff Resources