Your final website

Save and publish

Lesson 18 of 18 · About 35 minutes

Your goal: Understand how a local page becomes a live website.

Learn

A downloaded HTML file is local. Publishing means uploading it and its images or other assets to your hosting account. Keep a backup before replacing any existing site files.

View starter code

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>My hobby page</title>
    <style></style>
  </head>

  <body>
    <h1>My hobby</h1>
    <p>I enjoy learning something new.</p>
  </body>
</html>

Your challenge

Download your finished project. Open it locally and check it. If you have hosting, upload to a new practice folder, then open its public URL and test again.

Keep developing your hobby page: Download HTML before leaving the sandbox, then choose Open HTML file when returning to your project. Load saved draft restores only this lesson’s draft in this browser.

Practise in the sandbox

Show a hint

Use your hosting provider’s upload instructions. Keep filenames and relative paths consistent. Do not overwrite an existing homepage just to practise.

Show a sample answer

Try the challenge first. This is one possible answer or a snippet to adapt.

Example structure: practice/index.html and practice/photo.jpg. Upload both, open your-domain.example/practice/, and test links, images and buttons again.

Put your finished page online

Follow the illustrated FileZilla upload guide: prepare your files, find the correct hosting folder, upload into a practice folder, and test your public address.

No hosting yet? You can finish this lesson with a working local copy. The guide explains what hosting provides and which details to obtain before uploading.

Check your work

You have a working local copy. If published, its public URL loads the page and its assets correctly.

I tried the challenge and checked the result.

Completion is your own check, not an automatic grade.