Need Assistance?
Please fill out this Faculty & Staff Sites Support Form to request conversion, creation, or editing support. Download, print, or save as a Google Doc for this tutorial: Getting Started With Google Sites.

Getting Started

Step 1: Sign into MyGeorgiaSouthern

Step 2: Click on MyApps on the left-hand side


Step 3: Copy Template to Your GSU Account

Go to Google Sites Faculty Template and click on Use Template at the top right corner of the page.

Step 4: Easy Access to Google Sites

Now you should be able to easily access your Google Sites from MyApps; whether you are using Gmail, Calendar, Google+, or Docs, you should be able to see it at the top of your screen with the new Google bar.

Note: If for some reason you do not see this at the top, you can simply go to https://sites.google.com after logging into MyGeorgiaSouthern.

Step 5: Accessing Google Sites

Once you are logged into Google Sites, you will see the template that you just copied into your account. If you do not, please refresh the page or go back to Step 3 and it explains how to obtain the template.


Basic Editing

Edit Site Layout: Header, navigation, footer

Click on More >> Edit site layout and you will be able to change the header, sidebar, footer, and hover over the navigation to add, substract, or hide pages.

Hover over the navigation bar and you can drag the contents to rearrange, add new sections, and modify. You can click on the pencil icon to edit a specific navigation section. 

Edit Content

Open Basic GSU Template 2 then you can start editing the template. At the top right, click on the pencil icon to start editing this page. Once you switch to editing mode, this will give you access to several tools that will make adding content to pages relatively easy.

These are the tools that will appear at the top of your screen after switching to editing mode. 

Format Text

If you want to format text, highlight the amount you want to format and apply format. For example, as shown below, if you want to make text bold, first highlight it, than click on the bold icon at the top of your screen. You could also click on Format the top and apply different style headings.

Link Files & Pages

If you want to link to a Google Drive file:

  • In Google Drive:
    • Open the Google Document and change the share settings by clicking on Share at the top-right 
    • Click Change.  
    • Set to Anyone with the link and click Save.   
  • Then go back to your Google Site
    • Highlight a word(s) that you want to link to
    • Click on Link at the top
    • Choose Web address from the left menu and type in the URL 
    • Click OK.

Adding Tables

To add a table, click on Table >> Insert Table >> Now choose how many columns and rows you want.

Change Page Layout

If you want to change the layout and add a side-bar or more columns, you can do this by clicking on Layout at the top. The GSU template has a single column by default, but every page can be altered.

Save Your Work

Google Sites automatically saves your changes as you edit and it will restore them if you ever have a computer crash, wild child, or a crazy disaster :). Once you are finished editing, save your work by clicking on save at the top right corner of the page. Once you save your changes, you can continue adding other content.

Creating A New Page

After you are done with Edit Mode, you can now create a new page. At the top right, click on the page icon that has a plus inside it.

After you click on the icon, it will open a new page that will allow you to name the new webpage and click on create once you are done entering the name.

Vertical Navigation Bar

After you create a new page, it is automatically added to the Navigation Bar on the left. So it is easy to create as many new pages as needed and they will always be added to the navigation bar. The advanced section of this tutorial will go in detail about how to modify the size, colors, and amount of navigation bars.

Horizontal Navigation Bar

There is also a horizontal navigation bar that comes with the template. We wanted to give GSU websites a similar design of the official Georgia Southern website. If you would like to modify this, the steps are:
  1. At the top right corner, click on More >> Manage Site
  2. On the left-hand side, click on Site layout 
  3. Now you should see an option to edit horizontal nav content

Embed Media

Embed Google Drive Documents

1. Upgrade your account to Google Drive. Follow this tutorial if you are not sure: Google Drive.

2. Upload a file to Google Drive by clicking on the Upload icon at the top-left next to Create.

3. Convert the uploaded file into a Google Document if it is an Office, PDF, or any non-Google Document. To convert it, open the document within Google Drive, click on File at the top-left >> Export to Google documents. This will create a copy of the file and convert it into a Google Document so you still have the original document intact.


4. Open the newly converted Google Document and change the share settings by clicking on Share at the top-right >> Change >> Anyone with the link >> Save.


This will allow you to share the document with anyone who has the link. Otherwise your students will not be able to view the document and will see an error.


