Create and Customize Sites

Create a website with an easy to use interface and make all of your information accessible in one place. With Google Sites, you will be able to:

  • Create a website with one click without learning HTML.
  • Use existing themes to create a great looking site or customize it to make it your own.
  • Add Google Docs, Google Calendars, YouTube videos, and Picasa photos to your sites.

Getting Started

Interface Overview

Click an area of the image below to learn about the different sections of Google Sites (Firefox, Chrome, and Safari Only).


 

 

 


Sidebar

This is where you can add navigation links and texts that appear on the side of every page.

 


Horizontal Navigation Bar

You can add a horizontal navigation bar that appears at the top of every page.  See the section on adding a horizontal navigation bar below for more information.

 


Header

This is where your site's title and logo appear at the top of every page within your site.

 


Footer

You can add contact information and URL that appear at the bottom of every page.

 


Page Content

You can add contents such as texts, images, videos, Google Docs, Google Calendars, maps, etc. Each page can have its own unique contents.

Create and Format a Site

Create a Site

  1. From your Google Sites homepage, click on the Create button.
  2. Enter the name of your site. The name you enter will auto fill as the custom URL for your site. If you want a different URL, enter a new URL into the URL field. Note: You will not be able to change the URL later.

  3. Click on Select a Theme if you wish to use a theme.  Themes are a pre-packaged combination of colors, fonts, and layouts. You can always change your theme or modify the individual components later.

  4. Click on More options to enter your site's categories and descriptions:
    • Site Categories: Allow Google to group related sites and make them accessible when other Rebelmail users browse for sites (e.g., accounting, liberal arts, etc.).
    • Site Descriptions: To help others identify the purpose of your site. This will appear next to your site name when other Rebelmail users are browsing for sites.
  5. Under Share with, select who can access your site:
    • Everybody at UNLV: This will allow anyone with a Rebelmail account to make edits to your site.
    • Only people I specify: This means only you can access the site at the moment, but you can
    • Also let anyone in the world: Anyone in the world can view (but not edit) your site without signing in. This is useful when you want to share your site with people without a Rebelmail account.
  6. Click on the Create button at the top to complete the setup process. You will be taken to your new site.

Add a Logo

You can add a logo to the header of your site by doing the following:

  1. Make sure you are not editing a page (if you see the Save or Cancel button, you are in editing mode). If you are, click Save or Cancel to exit.
  2. Click on the More button and select Manage site from the drop-down menu.

  3. From the options on the left, click on the Site layout link.
  4. In the header section, click on the change logo link.

  5. To upload a custom logo, select Custom logo and click Browse to upload a logo from your computer (The suggested size for a logo is 145px wide and 52px tall. The file type can be jpeg, gif, and png). Once you have selected your logo, click OK.

  6.  When you have finished making your change, click Save.

Add a Horizontal Navigation Bar

Add a horizontal navigation bar

You add a horizontal navigation bar to your site by doing the following:

  1. Make sure you are not editing a page (if you see the Save or Cancel button, you are in editing mode). If you are, click Save or Cancel to exit.
  2. Click on the More button and select Manage site from the drop-down menu.

  3. From the options on the left, click on the Site layout link.
  4. Click on the Change site layout button.
  5. Check the box next to Horizontal navigation bar and click OK.

  6. When you have finished making your change, click Save. Now the horizontal navigation bar will appear below your site's header.

Add pages as menu items to the bar

After you have added the horizontal navigation bar to your site, you can add any pages in your site to the navigation bar as a menu item by doing the following:

  1. Return to the Site layout section, click on the edit horizontal nav content link

  2. To add a page from your site to the horizontal navigation bar, click Add page, then select your page in the pop-up window and click OK. To add a page from an external website, click Add URL, then enter the URL and the text to display and click OK.
  3. When you have finished modifying your settings, click OK, then click Save.

Change the display style of the bar

You can change the display style of your horizontal navigation bar by doing the following:

  1. In the Site layout section, click on the edit horizontal nav content link
  2. Under the Style section, choose from one of the following three styles:

    Links                                         Tabs                                                  Boxes
  3. Click OK when you are done.
  4. When you are finished making your change, click Save.

Add Items to the Sidebar

The sidebar is located on the side (you can choose left or right) of every page within your site, where you can add information that your viewers will always have access to. By default, Google Sites includes a navigation menu item in the sidebar. You can add additional sidebar items by doing the following:

  1. Make sure you are not editing a page (if you see the Save or Cancel button, you are in editing mode). If you are, click Save or Cancel to exit.
  2. Click on the More button and select Manage site from the drop-down menu.

  3. From the options on the left, click on the Site Layout link.
  4. In the sidebar section, click on the Add a sidebar item button. Click on the Add button to add the item to your sidebar. Here are some examples of sidebar items you can add:
    • Navigation: Displays links to pages within your site or links to external web pages.
    • Text Box: Displays text that will always be visible to your viewers (e.g., contact information, phone number, location, etc.).
    • Recent site activity: Displays a log of changes made to your site.
    • Countdown: Displays a gadget that countdown to a specific date to remind your viewers of an important event or deadline.

  5. Click on the edit link to modify the items you have added to the sidebar. Drag-and-drop to reorder each item.
  6. When you have finished making your change, click Save.

Change the Site's Theme, Colors, and Fonts

