Save Your Files
How to save your project as a real .html file you can open in a browser.
Free · Parent-guided
Safety rule: Use ideas, not secrets. Do not enter real names, school names, addresses, phone numbers, emails, passwords, photos, medical details, financial details, account information, exact locations, or private family details into any AI tool.
What you are making — a local browser project
Every project in this course is one file that runs in your web browser, right on your own computer. There is no website to publish and nothing to upload — you save the file locally and open it whenever you like.
What an HTML file is
An HTML file is just a text file that a browser knows how to display as a page. When the file name ends in
.html, your computer opens it in a browser instead of a text editor. That is the whole trick — the right ending tells the computer it is a web page.Filenames
Recommended file names
Use these names so your projects are easy to find and match the lessons:
- ✓
my-first-mini-game.html - ✓
my-first-mini-game-v2.html - ✓
my-first-interactive-story.html - ✓
my-useful-mini-tool.html
Save-as steps
1Copy the full codeSelect and copy all of the code the AI assistant gives you, from the very first line to the very last.
2Paste it into a plain text or code editorUse Notepad on Windows or TextEdit on Mac (set to plain text). A simple editor keeps the code clean.
3Save with a .html endingSave the file with a name that ends in .html — for example my-first-mini-game.html — not .txt.
4Open it in a browserDouble-click the file to open it in Chrome, Safari, or Edge. No internet is needed to run it.
Windows
Windows — Save As summary
In Notepad, choose File → Save As, set “Save as type” to All Files, and name the file ending in
.html (for example, my-first-mini-game.html). Then double-click it to open in your browser.Mac
Mac — TextEdit summary
In TextEdit, use Format → Make Plain Text first, then File → Save and name the file ending in
.html. Open it by double-clicking, or right-click → Open With → your browser.Important
If the file opens as text
If your project opens as plain text instead of a web page, the file name probably still ends in
.txt. Re-save it so the name ends in .html, then open it again.Safety
If the browser warns or blocks something
If your browser shows a warning or blocks something when you open a file, stop and ask a parent before continuing. A parent should look at the message and decide what to do.
Keep your files local and private
- ✓Keep your project files on your own computer.
- ✓You do not need to upload your project files to finish the course.
- ✓Do not put real names, schools, addresses, or other private details inside the project.