Привет. Давайте поговорим о финальном проекте по этому курсу. Я совершенно точно не хочу,
чтобы вы просто взяли элементы, теги, синтаксис, которые мы учили на протяжении этих последних недель, и собрали все в образцовую страницу. Я предоставлю вам снимок экрана,
который вы используете в качестве шаблона, но всегда удобнее вместе с картинкой
получить какое-то объяснение. Когда вы будете делать эту страницу, я хочу, чтобы вы поняли, что здесь нет никаких подвохов. Я просто проверяю правильность
и точность вашего синтаксиса. Давайте посмотрим на сайт, который вам предстоит создать. Вот он здесь. В зависимости от размера экрана,
на котором вы его просматриваете, он может выглядеть по-разному. Я просто изменю размер окна, чтобы вы увидели, что я ничего такого интересного не добавила. Когда я делаю окно меньше, элементы смещаются. Мне не важно, где элементы отображаются на экране. Важнее то, что присутствуют все элементы. Я также хочу привлечь ваше внимание к тому, что некоторые элементы выделены желтым, а другие нет. Все желтое нужно заменить своими данными. В этом случае Collen van Lent выделено желтым. Вы должны использовать свое имя вместо моего. Я перечислила свои любимые блюда. Вам нужно выбрать свои. Внизу у меня есть элемент, который отображает
прогресс в достижении жизненных целей. Опять же, выберите свое значение. Все, что выделено желтым, нужно заменить вашими собственными
интересами, именами, значениями. Хорошо. Я также хочу отметить, что здесь, в разделе More About Me этот элемент на самом деле часть тега details. Когда я его нажимаю, вы видите,
что текст раскрывается и скрывается. Здесь тоже надо больше рассказать о вас, не обо мне. Если вы откроете мой сайт в Firefox, если вы разрабатываете сайт через FireFox, я предупреждаю: это тег не работает. Текст всегда будет раскрытым. Ничего страшного, если вы работаете
именно с этим браузером, продолжайте. Я просто не хочу, чтобы вы переживали, что он не раскрывается и не скрывается, как у всех.
Все нормально. Так что дерзайте. Здесь обязательно должен быть заголовок, а здесь панель навигации. Это один раздел, а это второй раздел. И, опять же, картинка может
быть большой, маленькой, мне это не важно. Мне важно только то, что вы можете написать код HTML5. Так что удачи вам с написанием кода. Я знаю, вы справитесь прекрасно. Важно постепенно двигаться к цели,
выполнять каждую задачу, шаг за шагом. Когда вы закончите, вы получите то,
чем будете по-настоящему гордиться.