Computer Technologies LLC — IT, SEO & AI Solutions

Lesson 1 of 8

Introduction to Google Sites

Create a blank site and learn the difference between editing a website and publishing it for visitors.

GoalCreate and name a new site.

Practice time10–15 minutes

Build resultA new home page

Why this matters

Google Sites lets beginners create simple websites without writing code. You work inside an editor first. Visitors cannot see your changes until you publish the site.

Complete these steps

Open Google Sites in a new browser tab.
Choose Blank to start a new website.
Enter a site name in the upper-left area of the editor.
Replace the large page title with a clear title for your project.
Do not publish yet. You will continue building the site throughout this course.

Project idea: Build a portfolio, small business site, nonprofit site, school project, event site, or community resource.

Practice checklist

I opened Google Sites. I created a blank site. I entered a site name and page title.

Knowledge Check

1. When can regular visitors see your changes?

Immediately after you type them After the site is published Only after deleting the draft

2. Which option starts a site without a prebuilt design?

Blank Publish Share

3. What should you do first in this course?

Delete the home page Publish an empty site Create and name a new site

Complete the checklist and pass the quiz to continue.

Lesson 2 of 8

Understanding the Google Sites Editor

Learn how the Insert, Pages, and Themes panels control your website.

GoalUse the editor confidently.

Practice time15 minutes

Build resultA structured page section

The three main panels

Insert adds content. Pages creates and organizes website pages. Themes controls the overall appearance.

Complete these steps

Open the Insert panel and add a text box.
Add a heading that introduces your website.
Add one prebuilt content layout with an image and text area.
Open the Pages panel and observe your Home page.
Open the Themes panel and preview at least two theme choices.
Use Undo and Redo once so you understand how to reverse changes.

Design tip: Use headings to organize information. Avoid placing every sentence in one large paragraph.

Practice checklist

I added a text box and heading. I added a content layout. I explored Insert, Pages, and Themes.

Knowledge Check

1. Which panel adds text boxes and images?

Insert Pages Publish

2. Which panel organizes Home, About, and Contact pages?

Themes Pages Preview

3. What does Undo do?

Publishes the site Adds a new page Reverses a recent change

Lesson 3 of 8

Designing the Home Page

Build a clear home page with a strong welcome message and call to action.

GoalCreate a useful home page.

Practice time20 minutes

Build resultTwo complete sections

Complete these steps

Write a short headline that clearly explains the purpose of your site.
Add a one- or two-sentence introduction under the headline.
Add a button with an action label such as “Learn More,” “View Projects,” or “Contact Us.”
Add a second section explaining one important service, project, or benefit.
Add a divider or background style to separate the two sections.

Avoid: vague headings such as “Welcome.” A better heading tells visitors what the website offers.

Practice checklist

My headline explains the website purpose. I added a useful call-to-action button. My home page has at least two organized sections.

Knowledge Check

1. What is the best purpose of a homepage headline?

Fill empty space Repeat the website address Explain what the site offers

2. Which button label is clearest?

View Projects Click Here Maybe Button

3. Why divide a page into sections?

To hide the content To make information easier to scan To prevent mobile viewing

Lesson 4 of 8

Themes and Branding

Create a consistent visual style using colors, fonts, and a logo.

GoalApply consistent branding.

Practice time15–20 minutes

Build resultA coordinated visual design

Complete these steps

Open the Themes panel and select one theme.
Choose a primary color that matches your project.
Select readable font styles.
Add a logo or simple identifying image if one is available.
Review your headings, buttons, and backgrounds for consistency.

Accessibility tip: Use strong contrast between text and the background. Light gray text on white is difficult to read.

Practice checklist

I selected one theme. I chose consistent colors and fonts. My text is easy to read.

Knowledge Check

1. What creates the strongest brand consistency?

Using a different font in every section Repeating a coordinated set of colors and fonts Removing every image

2. Which text is easiest to read?

Pale gray text on white Bright yellow text on white Dark text on a light background

3. Where do you choose the overall site style?

Themes Pages Publish history

Lesson 5 of 8

Images and Multimedia

Add useful images, captions, alternative text, and video content.

GoalUse visual content effectively.

Practice time20 minutes

Build resultAccessible media content

Complete these steps

Add at least one relevant image to your home page.
Crop or resize the image so it fits the section cleanly.
Add alternative text describing the purpose of the image.
Add a caption when the image needs explanation or credit.
Add either a YouTube video or an image carousel.

