Google Sites Tutorial


Published on

Using Google Sites to Create ePortfolios
Montclair State Unversity

Published in: Education, Technology, Business
No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Google Sites Tutorial

  1. 1. Contact: Fei Gao ( Office of Information Technology Montclair State University Creating Professional ePortfolios with Google Sites
  2. 2. Overview <ul><ul><li>This tutorial will show you how to create your ePortfolio with Google Sites ( </li></ul></ul><ul><ul><li>Google Sites allow users to create and edit websites online in a quick, easy and efficient way. Google Sites also allow users to embed multimedia files such as .swf, .mov and .pdf. </li></ul></ul><ul><ul><li>Before you start creating your own portfolio, please check out the sample portfolio created with Google Sites at </li></ul></ul><ul><ul><li> </li></ul></ul>
  3. 3. Create an Account If you don’t have a gmail account yet, you need to create one at . Then, go to and sign into your account. 
  4. 4. Create a Site When you are logged in at, click “create site”.
  5. 5. Customize a Site Choosing your site name will also auto-populate your site URL. You do have the option to change the site URL to something else if you wish. Please make your site public here.
  6. 6. Edit Home Page Then, you can edit the Home page you just created by adding image and welcome info.
  7. 7. Create a New Page IMPORTANT : The pages you created will automatically show up on the Navigation bar, but probably NOT in a desired order. Please DON’T change the order until you have added all the pages. I will show you how to modify page order in the Navigation bar at the end of this tutorial. Now you can start creating new pages. You are suggested to create all the pages first, and then fill in the content after all pages are created.
  8. 8. Create a New Page This list suggests pages to be included in your ePortfolio. <ul><li>Home/Introduction </li></ul><ul><li>Resume </li></ul><ul><li>Art Teaching Philosophy Statement </li></ul><ul><li>Teaching Strategies Statement </li></ul><ul><li>Unit Plan Lesson Plan 1 (subpage) Lesson Plan 2 (subpage) </li></ul><ul><li>Multicultural Mini-Activities </li></ul><ul><ul><li>Mini-Activity 1 (subpage) </li></ul></ul><ul><ul><li>Mini-Activity 2 (subpage) </li></ul></ul><ul><li>Artist’s Statement </li></ul><ul><li>Artist’s Portfolio </li></ul><ul><li>Diplomas, Awards and Certificates </li></ul><ul><li>Letters of Recommendation </li></ul><ul><li>Additional Content </li></ul>
  9. 9. Create a New Page When you click on the “create new page” button, the above page will show up. You can either put the current page at the top level or under a particular page as a subpage. For example, when you create a “teaching philosophy” or “resume” page, it is usually at the top level. But when you create “lesson plan 1” or “lesson plan 2” page, it should be put as subpages under the “lesson plan” page. Please refer to the sample portfolio for an example.
  10. 10. Create a New Page If a page is created accidently by mistake, you can go to that page, hit ‘More Actions‘ on the top right corner, and then click ‘Delete Page' to delete it. Then you can create a new page. If a page is created under the wrong subpage, you can go to that page, hit ‘More Actions‘ on the top right corner, and then click ‘Move Page' to place it as a subpage under a different page.
  11. 11. Create a New Page If you want to change a subpage back to top level , you can go to that page, hit 'more actions‘ on the top right corner - Select &quot;Move&quot; from the &quot;More Actions&quot; menu. - In the &quot;Move Page&quot; screen, select the &quot;Site Map&quot; option (link is just below the Search box). - Highlight the first line in the list of pages (this will be the name of your site, and represents the top level). - Click the &quot;Move&quot; button.
  12. 12. Create Picture Galleries: Prepare Pictures Please adjust all your pictures in your portfolio to make sure that they are of the same size. Please add a caption describing the picture at the bottom of each picture. This site - allows you to add a caption to your picture with ease. You will see a sentence -- “Want no watermark ? Use this link ” on that website. Click on the link, and you will be able to add a caption to your picture without the site’s watermark.
  13. 13. Create Picture Galleries: Insert a Table Insert a table, and adjust the size of the table based on the number of pictures you have for the gallery.
  14. 14. Create Picture Galleries: Insert a Image I Put your mouse at one cell of the table, and select “Insert-Image”. Then select “choose file” to upload an image from your local computer. Finally, click “add image”.
  15. 15. Create Picture Galleries: Insert a Image II Adjust the “Align” to “C” (center) Adjust the “Size” to “M” (Medium) Then, insert another image.
  16. 16. Create Picture Galleries: Done
  17. 17. Attach a Document First, you can convert a word document to a PDF document at the site: To attach it on a webpage, click “Attachments” – “Choose file”, and upload the PDF document from your computer.
  18. 18. Manage Site Go to “More actions”- “Manage site” to change the appearance, layout and navigation.
  19. 19. A. Change Site Name Go to “General”. Change the name and save the changes.
  20. 20. B. Delete Extra attachments Go to “Attachment” You can delete the images and attachments that you are not using.
  21. 21. C. Modify Navigation: Change the Width Go to “Change site layout”, Change the width from 150 to 250. Click “ok”
  22. 22. C. Modify Navigation: Change the Order I Go to “Site layout” – “Edit”, and uncheck the “”Automatically organize my navigation” box.
  23. 23. C. Modify Navigation: Change the Order III Go to “Site layout” – “Edit”, and uncheck the “”Automatically organize my navigation” box. Use the arrows to reorder the pages created. IMPORTANT: Please don’t uncheck the automatic function before you finish adding all the subpages. Otherwise, if you add a new subpage (e.g. Lesson plan 3), it won’t show up on the navigation bar without the automatically organizing function.
  24. 24. C. Modify Navigation: Done IMPORTANT: Don’t forget to “save changes” when you finish editing the navigation. After you save the changes, you can manage pages, attachments, colors and fonts, and themes on this “manage site” page. You can also share the editing right of this site with others by using the “Sharing” function.
  25. 25. Help Desk If you have questions about creating your own site, you can probably find the answers in Google’s user powered community at . You can either “post a question” or look for answers under “Discussion Categories”.
  26. 26. Help Desk If you have any additional questions about this tutorial or about creating your own ePortfolio with Google Sites, please contact Fei Gao, the Instructional Designer at Montclair State University at Thank You!