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