Google Sites allows you to create a website without having to know how to code it yourself. It falls under the Collaborative category in G Suite, meaning that you can get other Google users in on the website creation process too, which is what makes it so powerful and such a valuable tool for teams.
Like other platforms such as WordPress.com and Tumblr, Google Sites has site builder features that make it easy and intuitive to design your site the way you want. You can also add "gadgets" like calendars, maps, spreadsheets, presentations and more to make your site more functional. Choose a theme and customize it any way you want for a professional looking site that looks and functions great across all desktop and mobile screens.
2. Google Sites
http://sites.google.com – login with email address
• Easily create websites to share with others
• Create announcement boards
• Post documents and link to other websites
• Embed YouTube videos
• Embed Google docs, forms, etc
2Thiyagusuri
3. Google Sites
Create rich web pages easily
Collect all your info in one place
Control who can view and edit
3Thiyagusuri
4. Create your site
• Create your site
• Name your site
• Select a background
image, header type, and
theme
• Add, reorder, and nest
pages
• Set up site navigation
4Thiyagusuri
5. Create your site
5
Choose one of these options:
• From the Sites homepage, click Create
new site add
• From Google Drive,
click New > More > Google Sites.
Note: All Sites files are stored in Drive. For
more information on using Drive to
organize your files, see Get started with
Drive.
Thiyagusuri
8. How to Access Google Drive
http://drive.google.com
Login using your Email address
8Thiyagusuri
9. Google Drive Main Page
Clicking the my drive button gives you access to:
• Create new folders in Google Drive
• Create a Google document or other Google app
• Create a Google Form
• Create a Google Drawing
• Create a google sites
• Create a mind map
• Connect to other 3rd party apps
9Thiyagusuri
19. Name your site
Name different parts of your site:
• Site document name—Enter a unique
name to keep track of your site. The site
document name is only visible to you.
• Site name—The site name appears in
the header and in the web or mobile
window title bar after you publish the
site. You need to have 2 or more pages
in your website for your site name to
appear.
• Page title—Each page in your site has a
title, which appears at the top of the
page. The page title also appears in the
navigation menu. 19
1
2
3
Thiyagusuri
20. Background image, header type, and theme
Change the background image:
Go to Sites and open your site.
• Over the background image and click
Change image.
• Select an image from the Gallery or
choose another image to upload.
• Click Select.
• (Optional) To go back to the original
background image, click Reset refresh.
20Thiyagusuri
21. Change the header type:
Over the background image and click
Header type .
• Choose an option:
• Large banner
• Banner
• Title only
21
Header Type
Thiyagusuri
22. Themes
Change the theme and font style:
In the top-right corner,
click Themes.
• Select a theme option and
choose a color.
• Click Font style and select a
style.
22Thiyagusuri
23. Add, reorder, and nest pages
Add pages:
• In the top-right corner, click Pages > Add page .
• Name the page and click Done.
Reorder or nest pages: Click Pages.
• Drag a page up or down in the list to reorder it.
• Drag a page on top of another page to nest it.
• (Optional) To un-nest a page, drag it to the bottom of the list.
Note: You can only nest a page five levels deep. You can’t nest the
page that’s set as the homepage.
23Thiyagusuri
24. Choose page options:
• Under Pages, select a page and next to
it, click More to:
• Set it as the homepage.
• Duplicate the page.
• Rename the page.
• Create a sub page.
• Remove the page from the site. You
can’t remove the page that’s set as
your homepage.
• Hide a page or sub page. You can’t hide
the page that’s set as your homepage.
24Thiyagusuri
25. Set up site navigation
Change where the navigation menu
appears:
• Over the site name and click
Navigation Settings
• Choose where to place your
navigation.
• To see the menu on the left, click
Menu.
• (Optional) To move the pages in the
navigation menu, see Add, reorder,
and nest pages.
25Thiyagusuri
26. Update and personalize
your site
• Add content
• Edit text and pages
• Edit images
• Add content from another website
• Move and resize content
26Thiyagusuri
27. Add content
Add content to your site:
• On the right, select the page that you want to add content to.
• Click Insert. Or, double-click on the page where you want to add
content.
Choose the content you want to add:
• Text box—Add titles and text.
• Images—Add photos, designs, and other images.
• Embed URL—Add content directly from the web, such as music & videos.
• Upload—Upload photos, videos, or other documents from your device.
• Components—Add a (horizontal) divider line to your page.
• Google Drive—Embed any file or the contents of a folder stored in Drive.
If you make changes to your files in Drive, the same changes
automatically show in Sites.
• Google Embeds—Add YouTube videos (such as product trailers or
company ads), calendars (such as team or event calendars), and maps
• Google Docs—Add anything from Docs, Slides, Sheets, Forms, or Charts
to your site.
• Double-click on the page to add content. 27Thiyagusuri
29. Share and collaborate on Sites
Share a site:
• Choose an option:
• To share a site from Sites, click Add editors
• To share a site from Drive, in Drive, select the
site file and click Share
• Choose people to share your site with:
• To set permissions across your organization:
Under Who can edit, click Change, select a
sharing option, and click Save. You can then copy
and paste a link to the site into an email or chat
message.
• To set permissions for individual people: In
the Invite people box, enter the names or email
addresses of people in your organization you
want to share your site with then, click
Send > Done.
29Thiyagusuri
30. Change people’s permissions:
• To give permissions, click the Down
arrow arrow_drop_down next to the
person’s name and select a permission
level.
• To remove permissions, click the Down
arrow arrow_drop_down next to the
person’s name, and click Remove close.
• To restrict editors from publishing, changing
site access, or adding new people, click the box
next to Prevent editors from changing
access and adding new people.
• Click Save changes > Done.
30Thiyagusuri
31. Preview and publish your site
• Preview your site
• Publish your site for the first time
• Change a site’s URL
• Unpublish your site
31Thiyagusuri
32. Preview your site
Preview your site:
• Click Preview (Eye symbol - visibility).
• To see how your site looks on different
devices, choose an option:
• Phone
• Tablet
• Large screen
• Click Close (X) to exit the preview
screen.
32Thiyagusuri
33. PUBLISH
Publish your site for the first time:
• Click PUBLISH.
• Add a name to the end of the URL. Certain terms, such as support
and admin, can’t be used.
• Under Who can visit my site, choose who can see your site:
• Anyone in your domain
• Anyone on the web
• (Optional) If you choose Anyone on the web and you don’t want
your site available in public searches, check the Request public
search engines to not display my site box.
• Click PUBLISH. Visit your site's URL to confirm that your site
published correctly.
33Thiyagusuri
34. Change a site’s URL
Change your site URL:
• Next to PUBLISH, click the
Down arrow > Publish
settings.
• Enter a new URL.
• Click SAVE.
34Thiyagusuri
35. Unpublish your site
• Next to PUBLISH, click the Down
arrow arrow_drop_down > Unpublish.
35Thiyagusuri
36. Google Apps
Overview
Google Drive :
• File storage (15 GB)
• Google Docs (Word)
• Spreadsheets (Excel)
• Forms
• Presentations (PowerPoint)
• Drawings (Publisher)
Google Sites:
• Creating online webpages
36Thiyagusuri