Урок 16. Финал: собираем страницу-визитку
Пятнадцать уроков позади. Пора собрать всё вместе и сделать страницу, которую не стыдно показать.
Это финальное задание. Никакой новой теории — только то, что ты уже умеешь. Задача: сделать страницу про себя, свою команду, любимую игру или проект — что захочешь.
Что должно быть на странице
- один заголовок
h1и хотя бы одинh2; - картинка с описанием в
alt; - список из трёх и более пунктов;
- ссылка, которая открывается в новой вкладке;
- кнопка, меняющая вид при наведении;
- ряд из карточек на flex;
- медиазапрос, чтобы на телефоне всё было аккуратно.
Как это делают взрослые
Профессионалы не пишут страницу сверху вниз за один заход. Они делают по кусочку: добавил блок — посмотрел, поправил, пошёл дальше. Если сломалось — отменяй последнее изменение, а не переписывай всё. Ошибка почти всегда в том, что ты только что трогал.
Твой прогресс
Опыт и значки хранятся прямо в этом браузере — ни имени, ни почты для этого не нужно. Все треки и значки →
Частые вопросы
Как сохранить свою страницу файлом?
Нажать кнопку «Скачать» под заданием — браузер сохранит готовый HTML-файл, в который уже вшиты все стили. Его можно открыть двойным щелчком на любом компьютере без интернета.
Что учить после HTML и CSS?
JavaScript — язык, который делает страницы интерактивными: кнопки начинают считать, игры работать, а данные подгружаться. В нашем разделе есть отдельный трек по JavaScript с мини-играми.