Кинотеатр «Звёздный свет»

Добро пожаловать в ваш первый проект! Вы прошли курсы HTML и CSS, а теперь соберёте всё это в настоящий сайт: сайт кинотеатра «Звёздный свет», небольшого старого кинотеатра с одним большим залом и одним малым.

На сайте две страницы с общей таблицей стилей:

• index.html, главная страница: шапка с названием кинотеатра и навигацией, большой приветственный блок, три фильма этой недели, цены на билеты и подвал с адресом,
• showtimes.html, с таблицей, когда идёт каждый фильм,
• style.css, внешний вид обеих страниц.

Когда вы закончите, главная страница будет выглядеть так (в уменьшенном виде):

Сайт будет расти вместе с вами. В следующем уроке вы выложите его в интернет, чтобы его мог открыть любой желающий. После курса JavaScript вы сделаете страницу с расписанием интерактивной, а после курса Tailwind CSS дадите всему сайту новый облик.

Каждое упражнение продолжает предыдущее. Сначала вы напишете HTML главной страницы, потом второй страницы, а в конце — CSS. Длинные тексты, например описания фильмов, уже готовы, чтобы вы могли сосредоточиться на структуре и стилях.

Шапка. Начнём с каркаса страницы и её шапки. Шапка находится вверху каждой страницы сайта. Слева — название сайта, часто в виде логотипа: ссылки, которая откуда угодно возвращает на главную страницу. Справа — навигация со ссылками на другие страницы. Наш логотип — просто текст, и мы дадим ему класс logo, чтобы потом оформить его в CSS:

<a href="index.html" class="logo">Звёздный свет</a>

Ссылки ведут на файлы сайта: это относительные ссылки, как в курсе HTML. Страницы с расписанием пока нет, поэтому её ссылка в предпросмотре пока ничего не делает.