How to Build Your Own Website

How Websites Actually Work

A website is an HTML file (sometimes with CSS, JavaScript, and images) placed on a computer connected to the internet — called a "server." When someone types a URL into their browser, the server sends that file back, and it displays on their screen. In other words, "building" and "publishing" are two separate tasks. Creating an HTML file on your own PC means only you can see it.

The Full Picture: From Build to Publish

Fig 1: Time from build to publish. Setup and verification take longer than writing the code.

① Create Your Files

Open a text editor (VS Code, Sakura Editor, or even Notepad) and create a file called index.html. Write heading, paragraph, and image tags. A small page of around 20 lines is plenty to start. Choose a topic that does not reveal too much personal information — a school festival intro, a hobbies page, or a simple showcase of work.

② Preview on Your PC

Double-click index.html and it opens right in your browser. This is a view only you can see on your own PC. Polish the layout and fix typos until you are happy with it.

③ Choose a Hosting Service

There are several places to publish a website (hosting services). Here are some free options recommended.

Fig 2: Real data comparison for 5 free hosting services. GitHub Pages or Netlify is the classic starting point.

If you want to write HTML yourself, GitHub Pages is the go-to. If you want drag-and-drop simplicity, Netlify is great. If you don't want to code at all, Notion or Canva are good entry points.

Before You Publish: Things to Check

Once a website is live, it can be seen not just by family and friends but also by search engines and strangers. Before publishing, make sure you have not included your real name, home address, school name, photos that show your uniform, your usual hangouts, or contact details. If you want to show your work, use a nickname and a dedicated email address.

Also pay attention to image file names. Even if a photo itself contains no personal info, a name like school-festival-class2.jpg can reveal your school and class. Keep published file names simple enough to describe the content without revealing more.

Common Pitfalls to Watch Out For

3 Mistakes Teens Often Make on Their First Launch

Don't post your real name, home address, school, or phone number. Think about the possibility of being searchable later.
Don't use other people's photos, illustrations, or music without permission (copyright violation). Use free-to-use asset sites.
Posting your SNS ID or email makes spam much more likely. Use a form or a dedicated email for contact.

How Will This Help You in the Future?

"Having your own website" becomes material to showcase your activities when applying to high school, university, or for a job. For creative paths like designer, engineer, photographer, and writer, your own site is the entry point for your portfolio. The earlier you start, the more your work, learnings, and improvement history stack up.

What You Can Do Starting Today

Today: finish the unpublished page

Save the intro as index.html
Text and links are enough
Next article: a free place to host it

Summary

Building a website means three things: "create a file," "put it on a server," and "make it accessible via URL." Services like GitHub Pages and Netlify let you try all of this for free. Being careful with personal information and copyright, building one page and experiencing the full publishing flow will make the way the web works feel much more concrete.

Check The minimum to publish a site is?