Free and easy website creation

  • 1,489 views
Uploaded on

 

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

Views

Total Views
1,489
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Steven Kieley Ewing Computer Learning Center February 7 th , 2012 Free and Easy Website Creation
  • 2. Summary
      • Google Sites allows users to create and edit websites online in a quick, easy and efficient way.
      • This presentation will show how you can create your own website and what you can use it for.
  • 3. Outline of This Presentation Two Parts
    • Step by Step Building of the website
      • (In Powerpoint, so it can be referred to later)
    • Live demo using an actual website
  • 4. Why Create a Website?
    • Share pictures and files
  • 5. Why Create a Website?
    • Share pictures and files
    • Make public announcements
  • 6. Why Create a Website?
    • Share pictures and files
    • Make public announcements
    • Share church, club or volunteer news
  • 7. Why Create a Website?
    • Share pictures and files
    • Make public announcements
    • Share church, club or volunteer news
    • Distribute classroom information
  • 8. Why Create a Website?
    • Share pictures and files
    • Make public announcements
    • Share church, club or volunteer news
    • Distribute classroom information
    • Share family celebrations
  • 9. Why Create a Website?
    • Share pictures and files
    • Make public announcements
    • Share church, club or volunteer news
    • Distribute classroom information
    • Share family celebrations
    • Issue team schedules and information
  • 10. Why Create a Website?
    • Share pictures and files
    • Make public announcements
    • Share church, club or volunteer news
    • Distribute classroom information
    • Share family celebrations
    • Issue team schedules and information
    • Impress your kids & grand kids!
  • 11. Open Your Browser to Google Click on “More”
  • 12. Then select “Sites”
  • 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. Good luck with this – it may take a few tries
  • 15. After Choosing Google and then “Sites” this screen appears
  • 16. Create a Site When you are logged in at http://sites.google.com/, click “create site”.
  • 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. Choose a Theme…
  • 19. Your First Website Homepage (Using “Ember” Theme)
  • 20. Completed Website Homepage
  • 21. Choose a Template…
    • For a beginner, choose the blank template
    The other templates are much more complete, but the blank one allows you to see how you can build the site incrementally
  • 22. School Template Example
  • 23. Team Template Example
  • 24. New Site Using Blank Template
  • 25. New Site Using Blank Template Click on “New Page” symbol
  • 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. 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. Add Background Click on “More”, then “Manage Site”
  • 29. Add Background Click on “Colors & Fonts”, then choose your background
  • 30. Select Background Select Background Here
  • 31. Background Added
  • 32. To Insert Text or Pictures Select “Edit Page”
  • 33. Selections to Insert Appears
  • 34. From “Insert”…
    • You can choose any number of types of items to insert
      • Images
      • Videos
      • Gadgets
        • Calendars
        • Countdowns
        • Stock quotes
        • News items, etc.
  • 35. Images and Text Added
  • 36. Plan the Website Outline This list suggests pages to be included in a family website .
    • Home/Introduction
    • Holiday Pictures
    • Special Events
      • Graduations Mini-Activity 1 (subpage)
      • Mini-Activity 2 (subpage)
      • Sports Events
    • Diplomas, Awards and Certificates
    • Biographies of Family Members
    • Additional Content
  • 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. 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. 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 "Move Page" screen, select the "Site Map" 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 "Move" button.
  • 40. Change Site Name Go to “Manage Site” then “General”. Change the name and save the changes.
  • 41. Sidebar: Change the Order (Modify Navigation) Go to “Site layout” – “Edit”, and uncheck the “Automatically organize my navigation” box.
  • 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. 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. 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. Insert a Calendar… To insert a calendar, you must first create one in Google Calendar Go there from the Google Home Page
  • 46. Create a Calendar Click “Calendar”, then select several simple options and finally “Create New Calendar”
  • 47. Your New Calendar Appears
  • 48. Edit Menu Appears After clicking “edit”, click on this space and type in any text; OR click on “insert” and choose….
  • 49. Choose “Calendar” from “Insert” Menu
  • 50. List of Existing Calendars Appears
  • 51. Highlight Calendar Selection Then click “select ”
  • 52. Calendar Appears on the Webpage
  • 53. Add a “Hit” Counter
  • 54. Less Involved simplehitcounter.com Click on “Get Counter Code”
  • 55. Don’t Panic Copy & paste to your clipboard
  • 56. Edit Webpage Where you want the counter installed Then click “HTML”
  • 57. Paste in Code from Clipboard Then click “update”
  • 58. Remain Calm… Click “OK” anyway Then “Save”
  • 59. Hit Counter Installed
  • 60. Embed a You Tube Video Play, then pause; copy Video’s URL Here
  • 61. From “Edit Page” Button Select “Video” from Insert Menu
  • 62. Paste Link Here
  • 63. Video is Embedded
  • 64. Imbed Music
  • 65. From “Create Page” Button Select “File Cabinet” Template
  • 66. Template of File Cabinet Page Select “Add a Link”
  • 67. Upload an MP3
  • 68. Use the Old Uploader New One Has Less Options Go to www.fileden.com
  • 69. Go to “Upload”
  • 70. Go to “Files”, Right Click on Desired File, then select “URL”, then copy Link
  • 71. Paste Link into Window Be sure to fill in all empty boxes
  • 72. Link is Added Click on “View” to Play Song
  • 73. Add a News Gadget to First Page Click on First Page
  • 74. Select Edit Page Click on Edit Page
  • 75. Select Insert Click on Insert
  • 76. Select More Gadgets Click on More Gadgets
  • 77. Select News Gadget Click on Google News
  • 78. Confirm Selection Click on Select
  • 79. Select Desired Items
  • 80. News Gadget Added
  • 81. Add a Sidebar Gadget Click on “Edit sidebar”
  • 82. From the Manage Site Window… Click on “Add a sidebar item”
  • 83. Choose a Countdown Gadget
  • 84. Configure Gadget Click “OK”, then “Save”
  • 85. Countdown Added
  • 86. Plenty of Help Screens…
  • 87. and Step by Step Directions…
  • 88. Bring You to a Conclusion
  • 89. Very Helpful Help Site https://support.google.com/sites/?hl=en
  • 90. https://support.google.com/sites/?hl=en
  • 91. Have Fun!