Issuu on Google+

Google Sites Training Before you begin checklist... Upload the Roosevelt Logo to iPhoto 1. Go to this URL and drag the full size image to the desktop of your computer: http://illinoistheatre.org/Portals/2/images/ccpa.jpg 2. Drag the photo from your desktop into iPhoto. You will not need to edit the photo unless you do not want the auditorium and only want the logo. You make the call. If you want to crop out the auditorium, double click on the picture in iPhoto>Edit>Crop and Apply. Otherwise, once you picture is imported into iPhoto go to File>Export>Web Page, name your photo and choose Export. 3. This export should put some folders on your desktop. You can trash all of the folders except the one called Images. This Images folder will contain the picture you will upload to Google Sites for your banner. You may want to upload this photo to the website discussed below for easy access to your file on the training day.

Upload your pictures to Picasa! If you have pictures that you want to appear on your website, upload them to Picasa Web Albums through your Google account. Log into your Google account and at the top of your web window choose More...Then, even more and choose Picasa. When you get to the Picasa window click on the following to create a new album and upload your pictures! Step 1

Step 2

Step 3

Step 4 (Choose Unlisted under sharing)


Google Sites Training

Trainer: Kim Zimmer Questions? Email me: macteacher06@gmail.com

Google Sites allows you to create websites, using some of their built in themes. You can upload attachments, add links, insert images, post announcements, embed music and videos and embed documents. You can invite others to manage your site by giving them privileges. You can even limit who can see your WebPages if necessary. Your website is free and comes with 100mb of storage space for media.

Getting Started: 1. Go to Google: http://www.google.com/ 2. If you don始t have a G-mail account, sign up for one. 3. If Sites isn始t in the main Google menu at the top, click on Sites under more options once you are logged in to your Google account. You can also type sites.google.com/ in the URL.

4. You will get a welcome window. When this pops up, click on the Create Site option.


5. When the window pops up, give your site a name and complete the fields below with the following information: • Site name: lastnamedigitalportfolio (if you get a message stating that you canʼt use the chosen URL because it is already taken, choose one of the recommendations or put a number after your name, and then resubmit) • Site Description: Roosevelt College of Performing Arts Digital Portfolio • Mature Content: Do not check this box • Share with: Choose Only people I specify can view this site (until your site is done and you are ready to share) • Choose a Theme: Click More Themes...and select a theme. • Type the code and click Create Site


After clicking Create Site you will be directed to your new website! Before you add any content, it is best to customize your page layout. 6. Click Edit Sidebar and you will have access to a menu of page layout options. Be sure to have the Roosevelt logo or the logo that you want to appear in your website header saved to your computer.

7. Click Change site layout and a box will pop up. The only thing you need to change in this box is under Header Height:


8. To customize the banner on your website with the Roosevelt Logo, click the change Logo link under the Header option. When the Configure site logo window pops out, cick Custom Logo then browse for the Roosevelt logo (if you saved it in 4Shared, go there and download your file to your desktop) on your computer and click OK.

9. After adding the logo (banner) be sure to Save changes. Then click Return to Site in the top left corner of your screen. 10. You will notice that the title of your website is still lurking underneath the banner. To get rid of the unwanted title, go to More actions and click Manage Site.


11. When the following window pops up, choose General under Site Settings.

12. Uncheck the box that says, Show site name at the top of pages. When you are done, be sure to click Save changes! Then, return to site to view the changes.

TIP: This is also the area where you can see how much space you have left to work with on your site.


Creating and Managing New Pages Now that your site is set up, you need to add content. 13. Click Create Page option at the top of the menu.

14. Type in the name of the new page in the Name Section. In this case, title your first page, Intasc Standards. Make sure Put page at the top level is selected because it is a main link and not a subcategory. Click on Create Page.

15. Now, repeat the same steps to create pages with the following names: • Resume • Philosophy of Music Education • Student Teaching • References • Additional


16. On the homepage of your site, click the Intasc Standards link. Then, click Create Page. Add pages for Intasc Standards 1-10 and each time be sure to select Put page under Instasc Standards to make these subpages. Be sure to select the Intasc Standard link on the home page each time you create a new Intasc standards page then click Create Page.

