Creating Websites with Google Sites

1,105 views

Published on

Workshop outlining some basic website editing techniques, using Google Sites

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

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

No notes for slide

Creating Websites with Google Sites

  1. 1. Create a Website: Free & Easy Anna M. Van Scoyoc Hopewell Twp Branch 2012 July 23
  2. 2. Agenda• Principles of Website Design• Overview of Google Sites o live demo o screenshots for future reference• Demo• Hands-On• Final Thoughts/Advice
  3. 3. Principles of Website Design• Audience• Design• Content• Navigation/Organization
  4. 4. Website (browser-based) Software• Doodlekit: http://doodlekit.com/• Moonfruit: http://www.moonfruit.com/• Weebly: http://www.weebly.com• Yola Sites: http://www.yola.com/• Google Sites: http://sites.google.com
  5. 5. Google Sites• Website development software o webpage o announcements (blog) o file cabinet o lists (project progress, to do list....)• Plan, Share, Collaborate, Inform• Private or public
  6. 6. Google Sites• WYSIWIG o no HTML knowledge needed• Search site with Google search technology• Free
  7. 7. No Google Account? Sign up...http://sites.google.com/
  8. 8. For a Google Account:•email address•password•birthday•CAPTCHA o retype funky letters•terms of service•privacy policy
  9. 9. Create a New Site Create a Site
  10. 10. Steps:•Pick a Template o Tip: Go Basic•Name Your Site
  11. 11. Steps:•Choose the Site Location o URL (sites address)•Select a Theme
  12. 12. Create a New Site Steps: •Sites description •CAPTCHA o retype funky letters
  13. 13. Add Text/Edit PageEdit a page
  14. 14. Save After Editing
  15. 15. Add a Web pageAdd a page
  16. 16. Create the New Page Steps: •Name New Page •Select Template o Web Page o Announcements o List o File Cabinet •Location for Page o main navigation o subpage
  17. 17. Edit PageInsert Pictures (Edit)
  18. 18. Insert
  19. 19. Slideshow
  20. 20. Save Edits
  21. 21. More Editor/Management OptionsManage Page Settings
  22. 22. Page Settings
  23. 23. Page Settings: •No/Show page title •No/Show links to sub- pages •Dis/Allow attachments •Dis/Allow Comments •Edit URL (pagesSave address) •Change pages template
  24. 24. Save
  25. 25. Edit Access Settings
  26. 26. Change Access
  27. 27. Add Contributors
  28. 28. More Editor/Management OptionsEdit Overall Layout
  29. 29. Manage site
  30. 30. Site layout
  31. 31. Edit / Change Dimensions
  32. 32. Edit / Change Dimensions
  33. 33. Edit / Change SidebarEdit Sidebar / Navigation
  34. 34. Edit / Change Sidebar
  35. 35. Deselect to Move Around Page Order
  36. 36. Tips• Map out site first o Remember keep main navigation list succinct (5-7 main pages)• Create all the pages you need first -- then add content• Re-order side navigation after all pages are created on the website• Test the site out on people (usability study)

×