"Київський фаховий коледж зв'язку"

“Київський фаховий коледж зв’язку”
Циклова комісія комп’ютерної та програмної інженерії
ЗВІТ ПО ВИКОНАННЮ
ЛАБОРАТОРНОЇ РОБОТИ №2
з дисципліни: «Інформатика»
Тема: «Розробка найпростішої HTML-

сторінки.»
Виконав(ла)
студент(ка)
групи КСМ-31а
Погребна М.О.
Перевірила викладач
Сушанова В.С.
Київ 2023
ЛАБОРАТОРНА РОБОТА №2
Тема: Розробка найпростішої HTML-сторінки
Навчальна мета. Набути практичних навичок у роботі з базовими

HTML-тегами для створення найпростішого сайта
Обладнання. Персональний комп’ютер із виходом у мережу

Інтернет.
ПРАКТИЧНІ ЗАВДАННЯ
Завдання № 1. Відтворення конструкції сайту за шаблоном (3

бали)
1.1. Створіть папку HTML-informatics, де будете зберігати html-

сторінки, розроблені під час виконання лабораторних робіт.
1.2. Для ЛР №2 створіть окрему папку LAB_2.
1.3 Для виконання першого практичного завдання необхідно
створити порожній файл Lab2.1.html та відкрити його через обраний Вами
редактор коду.
1.4. Введіть html-код згідно вказаного шаблону та збережіть файл
Lab2.1.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Цiкaвe пpoгpaмyвaння</title>
</head>
<body>
<h1>Moва пpoгpaмyвaння</h1>
<h2>Пacкaлъ</h2>
<p>Пacкaлъ — <em>мoвa пpoгpaмyвaння</em>,
poзpo6лeнa для нaвчaння пpoгpaмyвaнню.
<h3>Oгляд кoмaнд</h3>
<table border=1>
<tr><th>кoмaндa</th><th>дiя</th></tr>
<tr><td>ReadLn</td><td>ввeдeння дaниx</td></tr>
<tr><td>WriteLn</td><td>вивeдeння
дaниx</td></tr>

</table>
</body>
</html>
1.5 Відкрийте файл Lab2.1.html за допомогою браузеру.
Продемонструйте отриманий результат (скріншот).
1.6. Модифікуйте html-код файлу Lab2.1.html таким чином, щоб на

сторінці відображалась інформація про мову HTML 5 (тексти про Пacкaлъ
замінити), а у таблиці був опис всіх тегів, які були використані в html-коді
даної сторінки.
1.8. Зберегти файл Lab2.1.html.
1.7. Відкрийте файл Lab2.1.html за допомогою браузеру.
Продемонструйте отриманий результат (скріншот)
Завдання № 2. Створення найпростішої текстової веб-сторінки
(3 бали)
2.1. Створити веб-сторінку Lab2.2.html, яка має містити:
Заголовок веб-сторінки (title) - Найпростіша текстова сторінка
Заголовок першого рівня - Ваша група
Заголовок другого рівня - Ваше ПІБ
Заголовок третього рівня - день тижня, коли робимо завдання
Вставити картинку, що відповідає сьогоднішній даті (свято, день
ангела, дата в історії)
Завдання № 3. Створення власної сторінки візитівки (3 бали)
3.1. Створити веб-сторінку Lab2.3.html, яка буде містити біографічні

дані про автора та 3 графічні зображення, на якій мають бути розміщені
наступні об’єкти:
Фонове зображення
Рухомий рядок з прізвищем автора
Біографічні дані
Дата народження
Місце народження
Склад сім’ї
Навчання
Улюблене заняття (хоббі)
3 довільних графічних зображення, що демонструють Ваші
інтереси:
Для кожного з вказаних об'єктів оберіть свій унікальний стиль

форматування (самостійно) - заголовки різних рівнів / розміри об'єктів /
шрифтів, колір об'єкта / тексту, текст підкреслений / жирний / курсив тощо

Завдання №4. Оформлення звіту лабораторної роботи (3 бали)
4.1. Створити файл index.html, який буде містити інформацію про

виконані у лабораторній роботі №2 завдання в наступному вигляді:
4.2. Вставити у звіт HTML-код (або скріншот редактору коду з
HTML-кодом) розробленої сторінки та зберегти файл index.html.
4.3. Відкрийте файл index.html за допомогою браузеру.
Здача лабораторної роботи в гугл-класі:

1. Всі 4 html-сторінки мають бути збережені в одному каталозі
LAB_2
2. В каталозі LAB_2 також має бути 4 скріншоти, того як ви бачите
свої веб-сторінки у браузері
3. Вміст папки LAB_2 архівувати до архіву LAB_2(ПІБ студента)
4. Цей архів додати до гугл-класу
Висновки:
В ході виконання лабораторної роботи мною було досліджено
розробка найпростішої HTML-сторінки, мною було набуто практичні
навички у роботі з базовими HTML-тегами для створення
найпростішого сайта. Більш детально досліджено питання
форматування тексту у HTML- документі, працювання з таблицями
та зображеннями, також навчилися використовувати текстовий
рухомий рядок та задавати їм розміри та кількість відтворення.

"Київський фаховий коледж зв'язку"

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

"Київський фаховий коледж зв'язку"

Uploaded by

Copyright:

Available Formats

“Київський фаховий коледж зв’язку”

Циклова комісія комп’ютерної та програмної інженерії

Тема: «Розробка найпростішої HTML-

Навчальна мета. Набути практичних навичок у роботі з базовими

Обладнання. Персональний комп’ютер із виходом у мережу

Завдання № 1. Відтворення конструкції сайту за шаблоном (3

1.1. Створіть папку HTML-informatics, де будете зберігати html-

1.6. Модифікуйте html-код файлу Lab2.1.html таким чином, щоб на

Завдання № 3. Створення власної сторінки візитівки (3 бали)

3.1. Створити веб-сторінку Lab2.3.html, яка буде містити біографічні

Для кожного з вказаних об'єктів оберіть свій унікальний стиль

3.2. Зберегти файл Lab2.3.html.

Завдання №4. Оформлення звіту лабораторної роботи (3 бали)

4.1. Створити файл index.html, який буде містити інформацію про

Здача лабораторної роботи в гугл-класі:

You might also like