Загрузка сайта
Прежде чем сайт попадёт в интернет, дайте каждой странице описание. Это элемент meta в разделе head страницы, как <meta charset="utf-8">, который вы знаете из курса HTML:
<meta name="description" content="Маленький кинотеатр с большими фильмами, на Липовой улице с 1932 года. Фильмы недели, расписание сеансов и цены на билеты.">Посетители не видят его на странице, но поисковые системы, такие как Google или Яндекс, часто показывают его под заголовком страницы в результатах поиска, а мессенджеры могут показать, когда вы отправляете кому-нибудь ссылку. Вместе с заголовком, который виден на вкладке браузера и служит названием результата поиска, оно подсказывает людям, что они найдут на странице. Поэтому у каждой страницы должны быть свой заголовок и своё описание. У наших страниц хорошие заголовки уже есть: Звёздный свет и Расписание — Звёздный свет. (Маленькая картинка на вкладке, значок сайта, необязательна: без неё браузер покажет собственный значок.)
Выкладываем сайт в интернет. Когда у обеих страниц будут описания, выполните эти шаги. Они выполняются вне Start Coder:
- Создайте на своём компьютере папку, например
starlight-cinema. Сохраните в неё три файла из редактора, как в конце курса CSS: вставьте код каждого файла в простой текстовый редактор и сохраните под тем же именем, что и в редакторе. Проверьте, что текстовый редактор не добавил к имени.txt. - Дважды щёлкните по файлу
index.htmlв папке. Страница откроется в браузере со всеми цветами, а ссылки между страницами будут работать. - Создайте бесплатную учётную запись на
netlify.com(с 13 лет; если вы моложе, её создаёт кто-то из родителей). - Войдя в аккаунт, откройте
app.netlify.com/dropи перетащите на страницу всю папку целиком: именно папку, а не файлы из неё. - Через несколько секунд сайт будет в интернете, по адресу, который заканчивается на
.netlify.app. Откройте его и проверьте ссылки. В настройках проекта можно изменить его название, а вместе с ним и первую часть адреса, например наstarlight-cinema-anna, если это имя ещё никто не занял.
Задание
- 1
В разделе head файла
index.html, прямо под строкой сcharset, добавьте элементmetaс описанием кинотеатра. Можно взять описание выше или написать своё. - 2
Добавьте описание и в
showtimes.html, своё собственное, про расписание. Потом выложите сайт в интернет, выполнив шаги выше.