Контрольная работа: основы веб-конструирования

Контрольная работа: основы веб-конструирования

Сегодня не новая тема. Самостоятельно создай и оформи фрагмент сайта по условию и покажи HTML, CSS и гиперссылки.

Результат

Папка Afisha_10 в начале пустая. Ты сам кладёшь в неё index.html, afisha.html, style.css и одно локальное изображение. Тема — «Школьная афиша». Формы, JavaScript и личные данные не нужны. PascalABC.NET не используется.

Условие

Придумай одно школьное событие: концерт, вечер, выставку или соревнование. Не копируй чужой текст и не указывай фамилию, телефон, домашний адрес и личные фотографии.

Структура

На каждой странице — уже знакомый каркас документа. В head подключи один и тот же style.css. В body размести содержание страницы.

Текст

На каждой странице один заголовок и один абзац. Текст рассказывает о школьном событии.

Ссылки

Ссылки относительные: с главной открывается afisha.html, со второй страницы — index.html. Проверь оба перехода в браузере.

Стили

Один style.css подключён на обеих страницах. В нём есть читаемый цвет текста, шрифт и оформление кнопки или ссылки.

Изображение

Добавь одно локальное изображение. В теге должны быть src (путь к файлу) и alt (короткое описание). Имя файла можешь выбрать сам: главное, чтобы путь совпал с файлом в папке.

Критерии

Браузер

Открой index.html в браузере. Пройди ссылку на вторую страницу и вернись назад. Убедись, что текст читается и картинка на месте. Интернет не нужен.

Время

На схеме «30 минут» — это блок самостоятельной работы, не весь час.

Границы

Не добавляй форму и не подключай JavaScript. Не вставляй телефон, адрес, фамилию и личное фото. Картинку возьми локальную, не из сети.

Лист самопроверки

Показать ответ после выполнения

После контрольной

Обязательного домашнего задания нет. По желанию отметь, какой критерий дался труднее. Следующий раздел курса — компьютерные информационные модели; на этой контрольной он не начинается.

Источники

Котов В. М. и др. «Информатика. 11 класс», 2021: глава 2 «Основы веб-конструирования» — опора уже изученных HTML, гиперссылок, изображений и CSS. Содержание главы. Электронное приложение. Программа, глава 3.

MDN Web Docs: структура документа, гиперссылки, изображения, CSS.

Условие «Школьная афиша», критерии и эталон — авторская адаптация. Одиннадцать иллюстраций условные и не являются снимками браузера или редактора.