Задание
Создать веб-страницу на заданную тему.
Страница должна содержать следующие элементы: 1. Заголовок страницы 2. Несколько абзацев текста 3. Список 4. Ссылку на внешний сайт 5. Изображение 6. Таблицу 7. Форму ввода данных
Требования к структуре страницы
HTML-документ должен иметь стандартную структуру:
<!DOCTYPE html>
<html>
<head>
<title>Название страницы</title>
</head>
<body>
</body>
</html>
Обязательные элементы страницы
1 Заголовки
Использовать:
<h1>
<h2>
2 Абзацы
Добавить минимум 2 абзаца текста.
Использовать тег:
<p>
3 Список
Создать список минимум из 4 элементов.
Можно использовать:
<ul>
или
<ol>
4 Ссылка
Добавить ссылку на любой сайт.
Ссылка должна: - открываться в новой вкладке - иметь текст
5 Изображение
Добавить изображение.
Изображение должно иметь:
- атрибут src
- атрибут alt
- заданную ширину (width)
6 Таблица
Создать таблицу минимум: - 3 столбца - 3 строки
Использовать теги:
<table>
<tr>
<td>
<th>
7 Форма
Создать форму.
Форма должна содержать: - поле ввода имени - поле email - поле пароля - checkbox - кнопку отправки
Варианты заданий
Каждый студент выполняет свой вариант темы сайта.
| Вариант | Сайт |
|---|---|
| 1 | Мои любимые фильмы |
| 2 | Мои любимые игры |
| 3 | Мои увлечения |
| 4 | Моя будущая профессия |
| 5 | Мои любимые книги |
| 6 | Мой любимый вид спорта |
| 7 | Моё расписание дня |
| 8 | Моя группа |
| 9 | Мой любимый город |
| 10 | Моя учебная группа |
| 11 | Любимые блюда |
| 12 | Любимые музыкальные группы |
| 13 | Компьютерные технологии |
| 14 | История компьютеров |
| 15 | Популярные сайты интернета |
| 16 | Моя будущая карьера |
| 17 | Интересные места мира |
| 18 | Популярные языки программирования |
| 19 | Социальные сети |
| 20 | Мой колледж |
| 21 | Мой любимый фильм или сериал |
| 22 | Моё любимое хобби |
| 23 | Мои интересы |
| 24 | Мои любимые занятия в свободное время |
| 25 | Моя будущая работа |
| 26 | Мои любимые места отдыха |
| 27 | Мои достижения |
| 28 | Что мне нравится изучать |
| 29 | Мои планы на будущее |
| 30 | Мой день в колледже |
Требования к оформлению
При выполнении работы необходимо: - использовать отступы; - правильно закрывать теги; - подписывать поля формы; - использовать понятный текст.
Критерии оценки
| Элемент | Баллы |
|---|---|
| Структура HTML | 2 |
| Текст и заголовки | 2 |
| Список | 2 |
| Ссылка и изображение | 2 |
| Таблица | 3 |
| Форма | 3 |
Максимум: 14 баллов
Дополнительное задание (+3 балла)
Добавить: - вложенный список - изображение-ссылку - дополнительное поле формы
| Баллы | Оценка |
|---|---|
| 0–6 | 2 |
| 7–9 | 3 |
| 10–12 | 4 |
| 13–14 | 5 |