17. After you have created sub pages for the 10 Intasc Standards, you will realize that Intasc Standard 10 appears after Standard 1. Annoying glitch: You will now need to edit the names of your pages to get Standard 10 in the correct place. Click on the Intasc Standard 2 sub page and go to Edit Page.

Delete the number and add a 2. Repeat process with numbers 3-10 until Intasc Standard 10 appears under Intasc Standard 9.


18. Now, follow these instructions to customize each sub page: • Click Intasc Standard 1 in the sidebar and then go to More Actions>Page Settings. Uncheck each box and click Save. Repeat this process for Standards 1-10.

Congrats!

The boring stuff is over.

Your website it now set up and ready for editing and embedding media!


Editing Your Web Pages: 19. Google Sites makes it easy to edit web pages. When you click Edit page, a rich text editor will appear that will allow you to change the look and feel of your content.

Adding a photo: 20. There are a few ways to add photos in Google Sites. The best way to save on storage space is to use Picasa web albums. If you have uploaded your photos to Picasa, Google Sites makes it easy to embed them in your site without taking up any of your 100mb of storage space. Choose Insert from the top menu bar then Picasa Photo from the drop down menu.

TIP: You have 1024 MB of free storage space in Picasa so consider compressing your photos before uploading them to Picasa. If you have trouble uploading your photos, it is probably because they need to be compressed.


21. Click on the photo album that contains your picture then click on the picture you want to insert.

22. After your photo appears on the web page, click on it to pull up the Alignment options: Left, Center or Right justified, Size: Small, Medium, Large or if you want the text to wrap around the photo.

Click Save!!!


Embedding Music: 23. Google Sites allows you to easily embed music in your website. In this case, you will put your music files under the sidebar link, Performance. Click on Performance. You will notice an attachments area at the bottom of your screen. Click attachments and you will see a browse button appear.

Search your hard drive for the music file you want embedded in your website, open the file and upload it to your site. Repeat this process if you want to add multiple music files. 24. Now we are going to add a music player gadget that will enable people to stream your music directly from the web page by pressing a play button. The first step in this process is copying the link location of the mp3 file(s) that you uploaded one at a time. Control + Click (right click) on the first mp3 in your attachments area and choose Copy Link Location.


25. Then, go to the top menu and click Insert (same process as you used for the Picasa photos) and scroll down to the last option, More gadgets....Click on MP3 player or search for Odeo MP3 Player.

26. Paste the URL into the Song URL field and you can choose to include a scroll bar, include a border around the gadget or display a title on your gadget. Click OK when you are ready to embed the gadget in your webpage.

*Title your gadget and set the width to 28 for best results


27. When you click OK, an HTML version of your gadget will appear on the webpage. Until you hit SAVE, you will not be able to play the gadget or see what it actually looks like to others. You can change the alignment or go back to gadget properties if need be before clicking save.

28. Now, click SAVE! Repeat the process for all of your mp3 files.

Embedding Google Documents: 29. Google Sites makes it easy for you to embed Google documents into your website. Click Insert then Document. Search for the document that you want to embed and click SELECT.


Optional-Embedding Video: 30. The first step in embedding video is to create an account and upload your videos to YouTube: http://www.youtube.com 31. When you upload videos to You Tube, the site generates a URL for you. Copy the URL of your video and go back to editing mode on the web page that you wish to embed the video in.

32. Click Insert in the top menu bar of Google Sites>Video>YouTube

33. Paste the URL of your video 34. Type a Title for your video and click save. The video will instantly appear embedded in your webpage.

Don始t forget to SAVE your page in Google Sites to see your changes.


Share your site or make your site public: At the beginning of this training, you chose Only People I Specify can view this site. Therefore, your site is not viewable by the public. When your site is complete and you are ready to go public, follow these steps. 35. Go to More actions > Share this site

36. Decide if you want to invite specific people as owners, collaborators (this would give them editing privileges or as viewers. You can also make your site public

Congrats!

You just made a Google Site!


Google Sites 4 Roosevelt University