SlideShare a Scribd company logo
Steven Kieley Ewing Computer Learning Center February 7 th , 2012 Free and Easy Website Creation
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.
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
Why Create a Website? Share pictures and files
Why Create a Website? Share pictures and files Make public announcements
Why Create a Website? Share pictures and files Make public announcements Share church, club or volunteer news
Why Create a Website? Share pictures and files Make public announcements Share church, club or volunteer news Distribute classroom information
Why Create a Website? Share pictures and files Make public announcements Share church, club or volunteer news Distribute classroom information Share family celebrations
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
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!
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/NewAccount  . Then, go to  http://sites.google.com/  and sign into your account. 
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 URL to something else if you wish.  Make your site public here if you choose.
Choose a Theme…
Your First Website Homepage (Using “Ember” Theme)
Completed Website Homepage
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
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 current page at the top level or under a particular page as a subpage.
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.
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”… You can choose any number of types of items to insert Images Videos Gadgets Calendars Countdowns Stock quotes News items, etc.
Images and Text Added
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
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
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.
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.
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 navigation” box.
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.
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.
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”.
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!

More Related Content

DOC
How to create_a_site
PPTX
Ncair summer drive in creating a google site
PPT
Sites Overview
PDF
How To Create A Hosted Wordpress
PDF
How To Use Shareist
PDF
How to Use Google Drive
PPT
Google Sites
ODP
Tech. integration for fl presentation flanc fall 2010
How to create_a_site
Ncair summer drive in creating a google site
Sites Overview
How To Create A Hosted Wordpress
How To Use Shareist
How to Use Google Drive
Google Sites
Tech. integration for fl presentation flanc fall 2010

What's hot (20)

PPTX
How to create a Google Site
PDF
Shareist tutorial for Beginners
PPT
Smk Delicious
PPTX
How to create a Google Site by Fiona Beal
PDF
How to Use the Google Drive
PPT
Wikispaces for the classroom
PDF
The Beginner's guide to creating a Google Site
PPTX
Creating a google site
PPT
How To Set Up Your Own Blog Using Wordpress
PPT
Google docs
PPT
How to use Google Drive
PPT
Embedding, Inserting and Linking on Wikispaces
PDF
Canvas 101
PPT
Jreck Social Bookmarking With Delicious
PPTX
Build A Better Blog
PPT
Using Mozilla Sea Monkey
PDF
Basic wiki
PPTX
WordPress.com
PPTX
How to make a weebly
PPTX
Etlc edublogs
How to create a Google Site
Shareist tutorial for Beginners
Smk Delicious
How to create a Google Site by Fiona Beal
How to Use the Google Drive
Wikispaces for the classroom
The Beginner's guide to creating a Google Site
Creating a google site
How To Set Up Your Own Blog Using Wordpress
Google docs
How to use Google Drive
Embedding, Inserting and Linking on Wikispaces
Canvas 101
Jreck Social Bookmarking With Delicious
Build A Better Blog
Using Mozilla Sea Monkey
Basic wiki
WordPress.com
How to make a weebly
Etlc edublogs
Ad

Viewers also liked (20)

PPTX
Google sites
PPT
El uso de los espacios virtuales para aprender de Miledys
PDF
Tutorial linoit
PDF
ePortfolios for Authentic Assessment
PPTX
Aprender y enseñar en colaboración. leticia marín
PPTX
Tarea #2 opcional como utilizar google forms para crear un examen - (10 pun...
PDF
Google apps calendar martín garcía valle
ODP
Google Sites Presentacion
PDF
Google Sites (Guía Básica)
PPTX
Portafolio electrónico google sites 1era parte
PPT
Los Portafolios Virtuales
PPTX
Google sites presentation
PPTX
Portafolio para clases usando Google Sites
PPTX
PPTX
Google sites as student portfolios
PPTX
Google Sites Workshop Fall 2015
PPTX
E-portfolios and Google Sites
PPTX
Google sites
PPTX
Plataformas educativas & virtuales presentacion
PPTX
Como utilizar google sites para crear un portafolio
Google sites
El uso de los espacios virtuales para aprender de Miledys
Tutorial linoit
ePortfolios for Authentic Assessment
Aprender y enseñar en colaboración. leticia marín
Tarea #2 opcional como utilizar google forms para crear un examen - (10 pun...
Google apps calendar martín garcía valle
Google Sites Presentacion
Google Sites (Guía Básica)
Portafolio electrónico google sites 1era parte
Los Portafolios Virtuales
Google sites presentation
Portafolio para clases usando Google Sites
Google sites as student portfolios
Google Sites Workshop Fall 2015
E-portfolios and Google Sites
Google sites
Plataformas educativas & virtuales presentacion
Como utilizar google sites para crear un portafolio
Ad

Similar to Free and easy website creation (20)

