You are on page 1of 8

Навчально-виховний комплекс

«ІНЖЕНЕРНО-ЕКОНОМІЧНА ШКОЛА-ЛЬВІВСЬКИЙ ЕКОНОМІЧНИЙ ЛІЦЕЙ»

Завдання

Для проведення підсумкового оцінювання навчальних досягнень

здобувачів освіти за сімейною (домашньою)формою

з інформатики за 2 семестр 11 класу

2022-2023 н. р.

Львів 2023
Завдання: Створіть веб-сторінку, розмістивши на ній текст і зображення за
зразком (мал 1). Для цього:

1. Запустіть на виконання текстовий редактор Notepad++ або Блокнот.

2. Закрийте всі відкриті вкладки, вибравши кнопку закриття в


заголовках вкладок.
3. Уведіть у новій вкладці код, що визначає структуру веб-сторінки:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Мова HTML</title>
</head>
<body>
</body>
</html>
4. Збережіть веб-сторінку у вашій папці у файлі з іменем мова HTML.html.
Для цього:
1 Виконайте Файл ⇒ Зберегти.
2 Виберіть папку, у якій буде збережено файл.
3 Уведіть ім’я файла мова HTML в поле Ім’я файла.
4 Виберіть тип файла Hyper Text Markup Language file в списку Тип
файла.
5 Виберіть кнопку Зберегти.
Зверніть увагу на зміну кольорів для відображення елементів коду веб-
сторінки. (2 бали)
5. Відкрийте файл вправа 4.2.docx
(https://docs.google.com/document/d/18VxM1Yu2YINz9kbGx-
yjGEVZwQ1uS47S/edit?
usp=sharing&ouid=108803482761365228492&rtpof=true&sd=true),
скопіюйте текст і вставте його у вікні редактора Notepad++ або Блокнот
між тегами <body> та </body>.
6. Збережіть оновлений текст, натиснувши Ctrl + S.
7. Перегляньте вигляд веб-сторінки у вікні браузера, виконавши Виконати ⇒
Launch in Chrome. Зверніть увагу на оформлення та структуру
вставленого тексту.
8. Установіть блакитний колір фону сторінки. Для цього перейдіть до вікна
редактора Notepad++ або Блокнот і впишіть атрибут тегу <body
bgcolor="lightblue">.
9. Збережіть сторінку та перегляньте її відображення у вікні браузера,
натиснувши клавішу F5 або вибравши кнопку Перезавантажити цю

сторінку .
10.Оформіть перший рядок уставленого тексту як заголовок першого рівня
Для цього введіть поруч із текстом теги <h1> Мова HTML </h1>.
11.Розташуйте заголовок по центру сторінки, додавши відповідний
атрибут до тегу <h1 align="center">. (2 бали)
12.Збережіть сторінку та перегляньте її відображення у вікні браузера.
13.Оформіть текст Історія мови як заголовок другого рівня, використавши тег
<h2>, розташуйте заголовок по центру сторінки, додавши відповідний
атрибут до тегу.
14.Уставте на веб-сторінку зображення з файла Tim_Berners-Lee.jpg
(https://drive.google.com/file/d/1fkQCfOik_xIzYX9hUxHv-qvW30o8zNsk/
view?usp=sharing). Для цього:
1 Скопіюйте файл Tim_Berners-Lee jpg у вашу папку.
2 Уведіть до коду веб-сторінки після заголовка Історія мови тег <img
src="Tim_Berners-Lee.jpg">.
3 Установіть ширину зображення 100 пікселів, додавши до тегу атрибут
<img src="Tim_Berners-Lee.jpg" width="100">. (2 бали)
15.Збережіть сторінку та перегляньте її відображення у вікні браузера.
16.Установіть обтікання зображення текстом, додавши до тегу атрибут
<img src="Tim_Berners-Lee.jpg" width="100" align="left">.
17.Оформіть перший абзац тексту, обмеживши його тегами <p> та </p>.
18.Вирівняйте текст абзацу за шириною, додавши до тегу атрибут
<palign="justify">. (1 бал)
19.Оформіть ім’я вченого напівжирним накресленням, обмеживши його
тегами <b> Тімом Бернерс-Лі </b>.
20.Зробіть слова HTML Tags гіперпосиланням на веб-сторінку в Інтернеті,
дерозміщений указаний текст. Для цього введіть тег <a href =
"http://info.cern.ch/hypertext/WWW/MarkUp/Tags.html"> HTML Tags
</a>.
21.Збережіть сторінку та перегляньте її відображення у вікні браузера
Переконайтеся, що гіперпосилання працює коректно.
22.Оформіть слова Консорціум Всесвітньої павутини W3C напівжирним
накресленням. (1 бал)
23.Оформіть слово HTML5 курсивним накресленням, обмеживши його
тегами <i> HTML5 </i>.
24.Уставте після другого абзацу горизонтальну лінію. Для цього після абзацу
введіть тег <hr>. (1бал)
25.Збережіть сторінку та перегляньте її відображення у вікні браузера.
26.Оформіть текст Основні поняття як заголовок другого рівня, розташуйте
заголовок по центру сторінки.
27.Обмежте відповідними тегами два абзаци в розділі Основні поняття.(1
бал)
28.Оформіть слово Тег синім кольором, символами збільшеного розділу. Для
цього введіть тег <font color="blue" size="5"> Тег </font>.
29.Оформіть слово Контент синім кольором, символами збільшеного розділу.
(1 бал)
Звіт
30.Зробіть скриншот HTML коду!Додайте у створений Гугл документ.
31.Збережіть сторінку та перегляньте її відображення у вікні браузера.
Зробіть скриншот! Додайте скришот у створений Гугл документ.
32.Створіть Гугл документ і додайте до нього титульну сторінку
контрольної роботи та отримані скриншот із браузера та скриншот
коду із Notepad++ або Блокноту.
33.Посилання на створений Гугл документ подайте вчителю на
елекронну адресу varvir@ukr.net
Зразок оформлення титульної сторінки контрольної роботи
Підсумкова робота
з інформатики
за ІІ семестр 2022-2023 н.р.
здобувача освіти
за сімейною  (домашньою)
формою навчання
за курс 11 класу НВК”ШЕЛ”
ПІБ

Приклад скриншотів із браузера та блокнота

You might also like