Ваш сайт в интернете
Поздравляем, ваш сайт в интернете! У него есть адрес, который работает на любом компьютере и любом телефоне в мире. Отправьте его друзьям и родным, а сами посмотрите на сайт ещё и на телефоне.
Обновление сайта. У сервера своя копия ваших файлов, поэтому, когда вы меняете файлы на своём компьютере, сайт в интернете остаётся прежним. Чтобы обновить его:
- Измените файлы в папке на своём компьютере и проверьте страницу, открыв
index.html. - В Netlify откройте страницу Deploys своего проекта и снова перетащите всю папку в область внизу страницы.
Адрес остаётся тем же, а посетители увидят новую версию, когда перезагрузят страницу. Берегите папку: это оригинал вашего сайта.
Вот что вы узнали в этом уроке:
- Сайт — это папка с файлами. Главная страница называется
index.html, а в ссылках и таблицах стилей используются относительные пути, такие какstyle.css, и никогда — пути с вашего компьютера. - Имена файлов лучше писать строчными латинскими буквами, без пробелов и русских букв, потому что многие серверы отличают
Style.cssотstyle.css. - У каждой страницы должны быть свой заголовок и описание в
<meta name="description">. - Хостинг хранит ваши файлы на сервере и отправляет их посетителям. Статические сайты вроде нашего можно разместить бесплатно, например в Netlify или на GitHub Pages.
- Чтобы обновить сайт, вы меняете файлы в его папке и снова загружаете всю папку.
Что дальше. У кинотеатра есть сайт, но пока он ничего не умеет: расписание — это неизменная таблица, и билет никто забронировать не может. Для этого и нужен JavaScript. В курсе JavaScript вы научитесь программировать, а в конце — заставлять страницы реагировать на щелчки, проверять формы и загружать данные. Потом вы вернётесь к «Звёздному свету»: в следующем проекте его страница с расписанием будет загружать сеансы из файла данных и позволит посетителям выбрать день, места и забронировать билеты. А когда вы загрузите новые файлы, ваш сайт в интернете сможет всё это тоже.
Задание
- 1
Выложите свой сайт в интернет, отправьте его адрес кому-нибудь и, когда будете готовы, переходите к курсу JavaScript.