PDF
Diane dela cruz_how to create a simple landing page with weebly
PPTX
Google Sites Tutorial
PPTX
How to-use-wordpress
PPTX
How to-use-wordpress
PPT
PPT
L Hayes Online E Portfolio
PPTX
Creating a Website in Weebly
PDF
Student's portfolio's creation
PPTX
Setting Wordpress website guide for starters
PPT
Easy Website Creation with Weebly
PPTX
PPTX
group3-basicwebpagecreation-180605143111.pptx
PPTX
Unit 3: Lesson 3
DOC
Creating wordpress website step by step easy
PPTX
Group 3 basic web page creation
PDF
How to create a landing page in 10 easy steps with GetResponse
PPTX
Sharepoint
PPTX
Sharepoint
PPTX
Sharepoint
PPT
Diane dela cruz_how to create a simple landing page with weebly
Google Sites Tutorial
How to-use-wordpress
How to-use-wordpress
L Hayes Online E Portfolio
Creating a Website in Weebly
Student's portfolio's creation
Setting Wordpress website guide for starters
Easy Website Creation with Weebly
group3-basicwebpagecreation-180605143111.pptx
Unit 3: Lesson 3
Creating wordpress website step by step easy
Group 3 basic web page creation
How to create a landing page in 10 easy steps with GetResponse
Sharepoint
Sharepoint
Sharepoint

More from Joel May (20)

PPT
Organize, edit and share your photos
PPT
Organize, edit and share your photos
PPT
The most dangerous places on the web
PPT
101 ways to use a flash drive
PPT
Top Ten Reasons to use Gmail
PPT
Free software
PPT
Cell phones demystified
PPT
So you took some great pictures, now what?
PPT
Viruses Spyware and Spam, Oh My!
PPT
Removeable Storage
PPT
Planning Travel on the Web
PPT
Optimizing Your Computer
PPT
The Many Faces of Google
PDF
Introduction to Word
PDF
Excel tips&tricks
PDF
Introduction to Excel
PPT
Configuring the desktop
PPT
Audio on the web
PPT
Your family legacy
PPT
Mastering your hard drive
Organize, edit and share your photos
Organize, edit and share your photos
The most dangerous places on the web
101 ways to use a flash drive
Top Ten Reasons to use Gmail
Free software
Cell phones demystified
So you took some great pictures, now what?
Viruses Spyware and Spam, Oh My!
Removeable Storage
Planning Travel on the Web
Optimizing Your Computer
The Many Faces of Google
Introduction to Word
Excel tips&tricks
Introduction to Excel
Configuring the desktop
Audio on the web
Your family legacy
Mastering your hard drive

Recently uploaded (20)

PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PDF
Empathic Computing: Creating Shared Understanding
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
Modernizing your data center with Dell and AMD
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
cuic standard and advanced reporting.pdf
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
Encapsulation_ Review paper, used for researhc scholars
PPTX
MYSQL Presentation for SQL database connectivity
PPTX
Cloud computing and distributed systems.
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
NewMind AI Monthly Chronicles - July 2025
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
Empathic Computing: Creating Shared Understanding
The Rise and Fall of 3GPP – Time for a Sabbatical?
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
Network Security Unit 5.pdf for BCA BBA.
Modernizing your data center with Dell and AMD
“AI and Expert System Decision Support & Business Intelligence Systems”
20250228 LYD VKU AI Blended-Learning.pptx
Building Integrated photovoltaic BIPV_UPV.pdf
Per capita expenditure prediction using model stacking based on satellite ima...
cuic standard and advanced reporting.pdf
Reach Out and Touch Someone: Haptics and Empathic Computing
Encapsulation_ Review paper, used for researhc scholars
MYSQL Presentation for SQL database connectivity
Cloud computing and distributed systems.
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Agricultural_Statistics_at_a_Glance_2022_0.pdf
NewMind AI Monthly Chronicles - July 2025

Free and easy website creation

  • 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”
  • 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.
  • 19. Your First Website Homepage (Using “Ember” Theme)
  • 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
  • 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
  • 32. To Insert Text or Pictures Select “Edit Page”
  • 34. From “Insert”… You can choose any number of types of items to insert Images Videos Gadgets Calendars Countdowns Stock quotes News items, etc.
  • 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”
  • 60. Embed a You Tube Video Play, then pause; copy Video’s URL Here
  • 61. From “Edit Page” Button Select “Video” from Insert Menu
  • 65. From “Create Page” Button Select “File Cabinet” Template
  • 66. Template of File Cabinet Page Select “Add a Link”
  • 68. Use the Old Uploader New One Has Less Options Go to www.fileden.com
  • 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
  • 81. Add a Sidebar Gadget Click on “Edit sidebar”
  • 82. From the Manage Site Window… Click on “Add a sidebar item”
  • 84. Configure Gadget Click “OK”, then “Save”
  • 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