Creating Your Own Website with Google Sites by: Tim Mattison [email_address]   1/11/10
Step 1- Log in <ul><li>  </li></ul><ul><li>Log in to your Google (Gmail) account. </li></ul><ul><li>Don't check &quot;Stay...
Step 2- Get to &quot;Sites&quot; <ul><li>Under the &quot;more&quot; in the top left-hand side of the Google homepage. </li...
Step 3- Setup <ul><li>Press &quot;Create new site&quot; button </li></ul><ul><li>DO NOT  choose a template. Just leave it ...
Step 3- Setup cont. <ul><li>Click on the &quot;+&quot; in front of &quot;Choose a theme&quot; and select a theme that you ...
Ok, now what? <ul><li>  </li></ul>
Step 4- Web page layout <ul><li>This is your &quot;Home&quot; page.  It is the first (and for now only) page on your site....
Step 5- Sidebar <ul><li>Let's explore the Sidebar </li></ul><ul><li>- click on &quot;Edit Sidebar&quot; </li></ul><ul><li>...
Step 5- Sidebar cont. <ul><li>Of note in the &quot;Sidebar&quot;: </li></ul><ul><li>&quot;Site settings&quot;- &quot;Gener...
Step 6- Adding Content <ul><li>Ok, let's make some content... </li></ul><ul><li>Let's edit our new homepage </li></ul><ul>...
Step 7- Using Tables <ul><li>Let's talk for a moment about tables </li></ul><ul><li>Gives you MUCH MORE CONTROL over the p...
Step 8- Adding Text within a Table <ul><li>Back to content... </li></ul><ul><li>-Let's put some text in the first cell.  C...
Step 9- Adding Images within a Table <ul><li>- Let's insert an image.   </li></ul><ul><li>- First, get an image (My Doc--S...
Step 9 Adding Images cont. <ul><li>- When selected, the alignment and size of the picture can be adjusted (to a degree). <...
Step 10- Linking <ul><li>- Any text or image on your page can be made into a link (see handout) </li></ul><ul><li>- To mak...
Step 11- Making additional pages <ul><li>- To make a new page for you site press the &quot;Create page&quot; button on the...
No More Steps <ul><li>That's It! </li></ul>
Tips <ul><li>- Google Sites &quot;Help&quot; is only a click away- always in the top right (or use YouTube) </li></ul><ul>...
More Tips <ul><li>- Once you have a homepage you like e-mail Mary Anne and/or Frank to have it linked to the district page...
Final Reminder <ul><li>DON'T FORGET TO LOG OUT OF YOUR GOOGLE ACCOUNT! </li></ul>
Upcoming SlideShare
Loading in …5
×

Google Sites Web Page Creation

1,460 views

Published on

A presentation made by Tim Mattison outlining how to create web sites using Google Sites.

