Professional Documents
Culture Documents
Google Sites Tutorial PDF
Google Sites Tutorial PDF
WHAT IS A WEBSITE?
Write codes
Common tools:
HOW DO COMPUTER PROGRAMMERS BUILD A
WEBSITE?
If you are using a photo program that shows the size in pixels, for best
results, the logo height should be at least 112 px.
6. Click on Header Type and choose Banner
7a. You may upload a photo or select an image for the
site banner. You may use .png, .jpg or .gif type of file.
7b. You may upload a photo or select an image for the
site banner. You may use .png, .jpg or .gif type of file.
8a. Add more pages to your site.
8b. Type a name for your new page.
✓ Site name
✓ Page Title
✓ Logo
✓ Banner
✓ Pages
9a. Start adding contents to your site.
Double-click the page where
you want to add content Images
to show the shortcut tools.
Embed Upload
Text
Drive
9a. Start adding contents to your site.
5
Inserting a Youtube Video
1. Click on
YouTube
4. Click on Select
Changing Theme
✓ Insert text
✓ Select a layout
✓ Insert a video
✓ Insert an image
✓ Insert images using image carousel
Inserting Collapsible Text
Click on the collapsible text from the Insert Menu. Then enter new text.
1
2
Inserting a Link on a Collapsible Text
Highlight the word/s where to insert link. Then click on the Link icon. Set the link. You may a URL
of another site or you may choose from the set of pages in your site.
2
1
Inserting a Lesson Presentation Created in Google
Slide
2. Select your
chosen slide
presentation
from the list of 4. The slide
google slides. now
appears on
the page.
5. Click on the
chosen video
3. Click on File
Type
1. Click on
YouTube
Click on Insert
Click on
Forms Click on Insert
Inserting a Quiz created in Google Forms
using Hyperlink on a Text
Enter a text
on the page.
1. Open the
widget
3. Go back to
the page you
are working on.
Click Insert then
Drive.
A preview of a folder inserted in Google Site
1. Go to calendar.google.com
Creating a Google Calendar
3. Click on the 3
vertical dots next to
the calendar you
created.
3. Click on the 3
vertical dots next to
the calendar you
created.
7. Pick a date on the Calendar. Add Title and set the time. Click Save.
Inserting Google Calendar to Google Sites
2. Go to Settings. Make
sure you uncheck
“Requires sign in”. Then
click on Save.
Inserting a Contact Form
4. On the created
linked spreadsheet, go
to Tool and click on
Notification rules
Inserting a Contact Form
7. Go to embed code
6. Click on Send
8. Click on Copy
Inserting a Contact Form
❑ You can upload a jpg., .png., or .gif image file from your
computer.
❑ To add other file types, use Google Drive.
❑ So the other file types from your computer should be uploaded
to Google Drive in order to insert those files in your Google
Sites.
10a. Share your site with others.
You may send the copied link of your website via email or chat.
How to transfer site ownership
❑ For any revision done on the Google Site, unpublish the site
and publish it again. Refer to step 11 on how to publish the
site again.
THANK YOU
JANICE.NODA@DEPED.GOV.PH