Google Sites Web Page Creation

Uploaded on

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

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

More in: Self Improvement
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads


Total Views
On Slideshare
From Embeds
Number of Embeds



Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

    No notes for slide


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