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