Published in: Self Improvement
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,460
On SlideShare
0
From Embeds
0
Number of Embeds
16
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Google Sites Web Page Creation

  1. 1. Creating Your Own Website with Google Sites by: Tim Mattison [email_address] 1/11/10
  2. 2. Step 1- Log in <ul><li>  </li></ul><ul><li>Log in to your Google (Gmail) account. </li></ul><ul><li>Don't check &quot;Stay signed in&quot; on a lab computer. </li></ul><ul><li>Don't forget to log out of your Google account after you finish this class. </li></ul>
  3. 3. Step 2- Get to &quot;Sites&quot; <ul><li>Under the &quot;more&quot; in the top left-hand side of the Google homepage. </li></ul><ul><li>Select &quot;Sites&quot; </li></ul><ul><li>If not listed, select &quot;even more&quot; and select &quot;Sites&quot; </li></ul>
  4. 4. Step 3- Setup <ul><li>Press &quot;Create new site&quot; button </li></ul><ul><li>DO NOT choose a template. Just leave it on &quot;Blank Template&quot; </li></ul><ul><li>Name your site-something simple (ex. Mr. Mattison's Web Page) </li></ul><ul><li>Your site's URL (address) is made from the name you selected for your site. </li></ul>
  5. 5. Step 3- Setup cont. <ul><li>Click on the &quot;+&quot; in front of &quot;Choose a theme&quot; and select a theme that you like.  Don't get too hung up on this- you can change it very easily later. </li></ul><ul><li>Skip &quot;More Options&quot; </li></ul><ul><li>Type in the code shown </li></ul><ul><li>Press the &quot;Create site&quot; button </li></ul><ul><li>Congratulations- you now have a web page! </li></ul>
  6. 6. Ok, now what? <ul><li>  </li></ul>
  7. 7. Step 4- Web page layout <ul><li>This is your &quot;Home&quot; page.  It is the first (and for now only) page on your site. </li></ul><ul><li>Remember from the handout: </li></ul><ul><li>Header </li></ul><ul><li>Sidebar </li></ul><ul><li>Footer </li></ul><ul><li>Page Content </li></ul>
  8. 8. Step 5- Sidebar <ul><li>Let's explore the Sidebar </li></ul><ul><li>- click on &quot;Edit Sidebar&quot; </li></ul><ul><li>- this gives you the main ways to adjust your page(s) </li></ul><ul><li>- if in doubt- look here first to &quot;change&quot; something </li></ul>
  9. 9. Step 5- Sidebar cont. <ul><li>Of note in the &quot;Sidebar&quot;: </li></ul><ul><li>&quot;Site settings&quot;- &quot;General&quot;  </li></ul><ul><li>     - can change site name </li></ul><ul><li>     - add site description (for better &quot;searchability&quot;) </li></ul><ul><li>     - can delete this site (but not your Google account) </li></ul><ul><li>&quot;Site appearance&quot;- &quot;Site layout&quot; </li></ul><ul><li>     - can add/ delete/ edit sidebar items </li></ul><ul><li>&quot;Site appearance&quot;- &quot;Colors and Fonts&quot; & &quot;Themes&quot; </li></ul><ul><li>     - change the look of the site </li></ul><ul><li>Press &quot;Return to site&quot; on the top left-hand side of the screen </li></ul>
  10. 10. Step 6- Adding Content <ul><li>Ok, let's make some content... </li></ul><ul><li>Let's edit our new homepage </li></ul><ul><li>     - press &quot;Edit page&quot; (top right)-notice the buttons change </li></ul><ul><li>     - the page content area is now able to be modified </li></ul><ul><li>     </li></ul><ul><li>STOP! </li></ul>
  11. 11. Step 7- Using Tables <ul><li>Let's talk for a moment about tables </li></ul><ul><li>Gives you MUCH MORE CONTROL over the placement of text and images. </li></ul><ul><li>Go to &quot;Table&quot;--&quot;Insert Table&quot;--&quot;2x2&quot; </li></ul><ul><li>- Cells will automatically expand to fit text or image size.   </li></ul><ul><li>- Row or columns will match the largest item in that row or column.   </li></ul><ul><li>- You can also resize cells by &quot;grabbing&quot; the bottom right-hand corner (becomes a small white square) and dragging. </li></ul>
  12. 12. Step 8- Adding Text within a Table <ul><li>Back to content... </li></ul><ul><li>-Let's put some text in the first cell.  Changes to font, font size, bold, italics and underline as well as other formatting options are in the top menu when in &quot;Edit page&quot; </li></ul><ul><li>-SAVE </li></ul>
  13. 13. Step 9- Adding Images within a Table <ul><li>- Let's insert an image.   </li></ul><ul><li>- First, get an image (My Doc--Sample Pictures) </li></ul><ul><li>[or Search &quot;Public Domain&quot; pictures, clip art at: </li></ul><ul><li>http://search.creativecommons.org/ </li></ul><ul><li>or take your own pictures. Save it someplace (desktop)] </li></ul><ul><li>- Click &quot;Edit page&quot; </li></ul><ul><li>- Click on the desired location for the image </li></ul><ul><li>- Select &quot;Insert&quot;--&quot;Image&quot; </li></ul><ul><li>- Upload image by &quot;Browse&quot; to image's location </li></ul><ul><li>- &quot;Open&quot; image </li></ul><ul><li>- Select image and press &quot;OK&quot; </li></ul><ul><li>DON'T PANIC! </li></ul>
  14. 14. Step 9 Adding Images cont. <ul><li>- When selected, the alignment and size of the picture can be adjusted (to a degree). </li></ul><ul><li>- Save </li></ul>
  15. 15. Step 10- Linking <ul><li>- Any text or image on your page can be made into a link (see handout) </li></ul><ul><li>- To make a link, highlight the text or image and use the &quot;Insert&quot; menu and select &quot;Link&quot; </li></ul><ul><li>- By default, Google will expect you to link to an existing page- one that's already made from your site (it will list them all).  You can also select ANY web address by choosing the &quot;Web address&quot; tab on the left.   </li></ul><ul><li>- You can type the link- but it's better to copy/paste. </li></ul>
  16. 16. Step 11- Making additional pages <ul><li>- To make a new page for you site press the &quot;Create page&quot; button on the top right-hand side of the screen.  (If you can't see it, you probably didn't save) </li></ul><ul><li>- Select &quot;Web Page&quot; template (should be the default) </li></ul><ul><li>- Name the page </li></ul><ul><li>- Select the location of the page.  (Think tree diagram) </li></ul><ul><li>- Press &quot;Create Page&quot; button at the bottom of the page </li></ul><ul><li>- Don't forget to link the new page to the old and old to new. </li></ul>
  17. 17. No More Steps <ul><li>That's It! </li></ul>
  18. 18. Tips <ul><li>- Google Sites &quot;Help&quot; is only a click away- always in the top right (or use YouTube) </li></ul><ul><li>- Keep it simple at the start.  You may want to start with just a Homepage. </li></ul><ul><li>- Don't forget to link your images, students are MUCH more likely to &quot;click&quot; the picture than the words. </li></ul>
  19. 19. More Tips <ul><li>- Once you have a homepage you like e-mail Mary Anne and/or Frank to have it linked to the district page. </li></ul><ul><li>- It doesn't have to be &quot;done&quot; all good web sites are a constant &quot;work in progress&quot;. </li></ul><ul><li>- Have fun!  Remember, if it gets too bad, delete it and try again- it's free. </li></ul>
  20. 20. Final Reminder <ul><li>DON'T FORGET TO LOG OUT OF YOUR GOOGLE ACCOUNT! </li></ul>

×