Меню
Урок 1. Эталонное решение
В этом документе вы найдете пример решения заданий от преподавателя.
Как работать с эталонным решением?
Работайте с эталонным решением по следующей схеме:
Структуру HTML для эталонного решения вы можете открыть по ссылке далее: HTML
Обратитесь к нему, когда будете читать комментарии ниже.
Комментарии к решению
Что делать, если вы не нашли ошибку, но что-то не получается
Иногда бывает сложно найти ошибку в коде. В таком случае действуйте по следующей схеме.
Как работать с эталонным решением?
Работайте с эталонным решением по следующей схеме:
- Проанализируйте решение и убедитесь, что вам понятна каждая строчка. Если возникают вопросы, обратитесь к материалам и повторите необходимые темы.
- Прочитайте комментарии к коду ниже. Они помогут вам вспомнить материал.
- Если вы не выполнили задание полностью, попробуйте после разбора эталонного решения закончить его. Постарайтесь сделать это самостоятельно и подглядывайте в решение как можно реже.
Структуру HTML для эталонного решения вы можете открыть по ссылке далее: HTML
Обратитесь к нему, когда будете читать комментарии ниже.
Комментарии к решению
- Строки 11 – 13. Здесь мы создали заголовок при помощи тега h1 и вписали туда текст из макета
- Строки 14 – 34. Тут мы создали 3 параграфа и заполнили их текстом с помощью
- Строки 35 – 37. Мы создали параграф с текстом из макета
- Строки 38 – 52. Добавили ссылки на компании из макета и в каждую ссылку поместили картинку. У каждой картинки в атрибуте SRC указан относительный путь на картинку в папке проекта, а также атрибут ALT с альтернативным текстом.
Что делать, если вы не нашли ошибку, но что-то не получается
Иногда бывает сложно найти ошибку в коде. В таком случае действуйте по следующей схеме.
- Локализуйте ошибку. Определите, какой именно элемент или стиль не работают. Тут вам поможет повторение урока по работе с инструментами разработчика.
- Если ошибка в стилях, то проверьте подключение стилей. Убедитесь, что у вашего проекта правильная структура и вы указали верный путь к css-файлу.
- Если вы определили, что ошибка в какой-то строке, но найти ее не получается, попробуйте переписать саму строку кода. Иногда ошибки связаны с простыми опечатками!
- Если вы выполнили все действия, но результата не достигли, подготовьте вопрос к вебинару. Мы обсудим его на встрече.
Эталонное решение будет находиться у вас на вкладке "Практическое задание: Демонстрация тега img и особенности работы с ним". Оно будет расположено сразу после поля для ввода ссылки с домашним заданием.
Вам понравился урок?
