Computer Technologies LLC — IT, SEO & AI Solutions

Advanced Lesson 1 of 10

Advanced Website Planning

Plan the site around a specific audience, purpose, and measurable action.

Practice time20–30 minutes

Build resultA five-page sitemap and CTA plan

LevelAdvanced Google Sites

Why this matters

Advanced websites are organized around what visitors need to find and do. Planning first prevents confusing navigation and repeated content.

Advanced activity

Identify one primary audience for the website.
Write one sentence describing the website’s main purpose.
Choose one primary call to action, such as Request Information, Register, Donate, Book, or View Work.
Create a sitemap with at least five main pages.
Write the primary action visitors should take on each page.
Remove or combine pages that repeat the same purpose.

Sitemap and CTA Planner Open the worksheet panel and print or save it as a PDF.

Completion checklist

I identified a primary audience. I wrote a clear website purpose. I created a sitemap with at least five pages. I assigned a primary action to each page.

Knowledge Check

1. What should guide an advanced website plan?

The visitor’s needs and website goal The number of available fonts The longest possible page names

2. What is a sitemap?

A list of passwords A plan showing the site’s pages and hierarchy A collection of image colors

3. Why assign a call to action to each page?

To give visitors a clear next step To hide the navigation To make every page identical

Advanced Lesson 2 of 10

Custom Themes and Brand Systems

Create a consistent brand system instead of relying only on a default theme.

Practice time25–35 minutes

Build resultA complete website brand system

LevelAdvanced Google Sites

Why this matters

A professional website repeats a controlled set of colors, fonts, image styles, buttons, and spacing so visitors recognize the organization.

Advanced activity

Choose a primary, secondary, and accent color.
Choose one heading font and one body font.
Create or select a logo and favicon.
Configure button, divider, link, and navigation styles.
Select a consistent site width and section background approach.
Review every page and replace styles that do not match the brand system.

Brand System Planner Open the worksheet panel and print or save it as a PDF.

Completion checklist

I created a three-color palette. I selected heading and body fonts. I added a logo and favicon or documented placeholders. My buttons, links, and navigation use consistent styling.

Knowledge Check

1. What creates the strongest brand consistency?

Changing colors on every page Repeating a controlled visual system Using as many fonts as possible

2. What is the favicon used for?

Identifying the site in browser tabs Creating subpages Publishing analytics

3. Which choice best supports readability?

Decorative fonts for all body text Low-contrast text Simple body text with strong contrast

Advanced Lesson 3 of 10

Advanced Page Architecture

Build page hierarchies, subpages, landing pages, and reusable layouts.

Practice time25–35 minutes

Build resultA structured multi-level website

LevelAdvanced Google Sites

Why this matters

Page architecture determines whether visitors can quickly understand where they are and how information is related.

Advanced activity

Create at least five main pages.
Create at least two useful subpages under appropriate parent pages.
Create one focused landing page that is hidden from the main navigation.
Duplicate one well-designed page to create a reusable layout.
Use clear, short page names and logical page order.
Add a table of contents to one long page when appropriate.

Page Architecture Audit Open the worksheet panel and print or save it as a PDF.

Completion checklist

My site has at least five main pages. I created at least two subpages. I created one focused landing page. I duplicated and reused a page layout.

Knowledge Check

1. When is a subpage appropriate?

When content belongs under a broader parent topic Whenever a page has an image Only after publishing

2. Why create a hidden landing page?

To support a focused campaign without adding menu clutter To prevent anyone from opening it To replace the homepage automatically

3. What is a benefit of duplicating a page?

It creates a consistent reusable layout It changes the domain It removes all content

Advanced Lesson 4 of 10

Conversion-Focused Page Design

Design pages that guide visitors toward a useful action.

Practice time30–40 minutes

Build resultA conversion-focused landing page

LevelAdvanced Google Sites

Why this matters

A well-designed page does more than present information. It helps the right visitor understand the offer, trust it, and take the next step.

Advanced activity

Write a specific headline that explains the offer or outcome.
Add a short supporting statement that clarifies who the page is for.
Place one primary call-to-action button near the top.
Add a benefits section focused on visitor outcomes.
Add proof, such as a testimonial, result, credential, or project example.
Add frequently asked questions and repeat the primary call to action near the bottom.

Landing Page Planner Open the worksheet panel and print or save it as a PDF.

Completion checklist

