Google Sites Web Page Creation

Google Sites Web Page Creation

• 1.
  Creating Your OwnWebsite with Google Sites by: Tim Mattison [email_address] 1/11/10
• 2.
  Step 1- Login   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- Getto "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- SetupPress "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- Setupcont. 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- Webpage 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- SidebarLet'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- Sidebarcont. 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- AddingContent 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- UsingTables 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- AddingText 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- AddingImages within a Table - Let's insert an image.   - First, get an image (My Doc--Sample Pictures) [or Search "Public Domain" pictures, clip art at: http://search.creativecommons.org/ 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 AddingImages 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- Makingadditional 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 StepsThat's It!
• 18.
  Tips - GoogleSites "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 DON'TFORGET TO LOG OUT OF YOUR GOOGLE ACCOUNT!