*

Google Sites: Creating, editing and sharing a site

Google Sites is an application that makes building a website for your organization as easy as editing a document. With Google Sites, teams can

quickly gather a variety of information in one place - including videos, calendars, presentations, attachments, and text - and easily share it for viewing or editing with a small group, an entire organization, or the world. As a business user, you can use Google Sites to set up internal project sites, intranets, or public-facing sites.


Read this guide for basic steps on creating a Google Site and customizing it for your organization. You’ll learn to:


  • Create a new website

  • Add and edit pages

  • Insert maps, forms, video and more

  • Embed calendars, spreadsheets, and other Google Docs

  • Customize site layout and appearance

  • Share your site for internal or external use



Are you a Google Apps administrator for your organization?  Visit the admin Google Sites overview page for more information on using Sites in your organization.



Access Sites


To create a new site, or to view a list of sites that you own or can edit:


  • Directly visit the page


Enter https://sites.google.com/a/your_domain.com in your browser (but be sure to replace your_domain.com with your actual domain name).


  • Or visit from another Google app


Whenever you're signed in to your Google Apps account, you'll see other apps listed at the top left of the page. Click Sites to access your sites list.


If you don’t see the link, make sure your network administrator has Sites enabled on the Google Apps control panel.


Create your site


From the Sites sidebar, click Create to make a new site.

*

Use a site template


First choose whether or not you want to work from an existing site template. There are hundreds of template options, ranging from public-facing business sites and work portfolios, to intranets and training sites, to pages for clubs and upcoming events. Each template features a topic-specific layout and professional appearance.



  • To select a site template, click Browse the gallery for more. Here you can find any site saved as a template for your organization, or search public template categories.

  • To design your own site from scratch, select Blank template.


Give your site a name


Enter a name for your site. Initially, this becomes the unique part of your site’s URL. If you want a different URL, just make the appropriate changes in the Site location field (don’t worry, this won’t change your site title). For guidelines on choosing a URL, see selecting a location for your site.



Keep in mind that the name and URL you choose must be unique within your domain. You can change the name later, but you won’t be able to change the URL.


*

If you’d like a fully customized URL that shows just your company name, such as www.yourcompany.com, talk to your Google Apps admin about how to create a custom web address.


Select a site theme


Choose a look for your site. Each option comes with a preset background, color theme and font selection. You’ll be able to adjust fonts, colors and the background later, and you can always change the theme or build your own custom theme once the site has been created. The default theme is Iceberg.


(Note: if you’re working from a template, your site might already have a theme. But you can choose another theme here, if you want.)



Under More options you can categorize your site and enter a description to make your site more findable. Both fields are optional, and can be changed later under Manage Site > General.


Once you’re all set, click Create at the top of the page. Your new site will appear.


Add pages to your site


At first your site only has a home page and site map. To create additional pages:


  1. Click the New page button in the upper right corner of the page.



  1. On the next screen, enter the page name. A URL is automatically generated for the new page, which you can change if you want. (Unlike with the site URL, you can change this later under More > Page settings > Page URL.)


  1. Now select a page template. You’ll see five options, each designed to help organize page content in different ways.



You can do most things with Web Page, like add text, insert photos and embed other content. The other options have more specific functions. Click Learn more to pull up a guide to different page types.


   If you make a page you might want to use again, you can create a page template.



  1. Choose where you want the page to be located within the site. Depending on what pages you already have, you can either nest your new page under an existing page or keep it at the top level.

    Nesting the page will affect its URL. It will also add a sub-page link to the page one level up (you can hide this  at
    More > Page Settings > Show links to sub-pages). Remember, you can always move pages later under Manage Site > Pages.

  2. Click Create. The next step is to edit the new page!


Edit pages in your site


With Google Sites, you don’t have to be a web designer to make something that looks good. Editing a page is just like editing a document, although you can do much, much more than just adding text. And if you are familiar with HTML, CSS, or Javascript, you can enter code directly using our HTML options (see below).


  1. Get started by clicking the Edit page button in the upper right corner to open the edit toolbar. (If you just created the page, the toolbar opens automatically.)



  1. Using the features on the edit toolbar, you can add text, insert tables and modify the page layout.



  • The Layout tab gives you multiple options for page geometry. For example, you can space out your page content by splitting it into columns, adding sidebars or inserting rows.



  • You can add links to your page for internal site pages or external pages with the hyperlink button.

  • Clicking <HTML> allows you to insert most HTML or CSS content directly. For more advanced coding, including Javascript, use the HTML Box under Gadgets.