Do not use: blurry, stretched, unrelated, or copyrighted images that you do not have permission to publish.

Practice checklist

I added a relevant image. I resized or cropped the image. I added alternative text and multimedia.

Knowledge Check

1. What is alternative text for?

Describing an image for accessibility Making the image blurry Replacing the page title

2. Which image is best for a website?

A stretched low-resolution image An unrelated stock image A clear, relevant, properly sized image

3. What can an image caption provide?

A hidden password Context or credit A new website address

Lesson 6 of 8

Pages and Navigation

Create additional pages and organize them into a clear navigation menu.

GoalBuild a multi-page site.

Practice time20 minutes

Build resultFour organized pages

Complete these steps

Open the Pages panel.
Create an About page.
Create a Projects, Services, or Resources page.
Create a Contact page.
Drag pages into the order visitors should see them.
Open the preview and test every navigation link.

Navigation tip: Use short page names. “Services” is easier to scan than “A Complete Description of Every Service We Provide.”

Practice checklist

My website has at least four pages. The pages appear in a logical order. I tested each navigation link.

Knowledge Check

1. Where do you create a new website page?

Themes Pages Image settings

2. Which page name is easiest to understand?

Contact Information Page Number Four Other Things

3. Why test navigation in preview mode?

To change the Google account To erase the site To confirm visitors can reach each page

Lesson 7 of 8

Embedding Google Tools

Add a Google Form or another Google Workspace item to your website.

GoalAdd interactive content.

Practice time20–25 minutes

Build resultAn embedded Google tool

Complete these steps

Create or select a Google Form for contact requests, feedback, registration, or a survey.
Open the Contact page in Google Sites.
Use the Insert panel to add the form.
Resize the form so all important fields are easy to use.
Check the form’s sharing settings.
Preview the page and submit one test response.

Important: Embedded files must have sharing permissions that allow the intended visitors to open or use them.

Practice checklist

I embedded a Google Form or another Google tool. I checked its sharing permissions. I tested the embedded content.

Knowledge Check

1. Why are sharing permissions important?

They change the font automatically They create a new domain Visitors may be blocked from the embedded content

2. Which tool is useful for collecting contact requests?

Google Forms Google Search history Google account password

3. What should you do after embedding a form?

Ignore it Preview and test it Delete the Contact page

Lesson 8 of 8

Previewing, Publishing, and Final Project

Review the website on different screen sizes, publish it, and complete the final project checklist.

GoalPublish a finished website.

Practice time25–35 minutes

Build resultA live Google Site

Complete these steps

Use Preview to inspect the desktop, tablet, and mobile layouts.
Fix text, images, spacing, or buttons that do not display well.
Test every page, button, link, form, video, and embedded file.
Click Publish and choose an available web address.
Select the appropriate viewing permissions.
Open the published link in a separate tab and test the live website.

Final project requirement: Your website should contain at least three pages, consistent branding, three images, one button, one embedded Google tool, and a working published URL.

Final project checklist

My site has at least three complete pages. My colors, fonts, headings, and images are consistent. I tested desktop, tablet, and mobile preview. I tested navigation, buttons, links, and embedded content. I published the website and opened the live URL.

Final Knowledge Check

1. Why preview the site on mobile?

To change the Google password To make sure the layout works on small screens To remove the home page

2. What should be tested before publishing?

Only the logo Only the home page title Pages, links, buttons, forms, and media

3. What makes the website available at a live address?

Publishing it Closing the browser Changing the theme

Certificate information

Student name

Website project type

Published Google Sites URL

Google Sites Interactive Course

Build Your First Website with Google Sites

Introduction to Google Sites

Why this matters

Complete these steps

Practice checklist

Knowledge Check

Understanding the Google Sites Editor

The three main panels

Complete these steps

Practice checklist

Knowledge Check

Designing the Home Page

Complete these steps

Practice checklist

Knowledge Check

Themes and Branding

Complete these steps

Practice checklist

Knowledge Check

Images and Multimedia

Complete these steps

Practice checklist

Knowledge Check

Pages and Navigation

Complete these steps

Practice checklist

Knowledge Check

Embedding Google Tools

Complete these steps

Practice checklist

Knowledge Check

Previewing, Publishing, and Final Project

Complete these steps

Final project checklist

Final Knowledge Check

Certificate information

Certificate of Completion

Build Your First Website with Google Sites