5. Once the file is uploaded and converted, you can embed the file into Google Sites. While in Edit Mode, if you click on Insert at the top left corner of page, you can add documents, presentations, HTML content, YouTube videos, and other content. Choose Documents and select the Google Document that was newly converted.




Embed PDF Files
Sometimes when you convert a PDF file into a Google Document, the conversion might not keep all the formatting. Follow these steps to embed a PDF document into Google Sites.




1. Upgrade your account to Google Drive. Follow this tutorial if you are not sure: Google Drive.



2. Upload the PDF to Google Drive by clicking on the Upload icon at the top-left next to Create.



3. Open the PDF file and change the share settings by clicking on Share at the top-right >> Change >> Anyone with the link >> Save. Copy the unique link.



This will allow you to share the document with anyone who has the link. Otherwise your students will not be able to view the document and will see an error.




4. On Google Sites, go into Edit Mode >> Insert >> More gadgets >> search iframe >> Select.



3. Paste the unique link that was copied in step 3 into the URL box and Save.

Embed Flash Files (SWF)Here is how you can embed a flash file into your Google Site.
1. Download the flash file to your computer. If you already uploaded the file to your Google Drive, simply right-click on the file and choose download.
2. Open your Google Site, click on More >> Manage Site >> Attachments >> Upload your file.

3. After your file is uploaded, go back to your website, click on Edit (pencil icon) >> Insert >> More gadgets >> Public >> Search for Flash wrapper and choose the first one on the list.
4. After you select the flash wrapper, fill out the URL and click OK, then Save.
For example, I uploaded the file Dalton.swf and my website URL is https://sites.google.com/site/nazimali, so when I type it in the URL section, it would be: https://sites.google.com/site/nazimali/Dalton.swf

Note: If you are getting weird borders, I recommend that you put in a background color. They are in hex code. For example, if you want the background to be white, type in ffffff. To get more hex colors, go to Hex Color Chart and you can choose presets or create your own.
Advanced Editing

Manage Your Website
You can manage settings for individual pages and your entire website by clicking on More at the top right corner.






Revision History
This will allow you to see the revisions on your website and you can revert to any revision that is shown. So if you experiment and and don't like the changes, you can easily go back to the way it was before.

Page Settings
This will give you a few options about the current page you are on. You will have to options to show page titles at the top, enable or disable comments and attachments. Page Settings can differ from page to page.
Manage Site
This is an advanced menu with more tools to modify your website even further.


Advanced Settings

There are two ways to get to the advanced settings. The first way is to click on edit sidebar on the left-hand side under the navigation bar and second way is to click on More >> Manage Website. There are basic options such as changing the name of the website, but in this section we are more interested in learning about the advanced settings that will allow you to tweak the GSU template more to your liking. 

Now lets move on to the Colors and Fonts option. 

Colors and Fonts

This section will allow you to change the colors and fonts for every title, side-bar, gadget, tables, boxes, site headers, and background. 

If you scroll through the options in the middle section, it will allow you to choose pre-configured styles and colors or manually set parameters. 

Site layout

If you want to modify the header, footer, horizontal navigation, layout, or the search button that appears on the top right of the website, you can do that here.

Pages

If you want to easily manage the links on the vertical navigation bar, this will allow you to drag links up, down, and indent just like how Page 2 is made as a sub-page of Page 1 in the picture below. 

Themes

Google has provided several default themes and layouts to start building your website. There are more themes than the amount in the screenshot below, but they are useful for beginners, personal websites, or just a hobby :)

Adding Media & Text

Now lets say that you want to add a picture, document, or video and want it to be visually pleasing. First you click on Edit Mode, type out your text in the text field, then add your picture or other media. Once the media is added, left-click on the object and you will see a floating settings bar either on top or under the object as shown below. 


 If you want your text wrapped around the image, make sure that Wrap On is selected as shown above. Otherwise the picture will be on top of the text. Test out these settings so you understand how they work. You can also align the image and setting a size with the options in the floating bar. 

Sharing Your Website

If you want to share your website or limit to who is allowed to view it, this can be controlled by going to More >> Manage Site >> Sharing and Permissions. It is easier to have each class in a group and when you add a group or person, it will automatically send them an email notification.