Add objects, apps and gadgets


Under the Insert tab, you can add a wide variety of objects, apps and gadgets to enhance your site even further. This is also where you can embed Maps, Calendars, and Google Docs.



Some of the most useful apps and gadgets include:


  • Calendar: Make sure your project stays on schedule by embedding a calendar that includes key due dates.

  • Document/Presentation/Spreadsheet: Embed a Google Doc. When the source is modified, the document updates automatically within Sites (this is true when embedding documents, spreadsheets, forms and presentations)

  • Video: Upload a video from YouTube or Google Video. Simply paste the URL, enter a title, and save.

  • Map: Headed to an off-site meeting? Don't just provide directions, embed a map!

  • Recently updated files: Lists the latest additions/updates to files loaded onto the site.


Click on More gadgets to browse even more add-ins built by Google and third-party developers, or to search for a particular gadget. You'll be able to preview each gadget before adding it to your site.


For specific instructions, see Adding Docs, Calendars and other gadgets.

Customize your site


From the Manage Site page you can edit the site layout, add your organization’s logo to the header, choose colors and fonts, and build the right site structure for easy navigation.


For more specific instructions, see Changing your Site’s layout and Changing your Site’s appearance.


Define site structure and dimensions


  1. Click the Edit sidebar link on the left. (If your site doesn’t have a sidebar, click More on the upper right corner of any page and then click Manage site under Site actions.)



This will take you to Site layout in the Manage Site settings page, the overall control center for your site.


  1. From here, click Change site layout. On this page you can specify site dimensions and what structural elements you want on all pages, such as the header, sidebar and footer. Click OK when you’re finished.


Once you’ve chosen your site’s overall layout, you can customize each component individually.


Customize your header



Something you’ll probably want to do is put your organization logo on the header.


  1. On the Site layout page under header, click change logo. You may already have a domain default image available, otherwise you can always upload one.


  1. To adjust the header alignment and height, click change. This takes you back to the Change site layout list of options. Click OK when you’re finished.


  1. Make sure to Preview the changes before clicking Save.


*

You can further customize your site’s look by adding background colors or images to the content areas, header, or the entire page. Explore these options in Colors and Fonts under Manage Site.

Adjust colors, fonts and backgrounds


From Manage Site, click Colors and Fonts on the left sidebar.



Here you can change the colors, fonts and backgrounds across the site. The basic site page, the header, the text content areas, navigation menus and gadgets are all independently customizable. Check the display on the bottom of the screen to preview your changes before saving them.



Organize site navigation


It’s important to make your site easy to navigate for your users. In Site layout, you can add items to the sidebar and configure the built-in Navigation menu.


  1. First decide on the overall page structure. Do you want the sidebar on the left or right? Or does a horizontal navigation bar look better? Can’t decide? You can use both. Make these edits under Change site layout.


  1. Once you’ve added your navigation bar, click Edit. Using the arrows, arrange your pages in whatever order you want. By indenting certain pages, you can make them appear in drop down menus for horizontal navigation or as a sub-pages in a sidebar.


  1. Customize the look and feel of your navigation menu under Manage Site > Colors and Fonts.



Click OK and then Save in Site layout. Test out your navigation to make sure it’s what you want.



Share your site


Now that you've created your site, share it with others! First, you’ll need to decide if you want to make the site public or keep it private inside your team or organization. You’ll also want to decide whether you want to open up the site for collaboration or limit others’ access to view only.


Share publicly or across your organization


  1. From any page, click in the upper right. This takes you to the Sharing and Permissions tab under Manage Site.


  1. Find Who has access and click Change.



Here you can set Visibility options to make your site public on the web, accessible only within your organization, or private for a list of specified users. You can also choose whether pages can be found via search, or accessed only by linking to it directly.


Share and collaborate with work groups or teams


To restrict access to a specific group of people, or to give people different levels of access:


  1. Click to open Sharing and Permissions in Manage Site.


  1. Share the site by entering user names or groups in your domain in the address box, separated by a comma. Select the level of access you want them to have, and then click Save & share.



  1. As the site owner, you can control who can view and edit your site by adding others as owners, collaborators, or viewers (see sharing your site for details on the three different access levels).


The default share setting allows all users in your organization’s domain to access and edit the site. To make changes, click Change.