За последнее время в курс «Знакомство с HTML и CSS» мы добавили целых двадцать пять новых вызовов! Они доступны при активной подписке. Заходите в раздел «Практика» и принимайтесь за полезные задачи от инструктора Кекса. Сделали подборку пяти самых захватывающих.

Ищем ошибки в HTML

В этом вызове Кекс решил немного улучшить свой сайт, но в итоге наглядно показал, почему не стоит работать поздно ночью. Инструктор допустил несколько ошибок в разметке, а ваша задача — найти их и поправить. Такие неприятности случаются не только с Кексом, поэтому вам будет очень полезно потренировать внимательность при поиске ошибок в своём и чужом коде.

Образец решения
Ищем ошибки в HTML

Трудности перевода

В следующем вызове Кекс решил податься в переводчики и разработал сайт для перевода фраз на любой язык. Вам нужно будет подумать над доступностью и поработать с атрибутом lang.

Образец решения
Трудности перевода

SEO-улучшения

Правильно подобранные метатеги влияют на поисковую выдачу сайта, а следовательно — его популярность. В этом вызове вам нужно будет поработать над сайтом магазина «Росомаха». Вы разберётесь с кодировкой, добавите заголовок, ключевые слова и описание страницы, чтобы браузер лучше понимал, о чём ваш сайт и мог посоветовать магазин всем котам.

Образец решения
SEO-улучшения

Слушай птиц

Вы знали, что существует такое хобби — наблюдение за птицами? Кекс вот увлекается и в этом вызове как раз решил посмотреть их фотографии. Но если фотографию загрузить не удалось, должно быть всё равно понятно, о какой птице идёт речь. В таких случаях используется атрибут alt, нужно попрактиковаться и внедрить его в свою вёрстку.

Образец решения
Слушай птиц

Фигуры на полях

Загадочные фигуры на полях вызывают у всех любопытство, поэтому в последнем вызове нужно срочно сверстать карточку с новостью — рассказать подробности. Понадобится использовать специальные теги <figure> и <figcaption>.

Образец решения
Фигуры на полях

Скринкасты

Кроме крутых вызовов в курсе «Знакомство с HTML и CSS» появились два полезных скринкаста.

Виталий Зюзин
Виталий Зюзин, автор интерактивных курсов

Как открыть проект локально

После прохождения первой главы курса вы можете скачать архив с сайтом в его текущем состоянии.

В скринкасте автор интерактивных курсов Виталий Зюзин рассказал, как открыть архив у себя на компьютере и работать с ним дальше с помощью редактора кода. Вы узнаете о структуре папок и файлов проекта, а также о том, как задавать правильный путь для изображений и стилевых файлов.

Как опубликовать сайт в интернете

После прохождения всего курса вам становится доступен архив с сайтом в его финальном состоянии.

В этом скринкасте Виталик рассказал о содержании каждой папки сайта, о том, как зарегистрироваться на GitHub и создать там репозиторий. Показал принцип работы с приложением GitHub Desktop и как можно с помощью GitHub опубликовать свой сайт в интернете.