Информация о файлах cookie на этой странице

Наш сайт использует файлы cookie, чтобы обеспечивать его работу, а также собирать и анализировать данные о работе и использовании сайта. Политика конфиденциальности

  • Курсы
    • Discord
    • Twitter
    • Linkedin
    • Facebook
    • Instagram
  • Тарифы
  • English
  • Čeština
  • Deutsch
  • Русский
ВойтиНачать бесплатно
  • Курсы
  • Тарифы

Сообщество

Войти
  
  • Курсы
    • Discord
    • Twitter
    • Linkedin
    • Facebook
    • Instagram
  • Тарифы
  • English
  • Čeština
  • Deutsch
  • Русский
ВойтиНачать бесплатно
  • Курсы
  • Тарифы

Сообщество

Войти

Загрузка сайта

Прежде чем сайт попадёт в интернет, дайте каждой странице описание. Это элемент meta в разделе head страницы, как <meta charset="utf-8">, который вы знаете из курса HTML:

<meta name="description" content="Маленький кинотеатр с большими фильмами, на Липовой улице с 1932 года. Фильмы недели, расписание сеансов и цены на билеты.">

Посетители не видят его на странице, но поисковые системы, такие как Google или Яндекс, часто показывают его под заголовком страницы в результатах поиска, а мессенджеры могут показать, когда вы отправляете кому-нибудь ссылку. Вместе с заголовком, который виден на вкладке браузера и служит названием результата поиска, оно подсказывает людям, что они найдут на странице. Поэтому у каждой страницы должны быть свой заголовок и своё описание. У наших страниц хорошие заголовки уже есть: Звёздный свет и Расписание — Звёздный свет. (Маленькая картинка на вкладке, значок сайта, необязательна: без неё браузер покажет собственный значок.)

Выкладываем сайт в интернет. Когда у обеих страниц будут описания, выполните эти шаги. Они выполняются вне Start Coder:

  1. Создайте на своём компьютере папку, например starlight-cinema. Сохраните в неё три файла из редактора, как в конце курса CSS: вставьте код каждого файла в простой текстовый редактор и сохраните под тем же именем, что и в редакторе. Проверьте, что текстовый редактор не добавил к имени .txt.
  2. Дважды щёлкните по файлу index.html в папке. Страница откроется в браузере со всеми цветами, а ссылки между страницами будут работать.
  3. Создайте бесплатную учётную запись на netlify.com (с 13 лет; если вы моложе, её создаёт кто-то из родителей).
  4. Войдя в аккаунт, откройте app.netlify.com/drop и перетащите на страницу всю папку целиком: именно папку, а не файлы из неё.
  5. Через несколько секунд сайт будет в интернете, по адресу, который заканчивается на .netlify.app. Откройте его и проверьте ссылки. В настройках проекта можно изменить его название, а вместе с ним и первую часть адреса, например на starlight-cinema-anna, если это имя ещё никто не занял.

Задание

  1. 1

    В разделе head файла index.html, прямо под строкой с charset, добавьте элемент meta с описанием кинотеатра. Можно взять описание выше или написать своё.

  2. 2

    Добавьте описание и в showtimes.html, своё собственное, про расписание. Потом выложите сайт в интернет, выполнив шаги выше.

Назад

4/5

  1. 1. Сайт — это папка с файлами
  2. 2. Викторина: имена файлов
  3. 3. Хостинг
  4. 4. Загрузка сайта
  5. 5. Ваш сайт в интернете
Далее

Начните программировать бесплатно

Регистрируясь, вы принимаете Условия использования и Политику конфиденциальности.

Или зарегистрируйтесь через: