2. Условие задания

Используя материалы предыдущих практических работ, необходимо создать полноценную веб-страницу с макетом сайта.

В работе должны использоваться: - HTML - CSS

Страница должна содержать: - структуру сайта - текстовый контент - список - изображение - таблицу - форму

Структура сайта

Страница должна иметь следующую структуру:

HEADER
MENU
MAIN
FOOTER

Требования к странице

1 Шапка сайта (Header)

Шапка должна содержать: - название сайта - оформление фона - выравнивание текста по центру

Создать меню из ссылок.

Меню должно содержать минимум 3 пункта: - Главная - О сайте - Контакты

Элементы меню должны располагаться в одну строку. Использовать Flexbox.

3 Основной контент (Main)

Основная часть страницы должна содержать: - минимум 2 раздела (section); - текстовые абзацы; - список.

4 Список

Создать список из 4 элементов.

Можно использовать:

<ul>

или

<ol>

5 Изображение

Добавить изображение.

Изображение должно иметь: - атрибут src - атрибут alt - заданную ширину

6 Таблица

Создать таблицу минимум: - 3 столбца - 3 строки

Использовать теги:

<table>
<tr>
<th>
<td>

Таблица должна быть оформлена с помощью CSS.

7 Форма

Создать форму.

Форма должна содержать: - поле имени - поле email - поле пароля - checkbox - кнопку отправки

Подвал должен содержать: - текст - год - название сайта

Требования к CSS

В работе необходимо использовать: - внешний CSS-файл - селекторы - классы - свойства:

color
background-color
font-size
padding
margin
border
display: flex

Требования к оформлению кода

При выполнении работы необходимо: - соблюдать структуру HTML; - использовать отступы; - правильно закрывать теги; - использовать комментарии.

Критерии оценки

Элемент	Баллы
Структура HTML	3
Шапка сайта	2
Меню	3
Основной контент	3
Таблица	2
Форма	2
CSS оформление	3
Подвал	2

Максимум: 20 баллов

Баллы	Оценка
0–8	2
9–12	3
13–16	4
17–20	5

Дополнительное задание (+3 балла)

Добавить: - эффект hover для ссылок меню; - дополнительный раздел страницы; - изображение внутри одного из разделов.