# data[].attributes.headline
Результаты обучения

# data[].attributes.subject
Результаты обучения

# data[].attributes.body
К концу урока студенты смогут применять основные навыки создания веб-страниц, включая использование HTML и CSS для разработки структуры и дизайна.

# data[].attributes.headline
Ключевой вопрос урока

# data[].attributes.subject
Ключевой вопрос урока

# data[].attributes.body
Как правильно использовать HTML и CSS для создания функциональных веб-страниц?

# data[].attributes.headline
Введение: теория

# data[].attributes.subject
Введение: теория

# data[].attributes.body
Обсудим основные теги HTML и их использование. Также рассмотрим, как CSS помогает стилизовать страницы.

# data[].attributes.attachment_link.title
HTML & CSS Crash Course Tutorial #4 - CSS Basics

# data[].attributes.headline
Практическая работа в группах

# data[].attributes.subject
Практическая работа в группах

# data[].attributes.body
Разделимся на группы и создадим макет веб-страницы с использованием HTML и CSS. Используйте Padlet для представления созданных макетов.

# data[].attributes.headline
Индивидуальная практика

# data[].attributes.subject
Индивидуальная практика

# data[].attributes.body
Попробуйте создать простую персональную страницу, добавив изображения, текст и цвета при помощи HTML и CSS.

# data[].attributes.headline
Расширенные задания

# data[].attributes.subject
Расширенные задания

# data[].attributes.body
Для продвинутых студентов: начните использовать Flexbox для создания адаптивного дизайна.

# data[].attributes.attachment_link.title
A Complete Guide to Flexbox | CSS-Tricks

# data[].attributes.attachment_link.description
Our comprehensive guide to CSS flexbox layout. This complete guide explains everything about flexbox, focusing on all the different possible properties for the parent element (the flex container) and the child elements (the flex items). It also includes history, demos, patterns, and a browser suppor…

# data[].attributes.headline
Формативная оценка

# data[].attributes.subject
Формативная оценка

# data[].attributes.body
Обсудите ваши макеты и коды со своими одногруппниками. Преподаватель будет наблюдать и давать рекомендации.

# data[].attributes.attachment_link.description
In this post, we will cover 10 tips on how to improve your code review process and increase developer velocity.

# data[].attributes.headline
Тестирование навыков

# data[].attributes.subject
Тестирование навыков

# data[].attributes.body
Пройдите небольшой письменный тест, чтобы проверить свои знания HTML и CSS.

# data[].attributes.attachment_link.description
Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, PHP, and XML.

# data[].attributes.headline
Обсуждение итогов

# data[].attributes.subject
Обсуждение итогов

# data[].attributes.body
Обсудим, что нового узнали, и какие вопросы остались.

# data[].attributes.attachment_link.description
Your Ray ID for this request is 94667e37385ec32e

# data[].attributes.headline
Итоговый рефлексивный билет

# data[].attributes.subject
Итоговый рефлексивный билет

# data[].attributes.body
Ответьте на вопрос: "Что мне нужно улучшить в следующий раз, чтобы мои веб-страницы выглядели лучше?".

# data[].attributes.headline
Практические задания

# data[].attributes.subject
Практические задания

# data[].attributes.body
Создайте еще одну веб-страницу, используя новые знания. Сосредоточьтесь на дизайне с использованием CSS.

# data[].attributes.attachment_link.description
Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, PHP, and XML.

# data[].attributes.body
Попробуйте игру, чтобы закрепить знания по HTML и CSS.

# data[].attributes.attachment_link.title
Learn CSS, HTML and JavaScript by Playing Coding Games

# data[].attributes.attachment_link.description
NO MORE boring coding videos, courses and articles. Learn code in more fun, fast and effective way by playing coding games!