Сайт — это папка с файлами

Сайт вашего кинотеатра готов, и пора выложить его в интернет, чтобы любой мог открыть его на любом компьютере или телефоне, просто набрав адрес. В этом уроке вы подготовите сайт, загрузите его на сервер и получите адрес, который можно отправить друзьям.

Сначала посмотрим, что вы будете загружать. Сайт — это папка с файлами. В нашей их три: index.html, showtimes.html и style.css. Вся папка отправляется на сервер, а браузеры посетителей скачивают файлы оттуда, как вы видели в первом уроке пути. Два правила помогают сайту работать и после загрузки:

• Главная страница называется index.html. Когда кто-то открывает просто адрес сайта, например https://www.example.com/, без имени файла на конце, сервер отправляет файл index.html. Главная страница с именем, скажем, home.html открывалась бы, только если дописать это имя к адресу.
• Пути к собственным файлам сайта — относительные. href="style.css" (или href="./style.css") означает «файл style.css в той же папке, что и эта страница», как вы знаете из упражнения «Относительные ссылки» в курсе HTML. Куда бы ни переехала папка, файлы в ней остаются рядом друг с другом, поэтому относительные пути работают и на вашем компьютере, и на сервере.

На вашем компьютере у каждого файла есть ещё и полный путь, например C:\Users\anna\Documents\cinema\style.css в Windows. А когда вы открываете страницу со своего компьютера, в адресной строке браузера появляется что-то вроде file:///C:/Users/anna/Documents/cinema/showtimes.html. Такой путь легко скопировать в ссылку, и на вашем компьютере она даже сработает. Но только там: на сервере нет диска C: с документами Анны, а браузеры посетителей не могут заглянуть в ваш компьютер.

В редакторе на главной странице кинотеатра как раз такая ошибка. Предпросмотр здесь работает как сервер, поэтому у страницы пропали стили, а ссылки на расписание никуда не ведут.