Embed HTML?

Using HTML in your Google Site ePortfolio allows a larger variety of content and more flexibility in customization. You don't have to be a programmer to know how to code for basic use calls for simply copying and pasting codes from sites such as YouTube or Scribd.

To embed HTML onto your page:

Click onto the 'Edit Page' button on the top right of the page (or press E on your keyboard)

Click <HTML> in the rich text editor

Locate where you want your code to be placed

Copy and paste a code you have found, or start creating your own!

OR

Click onto the 'Edit Page' button on the top right of the page (or press E on your keyboard)

Click Insert on the top left of the page, then HTML Box under Gadgets

Copy and paste the HTML code into the window that appears

Press Save

There are many resources available on the web (such as w3schools) to help you learn more about HTML and web development.

Insert an Images?

Adding Images to your Google Site can improve the visual appeal of your site and draw the interest of the viewer.

First, begin editing the page you want the image on

Next, click on the Insert menu and select Image

Select Upload Image and select the image to upload and click OK

Once an image has been inserted, a menu will pop up any time you select that image. This menu will allow you to change the alignment, size, and text wrapping of the image, as well as adding a link to the image.

Attach files to a page?

You can attach files within the Attachments section at the bottom of any page or within a File Cabinet-type page.

To attach a document to a standard page, click Add File at the bottom of the page. If Add File is not available, then you will need to add the ability to attach files for that page

File Cabinet page-types work as a normal page with additional features for attaching and organizing files located at the bottom of the page.

Add File allows you to attach files from your hard drive. Add Link will allow you to use a URL to link to a file on the web, or to link to a webpage. Add from Drive allows you to attach files from your Google Drive.

Move to offers the ability to create new folders or to move selected files to existing folders.

The file cabinet also allows for descriptions to be added to attached files. To use this feature, hover the move between the file name and file size. Then click on the highlighted box that appears to input your description.

Display PDFs on my Google Sites webpages?

Although you can display Google Documents in your Google Site relatively easily, Google doesn't allow you to easily embed PDF files that you've uploaded into Google Docs. If you try to use the "Insert > Document" method for a PDF that you've uploaded to Google Docs, it will say something like "The URL is not supported."

In order to display a PDF on a Google Site webpage, we recommend using a third-party service called www.scribd.com. In order to use Scribd.com, you must:

Sign up for a free account.

Then, you can upload PDFs (note: you can keep the PDF private by selecting the check box before uploading the document).,

Then, after the document has been uploaded, click the Embed button under the 'Share and Embed' heading on the right hand side of the page.

Under the 'Embed this document' heading click Copy (or Ctrl + C on your keyboard) to copy the embed code.

Paste the code in the HTML editor of the web page. Instructions are found in this tutorial

View page as viewer (preview page)?

Scan paper documents?

There is a scanner located next to the IT Help Desk. There, you can ask for help on scanning from someone at the desk. The IT Help Desk is located on the second floor of the Campus Library across the north sky bridge.

There are also two scanners in the Open Lab (UW2-140) and there are scanners in the Campus Library. All of these scanners can scan documents up to 8 ½ X 11 inches.

If you use the scanners in the Open Lab, contact the IT Help Desk for help by going to the phone in the Open Lab and dialing 2-3456.

If you use the scanners in the Campus Library, speak with someone at the adjacent Information Commons desk.

Manage attached files?

On your ePortfolio page, click on More (or M on your keyboard) in the top-right corner of the page.

In the drop-down menu, select Manage Site

In the left sidebar menu, click on Attachments

Here, in your file repository, you will be able to Replace, Move, Rename, or Delete files. Check the box next each file you want to manage and then select the action you want to perform at the top. More information and further instructions/details can be found in this tutorial.

Linking text to the middle of a page (create an HTML anchor)?

Creating links to anchors makes it so that you can link to a specific point on a web page. This is especially helpful for pages with an index refering to a long list of content. For example, you may have clicked a link on this page's index to find this tutorial or if you click [Return to Top of Page], it will take you back to the top of the page.

To link text to the middle of a page:

Click on the page where you want to drop an anchor and click Edit Page.

Click HTML on the formatting menu.

In the window that appears, locate where you want your anchor held.

Copy and paste the HTML code as follows: <a name="AnchorName" />

Replace AnchorName with a name that reflects this link's destination.

Update and save your changes

You have two options when it comes to linking to your anchor: either linking it from the same page or a from different page. Either way, the process is the same.

The URL for your anchor will look something like this: http://sites.google.com/a/uw.edu/YourSite/Page#AnchorName YourSite is the name of your site, Page is the page that contains the destination of your link, and AnchorName is the name you used to mark the destination of your anchor link.

Click OK

*Note: If you know HTML and would rather manually enter the links:

Create a link as you normally would.

Use <a href="#AnchorName">Link Text</a> to link an anchor to the same page

Or use <a href="WebsiteURL#AnchorName">Link Text</a> to link an anchor to an external page

Edit the sidebar or navigation bar

Hover your mouse over the left sidebar menu and click on Navigation when it appears

Uncheck the box next to Automatically organize my navigation to reveal a box with arrows on the right-hand side

Click Add page to insert pages into your navigation menu. Keep adding until you have all of the pages you want to include in your navigation menu

Once all of your pages have been added, click on one of the pages and use the arrows on the right-hand side to move the page up or down the menu. You can also change the indentation of each of the pages, making them fall underneath different sections of a page.

Make all subpages visible in navigation?

The way to collapse will differ based on whether or not you have allowed Google to automatically organize your navigation bar.

If you have allowed Google to organize your navigation bar:

Click on More then Edit Site Layout

Click onto your navigation bar. The navigation should highlight when you hover your mouse over it. The Configure Navigation screen will appear

Under Levels of Pages to Show select All from the drop-down menu

Press OK

If you have chosen to manually edit your navigation bar, then there is no simple button that collapses your subpages. Instead, click on the left and right arrow keys on the right side of the menu to move around subpages.

Change the order of attachments on a page?

Unfortunately, Google Sites does not offer a simplistic way of changing the order of attachments on a web page. The best way to manage all attachments, including ordering attachments on a given web page, is to go to the Manage Attachments page in the site management section. To do this:

Go to your Google Site, click on More, then Manage Site

Click Attachments in the left navigation menu

Now that you know where to manage all files, you need to manually rename documents, (in the order that you want the documents in) in alphanumerical order. Start with 1 through 9 (Google does not read numbers higher than 9) followed by A through Z.

Rename each document on a given page by checking the box next to the document and clicking Rename near the top of the page.

Type the number 1 with a period (e.g. "1.") in front of the name of the document.

Click Rename to save

Repeat steps 1-3 with the other files that are housed on that page following the alphanumeric order

Remember: this is only for documents on one given page. If you order attachments on a different web page, you can start over with the number 1.