You can modify your site's theme, colors, and fonts by doing the following:

  1. Make sure you are not editing a page (if you see the Save or Cancel button, you are in editing mode). If you are, click Save or Cancel to exit.
  2. Click on the More button and select Manage site from the drop-down menu.

  3. From the options to the left, click on the Colors and Fonts link.
  4. To choose a new theme, click on the Base theme drop-down menu and select a new theme.  You can preview the new look at the bottom of the screen.

  5. To change the colors and fonts of the individual components, select the area you wish to modify from the left - entire page, site header, content area, etc. and choose a new color or font. You can preview the new look at the bottom of the screen.

  6. When you have finished making your change, click Save.

Change Site Layout

You can change the layout of your site's header, footer, sidebar, and page content areas by doing the following:

  1. Make sure you are not editing a page (if you see the Save or Cancel button, you are in editing mode). If you are, click Save or Cancel to exit.
  2. Click on the More button and select Manage site from the drop-down menu.

  3. From the options to the left, click on the Site layout link.
  4. Click on the Change site layout button.
  5. From here, you can modify each individual section. You can also remove them by deselecting them. Click OK when you are done.

  6. When you have finished making your change, click Save.

Delete a Site

A site can only be deleted by the site owner by doing the following:

  1. Make sure you are not editing a page (if you see the Save or Cancel button, you are in editing mode). If you are, click Save or Cancel to exit.
  2. Click on the More button and select Manage site from the drop-down menu.

  3. From the options to the left, click on the General link.
  4. Click on the Delete this Site button.
  5. A confirmation box will pop up. Click Delete to delete your site permanently.

Add and Format a Page

Add a Page to Your Site

You can add additional pages to your site by doing the following:

  1. Make sure you are not editing a page (if you see the Save or Cancel button, you are in editing mode). If you are, click Save or Cancel to exit.
  2. From you site, click on the New page button.

  3. Enter a name for your page. The name you entered will auto fill as the custom URL for your new page. If you want a different URL, click on the Change URL link and enter a new URL. Note: You will not be able to change the URL later.
  4. Select one of the following template to use:
    • Web Page: An empty page where you can add text, images, tables, calendars, Docs, videos, and more.
    • Announcements: A page to post chronological information (e.g., project updates, announcements, etc.). This page works similarly to a blog.
    • File Cabinet: Allows you to add and organize files in one place. You can upload files from your computer and manage them here.
    • List: Use it track lists of information (e.g., project statuses, team rosters, etc.).
    • Start Page: A page with a special area that is unique to each viewer of the page. Page collaborators can still add contents that everyone will see, but below that is content unique to every viewer.
  5. Select a location for the new page. Add the page at the top level or under an existing page.
  6. Click Create to add the page to your site. Now you can add contents to your new page.

Edit a Page in Your Site

To edit a page, click on the Edit a page button in the upper right corner of the screen.

The editing toolbar will appear giving you the tools you need to format the page. You can add text, edit the layout, and insert tables, apps, and gadgets to the page.

Google Sites offers nine different set of page layouts in three categories (simple column, column with header and footer, and sidebar page) to choose from for your web pages. To change the layout of your page, click Layout from the toolbar and select the appropriate page layout from the drop-down menu. Google Site will apply the selected layout to your page. Existing contents will not be removed, but may be moved about as a result of the new layout.

When you are done editing your page, don't forget to click on the Save button in the upper right corner of the screen to save your work.

Insert Google Calendars, Docs, and Object to a Page

You can insert Google Calendars, Google Docs, images, videos, and maps to a page by doing the following:

  1. Make sure you are not editing a page (if you see the Save or Cancel button, you are in editing mode). If you are, click Save or Cancel to exit.
  2. Click on the Edit button to enter editing mode.

  3. Click Insert from the toolbar and select the app or object you wish to insert. Here are some examples of apps and objects you can insert:
    • Google Calendar: From the Insert menu, select Calendar. Click on the calendar you would like to embed and click Select.
    • Google Docs: From the Insert menu, select Document, Spreadsheet, or Presentation. Select the Doc you would like to embed and click Select. When the source is modified, the Doc is updated automatically within your site.
    • Videos: From the Insert menu, select Video. Paste the URL of your YouTube or Google Video, or, insert one from your Docs List and click Select.
    • Images:  From the Insert menu, select Image. Upload an image from your computer or paste the URL of an image on the web and click OK.
    • Map: From the Insert menu, select Map. Enter a location and click on the search button. Your location will be marked with a red pin on the map. Select the type of map you wish to embed (map or satellite map) and click Select.

      Note: When you are embedding Google Calendars or Docs on your site, be sure members of the site have permission to access them. Learn more about sharing a calendar or sharing a Doc.

  4. Select the display options and click Save.
  5. The inserted app or object will appear as a gray box on your page. To view the object in its original format, click on the Save button at the upper right corner of the screen.

Delete a Page

You can delete a page by doing the following:

  1. Navigate to the page you wish to delete.
  2. Click on the More button and select Delete page from the drop-down menu.
  3. Click Delete to confirm that you wish to delete the page.

After a page has been deleted, you have 30 days to recover the deleted page by doing the following:

  1. Click on the More button and select Manage site from the drop-down menu.
  2. From the links to the left, click on Deleted items.
  3. Check the box next to the page you would like to recover and click on the Recover button to restore the page.

To learn more about Google Sites, please visit the Google sites help page.