# How I Built a Simple School Exam Portal With Google Sites and Google Forms

- Author: SirMark (https://wurk.fun/user/SirMark)
- Published: 2026-08-18
- Canonical (HTML): https://wurk.fun/blog/how-i-built-a-simple-school-exam-portal-with-google-sites-google-forms
- Cover image: https://ik.imagekit.io/wurk/ChatGPT_Image_Aug_18__2026__11_01_04_PM_fLOTE52vY.png

---

When I needed to organise online exams for a school project, I had a simple problem: I had several Google Form exams, but sending students a different link for every subject would quickly become messy.

I didn't need a full school management system. I just wanted one place where students could read the instructions, choose their level, find their subject and open the correct exam.

So I combined two Google tools:

- Google Forms for the actual exam questions and responses
- Google Sites for the portal students would use to find each exam

Once the Forms were ready, the main portal itself took me only a few hours to put together.

![*This was the finished portal. Students started here, chose Junior or Senior Secondary, selected a subject and opened the exam.*](https://ik.imagekit.io/wurk/ChatGPT_Image_Aug_18__2026__09_41_25_PM_EX3-wsqsR.png)
*This was the finished portal. Students started here, chose Junior or Senior Secondary, selected a subject and opened the exam.*


---
## How I Organised the Portal
Before building the site, I decided how I wanted students to move through it.

My structure was:

**Home → Junior Secondary / Senior Secondary → Subject Card → Google Form → Complete Exam → Submit**

I kept it deliberately simple.

I didn't create extra pages for JSS1, JSS2, SS1, SS2 and so on. Instead, students first chose either Junior or Senior Secondary and then saw the available subjects. For a quick project like this, fewer steps made the portal easier to use.

**Step 1: Create the Exams in Google Forms**

I created a separate Google Form for each subject.

For every exam, I started by adding two short-answer fields:

- Full Name
- Class

Students filled those in before answering the exam questions.

Then I added the actual questions.

For multiple-choice questions, I could:

1. Add the question and answer options.
2. Open the Answer key.
3. Select the correct answer.
4. Assign the number of points for that question.

This allowed Google Forms to handle quiz scoring for the questions I had given correct answers and points.

![Blog image](https://ik.imagekit.io/wurk/ChatGPT_Image_Aug_18__2026__09_52_51_PM_EvzLcXivu.png)

*One of the actual exams I created in Google Forms, showing multiple-choice questions and point values.*

For this particular project, anyone with the exam link could open the Form.

That made access simple, but it also meant there was no proper student login or identity check. I would not use that setup for an exam where strict access control is important.

**Step 2: Build the Main Portal in Google Sites**

Next, I opened Google Sites and created the main portal.

I added:

- the school/project name
- an Online Examination Portal heading
- short instructions for students
- a button for Junior Secondary
- a button for Senior Secondary

My instructions were straightforward:

1. Choose your level.
2. Select your subject.
3. Enter your Full Name and Class.
4. Complete the exam.
5. Click Submit.

![The Google Sites editor I used to arrange the text, buttons, images and different sections of the portal](https://ik.imagekit.io/wurk/ChatGPT_Image_Aug_18__2026__09_43_48_PM_JzWdNIn-j.png)


*The Google Sites editor I used to arrange the text, buttons, images and different sections of the portal.*

Google Sites was useful here because I could build the layout visually. I didn't need to write HTML or CSS for the basic version. I then created one page for Junior Secondary and another for Senior Secondary and connected the two homepage buttons to those pages.

**Step 3: Add the Subject Cards**

Inside the Junior and Senior sections, I added the subjects students could choose from. For example, my Senior Secondary page included subjects such as:

- Chemistry
- Digital Literacy
- C.R.S
- Mathematics
- Government
- Economics

For each one, I created a simple subject card containing:

- a subject image
- the subject name
- the number of questions
- the exam time
- a button to start the exam

![Blog image](https://ik.imagekit.io/wurk/ChatGPT_Image_Aug_18__2026__09_49_10_PM_iS4N50skV.png)

*My Senior Secondary page showing the different subject cards and exam buttons.*

For my original project, I found the subject images on Pinterest.
The images aren't necessary for the portal to work😂. They simply make the page easier to scan and a bit more attractive.

**Step 4: Connect Every Subject to the Correct Exam**

This was probably the most important part to double-check. For each subject button:

- Edit the button in Google Sites.
- Give it a clear name.
- Paste the Google Form link for that subject.
- Save the change.

So the Chemistry button went to the Chemistry Form, Mathematics went to Mathematics, and so on.

A wrong link here could send a student into the wrong exam. Only after checking the links did I publish the site and share the main portal link.

That meant students needed one portal link instead of a collection of separate exam links.



---
## What This Simple Setup Can and Cannot Do

I think this method works best when you need something quick and simple. It can work well for things like:
- practice tests
- revision quizzes
- classroom exercises
- demonstrations

It also doesn't require you to know how to code.

But there are limitations. Because I allowed anyone with the Form link to respond, my version did not have proper student authentication. Google Forms also wasn't locking students into the exam page or stopping them from opening other tabs.

So I wouldn't present this as a secure system for major or high-stakes examinations. For those situations, you would want something with stronger student accounts, access control and exam monitoring.

For what I needed at the time, though, the simple version did the job.



---
## I Later Tried Building My Own Version With Code😂

After working with the Google Sites version, I also experimented with building a more customised exam portal in VS Code. I used:

- HTML
- CSS
- JavaScript 

![Blog image](https://ik.imagekit.io/wurk/ChatGPT_Image_Aug_18__2026__09_51_30_PM_M4NxZyL8_.png)

*My later VS Code experiment, where I started controlling more of the exam information myself.*

In that version, I worked with things such as subject data, questions, marks, exam duration and opening dates directly in the project files.

That gave me more room to experiment, but it is a completely optional next step. You do not need VS Code to follow this guide.

If your goal is simply to create a quick portal where people can find and complete different Google Form exams, Google Sites and Google Forms are enough to get started.

---
## Final Thoughts

The main thing I learned from building this is that a useful project doesn't always need to start with complicated code.  You can always make it more advanced later.
 Start with the version that solves the problem you actually have.