My headline explains a clear offer or outcome. My page has one primary call to action. I included benefits and proof. I repeated the call to action near the bottom.

Knowledge Check

1. What should a conversion-focused headline communicate?

A clear offer or outcome Only the organization name A random inspirational quote

2. Where should the primary CTA appear?

Only in the footer Near the top and again after supporting content Inside an unrelated image caption

3. What is social proof?

Evidence that supports trust A hidden page setting A type of font

Advanced Lesson 5 of 10

Advanced Embeds and Interactive Content

Combine Google Workspace tools and approved external content into useful experiences.

Practice time30–45 minutes

Build resultThree tested interactive elements

LevelAdvanced Google Sites

Why this matters

Interactive content can turn a static site into a registration system, reporting dashboard, resource center, event hub, or learning tool.

Advanced activity

Embed a Google Form that supports a real website goal.
Embed a second Google tool, such as a Calendar, Sheet, Slide deck, Map, or Chart.
Add one approved external embed or full-page embed.
Check permissions for every embedded Google file.
Resize each embed for desktop and mobile usability.
Open the published version and test all three interactive elements.

Interactive Content Plan Open the worksheet panel and print or save it as a PDF.

Completion checklist

I added three different interactive elements. I checked every sharing permission. I tested the embeds on desktop and mobile. Each embed supports a real website goal.

Knowledge Check

1. Why must embedded file permissions be checked?

Visitors may otherwise be blocked Permissions control font size Permissions create page titles

2. Which embed best supports event scheduling?

Google Calendar A favicon A divider

3. What makes an embed useful?

It supports a visitor task or website goal It is the largest item on the page It uses the most colors

Advanced Lesson 6 of 10

Announcements and Website Updates

Use temporary notices and update systems without rebuilding the site.

Practice time15–25 minutes

Build resultA tested announcement system

LevelAdvanced Google Sites

Why this matters

Organizations frequently need to promote deadlines, closures, events, registrations, or urgent updates without redesigning the homepage.

Advanced activity

Choose a real or sample announcement with a clear deadline or action.
Create an announcement banner with a short message.
Add a descriptive button label and destination link.
Choose whether the banner belongs on the home page only or across the site.
Set colors that attract attention while remaining readable.
Create a simple process for removing expired announcements.

Announcement Planning Sheet Open the worksheet panel and print or save it as a PDF.

Completion checklist

My announcement is short and specific. The button label describes the action. The banner scope matches the importance of the message. I documented when the announcement should be removed.

Knowledge Check

1. What makes an announcement banner effective?

A clear message, action, and deadline Several long paragraphs A button labeled Click

2. When should a banner appear sitewide?

When the message affects visitors across the site For every minor update Only when there is no link

3. What should happen after an announcement expires?

It should be reviewed and removed or replaced It must remain forever The site should be deleted

Advanced Lesson 7 of 10

Collaboration and Version Control

Manage editors, review changes, and recover previous versions safely.

Practice time25–35 minutes

Build resultA collaboration and recovery workflow

LevelAdvanced Google Sites

Why this matters

Advanced site work often involves clients, coworkers, teachers, or volunteers. Version control reduces the risk of accidental changes and unclear responsibility.

Advanced activity

Identify who should be an editor and who should only be a viewer.
Invite one trusted test collaborator when appropriate.
Make and document a controlled test change.
Open version history and compare versions.
Name an important version before a major update.
Practice documenting how to restore a page or full site.

Collaboration and Recovery Plan Open the worksheet panel and print or save it as a PDF.

Completion checklist

I identified appropriate editor and viewer roles. I reviewed version history. I named an important version. I documented a recovery process.

Knowledge Check

1. Who should receive editor access?

Only people who need to change the site Every visitor Anyone with the public link

2. Why name an important version?

To make a recovery point easy to identify To publish a new domain To change the favicon

3. What is the purpose of version history?

To compare and restore earlier work To collect form responses To create analytics goals

Advanced Lesson 8 of 10

Accessibility and Mobile Quality Assurance

Audit the full site for readability, navigation, accessibility, and responsive behavior.

Practice time35–50 minutes

Build resultA completed quality assurance audit

LevelAdvanced Google Sites

Why this matters

A site is not finished when it looks good on one computer. It must remain understandable and usable across devices and for people with different access needs.

Advanced activity

Check heading order and remove headings used only for decoration.
Add meaningful alternative text to informative images.
Replace vague link and button labels with descriptive wording.
Check text and button contrast.
Preview every page on desktop, tablet, and mobile.
Test navigation, forms, links, videos, and embeds.
Record at least five corrections made during the audit.

