🌐 Свой первый сайт Урок 16 из 16 · 0 из 16

Урок 16. Финал: собираем страницу-визитку

Пятнадцать уроков позади. Пора собрать всё вместе и сделать страницу, которую не стыдно показать.

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

Что должно быть на странице

  1. один заголовок h1 и хотя бы один h2;
  2. картинка с описанием в alt;
  3. список из трёх и более пунктов;
  4. ссылка, которая открывается в новой вкладке;
  5. кнопка, меняющая вид при наведении;
  6. ряд из карточек на flex;
  7. медиазапрос, чтобы на телефоне всё было аккуратно.

Как это делают взрослые

Профессионалы не пишут страницу сверху вниз за один заход. Они делают по кусочку: добавил блок — посмотрел, поправил, пошёл дальше. Если сломалось — отменяй последнее изменение, а не переписывай всё. Ошибка почти всегда в том, что ты только что трогал.

Подсказка. Когда закончишь, нажми «⬇ Скачать» — браузер сохранит настоящий HTML-файл. Его можно открыть двойным щелчком на любом компьютере, отправить другу или показать в школе. Это уже полноценная веб-страница.

Твой прогресс

Опыт и значки хранятся прямо в этом браузере — ни имени, ни почты для этого не нужно. Все треки и значки →

Частые вопросы

Как сохранить свою страницу файлом?

Нажать кнопку «Скачать» под заданием — браузер сохранит готовый HTML-файл, в который уже вшиты все стили. Его можно открыть двойным щелчком на любом компьютере без интернета.

Что учить после HTML и CSS?

JavaScript — язык, который делает страницы интерактивными: кнопки начинают считать, игры работать, а данные подгружаться. В нашем разделе есть отдельный трек по JavaScript с мини-играми.