Free and easy website creation

2,077 views
1,957 views

Published on

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,077
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Free and easy website creation

  1. 1. Steven Kieley Ewing Computer Learning Center February 7 th , 2012 Free and Easy Website Creation
  2. 2. Summary <ul><ul><li>Google Sites allows users to create and edit websites online in a quick, easy and efficient way. </li></ul></ul><ul><ul><li>This presentation will show how you can create your own website and what you can use it for. </li></ul></ul>
  3. 3. Outline of This Presentation Two Parts <ul><li>Step by Step Building of the website </li></ul><ul><ul><li>(In Powerpoint, so it can be referred to later) </li></ul></ul><ul><li>Live demo using an actual website </li></ul>
  4. 4. Why Create a Website? <ul><li>Share pictures and files </li></ul>
  5. 5. Why Create a Website? <ul><li>Share pictures and files </li></ul><ul><li>Make public announcements </li></ul>
  6. 6. Why Create a Website? <ul><li>Share pictures and files </li></ul><ul><li>Make public announcements </li></ul><ul><li>Share church, club or volunteer news </li></ul>
  7. 7. Why Create a Website? <ul><li>Share pictures and files </li></ul><ul><li>Make public announcements </li></ul><ul><li>Share church, club or volunteer news </li></ul><ul><li>Distribute classroom information </li></ul>
  8. 8. Why Create a Website? <ul><li>Share pictures and files </li></ul><ul><li>Make public announcements </li></ul><ul><li>Share church, club or volunteer news </li></ul><ul><li>Distribute classroom information </li></ul><ul><li>Share family celebrations </li></ul>
  9. 9. Why Create a Website? <ul><li>Share pictures and files </li></ul><ul><li>Make public announcements </li></ul><ul><li>Share church, club or volunteer news </li></ul><ul><li>Distribute classroom information </li></ul><ul><li>Share family celebrations </li></ul><ul><li>Issue team schedules and information </li></ul>
  10. 10. Why Create a Website? <ul><li>Share pictures and files </li></ul><ul><li>Make public announcements </li></ul><ul><li>Share church, club or volunteer news </li></ul><ul><li>Distribute classroom information </li></ul><ul><li>Share family celebrations </li></ul><ul><li>Issue team schedules and information </li></ul><ul><li>Impress your kids & grand kids! </li></ul>
  11. 11. Open Your Browser to Google Click on “More”
  12. 12. Then select “Sites”
  13. 13. Create an Account If you don’t have a gmail account yet, you need to create one at https://www.google.com/accounts/NewAccount . Then, go to http://sites.google.com/ and sign into your account. 
  14. 14. Good luck with this – it may take a few tries
  15. 15. After Choosing Google and then “Sites” this screen appears
  16. 16. Create a Site When you are logged in at http://sites.google.com/, click “create site”.
  17. 17. Customize a Site Choosing your site name will also auto-populate your site URL. You do have the option to change the site URL to something else if you wish. Make your site public here if you choose.
  18. 18. Choose a Theme…
  19. 19. Your First Website Homepage (Using “Ember” Theme)
  20. 20. Completed Website Homepage
  21. 21. Choose a Template… <ul><li>For a beginner, choose the blank template </li></ul>The other templates are much more complete, but the blank one allows you to see how you can build the site incrementally
  22. 22. School Template Example
  23. 23. Team Template Example
  24. 24. New Site Using Blank Template
  25. 25. New Site Using Blank Template Click on “New Page” symbol
  26. 26. To Create a New Page… When you click on the “create new page” button, the above page will show up. You can either put the current page at the top level or under a particular page as a subpage.
  27. 27. Add a Second New Page It is recommended you create all the pages first, and then fill in the content after all pages are created. IMPORTANT : The pages you created will automatically show up on the Navigation bar, but probably NOT in a desired order. DON’T change the order until you have added all the pages. We’ll see how to modify page order in the Navigation bar later.
  28. 28. Add Background Click on “More”, then “Manage Site”
  29. 29. Add Background Click on “Colors & Fonts”, then choose your background
  30. 30. Select Background Select Background Here
  31. 31. Background Added
  32. 32. To Insert Text or Pictures Select “Edit Page”
  33. 33. Selections to Insert Appears
  34. 34. From “Insert”… <ul><li>You can choose any number of types of items to insert </li></ul><ul><ul><li>Images </li></ul></ul><ul><ul><li>Videos </li></ul></ul><ul><ul><li>Gadgets </li></ul></ul><ul><ul><ul><li>Calendars </li></ul></ul></ul><ul><ul><ul><li>Countdowns </li></ul></ul></ul><ul><ul><ul><li>Stock quotes </li></ul></ul></ul><ul><ul><ul><li>News items, etc. </li></ul></ul></ul>
  35. 35. Images and Text Added
  36. 36. Plan the Website Outline This list suggests pages to be included in a family website . <ul><li>Home/Introduction </li></ul><ul><li>Holiday Pictures </li></ul><ul><li>Special Events </li></ul><ul><ul><li>Graduations Mini-Activity 1 (subpage) </li></ul></ul><ul><ul><li>Mini-Activity 2 (subpage) </li></ul></ul><ul><ul><li>Sports Events </li></ul></ul><ul><li>Diplomas, Awards and Certificates </li></ul><ul><li>Biographies of Family Members </li></ul><ul><li>Additional Content </li></ul>
  37. 37. Plan the Website Outline This list suggests pages to be included in a sports website . Home/Introduction Recent Game Results Outstanding Players Calendar of Future Events Countdown to Playoffs Practice Schedules Directions to Different Fields Phone numbers Coaches Team Members Rosters
  38. 38. Delete or Move Page… If a page is created accidently by mistake, you can go to that page, hit ‘More Actions‘ on the top right corner, and then click ‘Delete Page' to delete it. Then create a new page. If a page is created under the wrong subpage, you can go to that page, hit ‘More Actions‘ on the top right corner, then ‘Move Page' to place it as a subpage under a different page.
  39. 39. To Move a Page… If you want to change a subpage back to top level , you can go to that page, hit 'more actions‘ on the top right corner - To move a page’s position, - In the &quot;Move Page&quot; screen, select the &quot;Site Map&quot; option (link is just below the Search box). - Highlight the first line in the list of pages (this will be the name of your site, and represents the top level). - Click the &quot;Move&quot; button.
  40. 40. Change Site Name Go to “Manage Site” then “General”. Change the name and save the changes.
  41. 41. Sidebar: Change the Order (Modify Navigation) Go to “Site layout” – “Edit”, and uncheck the “Automatically organize my navigation” box.
  42. 42. Modify Navigation Go to “Site layout” – “Edit”, and uncheck the “”Automatically organize my navigation” box. Use the arrows to reorder the pages created. IMPORTANT: Don’t uncheck the automatic function before you finish adding all the subpages. Otherwise, if you add a new subpage (e.g. Lesson plan 3), it won’t show up on the navigation bar without the automatically organizing function.
  43. 43. Modify Navigation: Done IMPORTANT: Don’t forget to “save changes” when you finish editing the navigation. After you save the changes, you can manage pages, attachments, colors and fonts, and themes on this “manage site” page. You can also share the editing right of this site with others by using the “Sharing” function.
  44. 44. Help Desk If you have questions about creating your own site, you can probably find the answers in Google’s user powered community at http://www.google.com/support/forum/p/sites?hl=en . You can either “post a question” or look for answers under “Discussion Categories”.
  45. 45. Insert a Calendar… To insert a calendar, you must first create one in Google Calendar Go there from the Google Home Page
  46. 46. Create a Calendar Click “Calendar”, then select several simple options and finally “Create New Calendar”
  47. 47. Your New Calendar Appears
  48. 48. Edit Menu Appears After clicking “edit”, click on this space and type in any text; OR click on “insert” and choose….
  49. 49. Choose “Calendar” from “Insert” Menu
  50. 50. List of Existing Calendars Appears
  51. 51. Highlight Calendar Selection Then click “select ”
  52. 52. Calendar Appears on the Webpage
  53. 53. Add a “Hit” Counter
  54. 54. Less Involved simplehitcounter.com Click on “Get Counter Code”
  55. 55. Don’t Panic Copy & paste to your clipboard
  56. 56. Edit Webpage Where you want the counter installed Then click “HTML”
  57. 57. Paste in Code from Clipboard Then click “update”
  58. 58. Remain Calm… Click “OK” anyway Then “Save”
  59. 59. Hit Counter Installed
  60. 60. Embed a You Tube Video Play, then pause; copy Video’s URL Here
  61. 61. From “Edit Page” Button Select “Video” from Insert Menu
  62. 62. Paste Link Here
  63. 63. Video is Embedded
  64. 64. Imbed Music
  65. 65. From “Create Page” Button Select “File Cabinet” Template
  66. 66. Template of File Cabinet Page Select “Add a Link”
  67. 67. Upload an MP3
  68. 68. Use the Old Uploader New One Has Less Options Go to www.fileden.com
  69. 69. Go to “Upload”
  70. 70. Go to “Files”, Right Click on Desired File, then select “URL”, then copy Link
  71. 71. Paste Link into Window Be sure to fill in all empty boxes
  72. 72. Link is Added Click on “View” to Play Song
  73. 73. Add a News Gadget to First Page Click on First Page
  74. 74. Select Edit Page Click on Edit Page
  75. 75. Select Insert Click on Insert
  76. 76. Select More Gadgets Click on More Gadgets
  77. 77. Select News Gadget Click on Google News
  78. 78. Confirm Selection Click on Select
  79. 79. Select Desired Items
  80. 80. News Gadget Added
  81. 81. Add a Sidebar Gadget Click on “Edit sidebar”
  82. 82. From the Manage Site Window… Click on “Add a sidebar item”
  83. 83. Choose a Countdown Gadget
  84. 84. Configure Gadget Click “OK”, then “Save”
  85. 85. Countdown Added
  86. 86. Plenty of Help Screens…
  87. 87. and Step by Step Directions…
  88. 88. Bring You to a Conclusion
  89. 89. Very Helpful Help Site https://support.google.com/sites/?hl=en
  90. 90. https://support.google.com/sites/?hl=en
  91. 91. Have Fun!

×