Accessibility and Mobile Audit Open the worksheet panel and print or save it as a PDF.

Completion checklist

I reviewed headings and alternative text. I checked contrast and descriptive links. I tested every page on three device sizes. I recorded at least five improvements.

Knowledge Check

1. Which button label is most accessible?

Click Here Learn More About Financial Aid Button 2

2. Why use heading order?

To communicate document structure To create a domain To hide paragraphs

3. What should mobile testing include?

Every page and interactive element Only the logo Only the homepage background

Advanced Lesson 9 of 10

Google Analytics and Measurement Planning

Connect measurement to business, nonprofit, educational, or portfolio goals.

Practice time30–45 minutes

Build resultA GA4 measurement plan

LevelAdvanced Google Sites

Why this matters

Analytics becomes useful when website activity is tied to specific questions, goals, and decisions rather than collecting data without a plan.

Advanced activity

Define three measurable website goals.
Identify the GA4 property or create an implementation plan.
Document where the Google Analytics measurement ID will be added.
Choose five reports or metrics to review regularly.
Create one campaign URL for a sample email or social post.
Document limitations and any events that may require additional tools.

GA4 Measurement Planner Open the worksheet panel and print or save it as a PDF.

Completion checklist

I defined three measurable goals. I documented the GA4 setup process. I selected five useful reports or metrics. I created a campaign tracking plan.

Knowledge Check

1. What should determine which metrics matter?

The website’s goals The largest available number The theme color

2. What does a campaign URL help identify?

Traffic from a specific promotion The favicon file Page hierarchy

3. Why document analytics limitations?

To avoid claiming the setup measures more than it does To make the page longer To remove all reports

Advanced Lesson 10 of 10

Publishing, Domains, Maintenance, and Final Project

Prepare a professional launch, maintenance system, and portfolio case study.

Practice time45–60 minutes

Build resultA published advanced website and case study

LevelAdvanced Google Sites

Why this matters

Professional website work includes launch preparation, ownership, permissions, testing, analytics, documentation, and an ongoing maintenance process.

Advanced activity

Review publishing permissions and confirm the correct owner.
Create a custom-domain plan or connect a domain when appropriate.
Complete a final test of pages, navigation, forms, embeds, and mobile layouts.
Name a final prelaunch version.
Publish the website and test the live URL.
Write a short case study describing the audience, goals, sitemap, branding, interactive tools, accessibility improvements, analytics plan, and maintenance schedule.

Final Project Rubric and Case Study Open the worksheet panel and print or save it as a PDF.

Completion checklist

My advanced site meets the final rubric. I tested the live published URL. I created a domain and maintenance plan. I completed a portfolio case study.

Knowledge Check

1. What should happen before a major launch?

A complete quality review and named recovery point All editors should be removed without notice The site should be tested only after launch

2. What belongs in a maintenance plan?

Content, link, form, permission, and analytics reviews Only font changes A list of browser passwords

3. What strengthens the student’s portfolio?

A published site plus a documented case study A blank homepage An unpublished draft with no explanation

Final submission information

Student name Published website URL Project type Case study completed

Advanced Website Planning

Advanced Google Sites Website Design

Advanced Website Planning

Why this matters

Advanced activity

Completion checklist

Knowledge Check

Custom Themes and Brand Systems

Why this matters

Advanced activity

Completion checklist

Knowledge Check

Advanced Page Architecture

Why this matters

Advanced activity

Completion checklist

Knowledge Check

Conversion-Focused Page Design

Why this matters

Advanced activity

Completion checklist

Knowledge Check

Advanced Embeds and Interactive Content

Why this matters

Advanced activity

Completion checklist

Knowledge Check

Announcements and Website Updates

Why this matters

Advanced activity

Completion checklist

Knowledge Check

Collaboration and Version Control

Why this matters

Advanced activity

Completion checklist

Knowledge Check

Accessibility and Mobile Quality Assurance

Why this matters

Advanced activity

Completion checklist

Knowledge Check

Google Analytics and Measurement Planning

Why this matters

Advanced activity

Completion checklist

Knowledge Check

Publishing, Domains, Maintenance, and Final Project

Why this matters

Advanced activity

Completion checklist

Knowledge Check

Final submission information

Advanced Certificate of Completion

Advanced Google Sites Website Design