Steven Kieley Ewing Computer Learning Center February 7 th , 2012 Free and Easy Website Creation
Summary <ul><ul><li>Google Sites allows users to create and edit websites online in a quick, easy and efficient way. </li>...
Outline of This Presentation Two Parts <ul><li>Step by Step Building of the website </li></ul><ul><ul><li>(In Powerpoint, ...
Why Create a Website? <ul><li>Share pictures and files </li></ul>
Why Create a Website? <ul><li>Share pictures and files </li></ul><ul><li>Make public announcements </li></ul>
Why Create a Website? <ul><li>Share pictures and files </li></ul><ul><li>Make public announcements </li></ul><ul><li>Share...
Why Create a Website? <ul><li>Share pictures and files </li></ul><ul><li>Make public announcements </li></ul><ul><li>Share...
Why Create a Website? <ul><li>Share pictures and files </li></ul><ul><li>Make public announcements </li></ul><ul><li>Share...
Why Create a Website? <ul><li>Share pictures and files </li></ul><ul><li>Make public announcements </li></ul><ul><li>Share...
Why Create a Website? <ul><li>Share pictures and files </li></ul><ul><li>Make public announcements </li></ul><ul><li>Share...
Open Your Browser to Google Click on “More”
Then select “Sites”
Create an Account If you don’t have a gmail account yet, you need to create one at  https://www.google.com/accounts/NewAcc...
Good luck with this – it may take a few tries
After Choosing Google and then “Sites” this screen appears
Create a Site When you are logged in at http://sites.google.com/, click “create site”.
Customize a Site Choosing your site name will also auto-populate your site URL. You do have the option to change the site ...
Choose a Theme…
Your First Website Homepage (Using “Ember” Theme)
Completed Website Homepage
Choose a Template… <ul><li>For a beginner, choose the blank template </li></ul>The other templates are much more complete,...
School Template Example
Team Template Example
New Site Using Blank Template
New Site Using Blank Template Click on “New Page” symbol
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 ...
Add a Second New Page It is recommended you create all the pages first, and then fill in the content after all pages are c...
Add Background Click on “More”, then “Manage Site”
Add Background Click on “Colors & Fonts”, then choose your background
Select Background Select Background Here
Background Added
To Insert Text or Pictures Select “Edit Page”
Selections to Insert Appears
From “Insert”… <ul><li>You can choose any number of types of items to insert </li></ul><ul><ul><li>Images </li></ul></ul><...
Images and Text Added
Plan the Website Outline This list suggests pages to be included in a family website . <ul><li>Home/Introduction </li></ul...
Plan the Website Outline This list suggests pages to be included in a sports website . Home/Introduction Recent Game Resul...
Delete or Move Page… If a page is created accidently by mistake, you can go to that page, hit ‘More Actions‘ on the top ri...
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 to...
Change Site Name Go to “Manage Site” then “General”. Change the name and save the changes.
Sidebar: Change the Order (Modify Navigation) Go to “Site layout” – “Edit”, and  uncheck  the “Automatically organize my n...
Modify Navigation Go to “Site layout” – “Edit”, and  uncheck  the “”Automatically organize my navigation” box.  Use the ar...
Modify   Navigation: Done IMPORTANT: Don’t forget to “save changes” when you finish editing the navigation. After you save...
Help Desk If you have questions about creating your own site, you can probably find the answers in Google’s user powered c...
Insert a Calendar… To insert a calendar, you must first create one in Google Calendar Go there from the Google Home Page
Create a Calendar Click “Calendar”, then select  several simple options and finally “Create New Calendar”
Your New Calendar Appears
Edit Menu Appears After clicking “edit”, click on this space and type in any text;  OR   click on “insert” and choose….
Choose “Calendar” from “Insert” Menu
List of Existing Calendars Appears
Highlight Calendar Selection Then click “select ”
Calendar Appears on the Webpage
Add a “Hit” Counter
Less Involved simplehitcounter.com Click on “Get Counter Code”
Don’t Panic Copy & paste to your clipboard
Edit Webpage  Where you want the counter installed Then click “HTML”
Paste in Code from Clipboard Then click “update”
Remain Calm… Click “OK” anyway Then “Save”
Hit Counter Installed
Embed a You Tube Video Play, then  pause; copy Video’s URL Here
From “Edit Page” Button Select “Video” from Insert Menu
Paste Link Here
Video is Embedded
Imbed Music
From “Create Page” Button Select  “File Cabinet” Template
Template of File Cabinet Page Select “Add a Link”
Upload an MP3
Use the Old Uploader New One Has Less Options Go to www.fileden.com
Go to “Upload”
Go to “Files”, Right Click on Desired File, then select “URL”, then copy Link
Paste Link into Window Be sure to fill in all empty boxes
Link is Added Click on “View” to Play Song
Add a News Gadget  to First Page Click on First Page
Select Edit Page Click on Edit Page
Select Insert Click on Insert
Select More Gadgets Click on More Gadgets
Select News Gadget Click on Google News
Confirm Selection Click on Select
Select Desired Items
News Gadget Added
Add a Sidebar Gadget Click on “Edit sidebar”
From the Manage Site Window… Click on “Add a sidebar item”
Choose a Countdown Gadget
Configure Gadget Click “OK”, then “Save”
Countdown Added
Plenty of Help Screens…
and Step by Step Directions…
Bring You to a Conclusion
Very Helpful Help Site https://support.google.com/sites/?hl=en
https://support.google.com/sites/?hl=en
Have Fun!
Upcoming SlideShare
Loading in...5
×

Free and easy website creation

1,786

Published on

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

No Downloads
Views
Total Views
1,786
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
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!

×