Your Site Is Online

Congratulations, your website is online! It has an address that works on any computer and any phone in the world. Send it to your friends and family, and have a look at it on your phone too.

Updating the site. The server has its own copy of your files, so when you change the files on your computer, the site online stays as it was. To update it:

1. Change the files in the folder on your computer, and check the page by opening index.html.
2. On Netlify, open your project's Deploys page and drag the whole folder onto the area at the bottom of the page again.

The address stays the same, and visitors see the new version when they reload the page. Keep the folder safe: it's the original of your site.

Here's what you've learned in this lesson:

• A website is a folder of files. The home page is called index.html, and links and stylesheets use relative paths, such as style.css, never paths from your computer.
• File names are best written in small letters, without spaces or accented letters, because many servers tell Style.css and style.css apart.
• Each page should have its own title and a description in <meta name="description">.
• Hosting keeps your files on a server and sends them to visitors. Static sites like ours can be hosted for free, for example on Netlify or GitHub Pages.
• To update the site, you change the files in its folder and upload the whole folder again.

What's next. The cinema has a website, but the site can't do anything yet: the showtimes are a fixed table, and nobody can book a ticket. That's what JavaScript is for. In the JavaScript course, you'll learn to program, and at its end, to make pages react to clicks, check forms and load data. Then you'll come back to Starlight Cinema: in the next project, its showtimes page will load the showtimes from a data file and let visitors pick a day, choose seats and book tickets. And once you upload the new files, your site online will be able to do all that too.