Лабораторна робота №2
Тема: Робота зі списками, таблицями, зображенням в HTML
Мета: Практично закріпити знання та вміння зі списками, таблицями, зображенням в HTML
Обладнання: ПК, програма Блокнот
Хід роботи
Завдання 1 (2 бали).
Створити веб-сторінку index.html за наступними умовами форматування:
| Текст | Форматування тексту |
| Лабораторна робота №2 | Title – заголовок сторінки |
| Лабораторна робота №2 |
H1, вирівняти по центру, шрифт Times New Roman, напівжирний |
|
Тема: Робота зі списками, таблицями, зображенням в HTML |
H2, вирівняти по лівому краю, шрифт Calibri |
| Прізвища виконавців |
H3, вирівняти по правому краю, шрифт Courier New, курсив |
Створити окремий файл menu.html
|
Ненумерований список з гіперпосиланням на три інші web-сторінки (physics.html, storage.html, frames.html - відповідно) |
Завдання 2 (+1 бал)
Веб-сторінка physics.html має містити наступний текст з відповідним форматуванням:
|
Фізика |
|
Літак ІЛ-62 має чотири двигуни, сила тяги кожного 103кН. Яка корисна потужність двигунів при польоті літака зі швидкістю 864 км / год?  Рішення: Корисна потужність N двигунів дорівнює відношенню механічної роботи А до часу t: N = A/t. Механічна робота дорівнює  
|
| Відповідь: N = 250 кВт |
Завдання 3 (+1 бал)
Веб-сторінка storage.html має містити таблицю:
| Рахунок | |||
| Артикул | Кількість | Ціна | Сума |
| Продукт А | 96 | 263 | |
| Продукт Б | 153 | 64 | |
| Продукт В | 32 | 1203 | |
| Всього | |||
Завдання 4 (+1 бал)
Теорія: За допомогою фреймів екран поділяється на кілька областей, в кожній з яких відображається вміст окремої сторінки і навіть Web-вузла.
Другорядні документи вставляються в базовий за допомогою тегів:
<FRAMESET COLS = "розмір поділюваних колонок">
<FRAME SRC = "ім'я файлу">
</FRAMESET>
Приклади найпростіших фреймів:
Горизонтальне поділ екрану проводиться за допомогою атрибута rows, а вертикальні за допомогою атрибута cols. Значення атрибутів можуть бути виражені в пікселях, відсотках або * для позначення решти екрану.
-
cols = 50%, 50%
Розподіл області перегляду на рівні праву і ліву частини.
-
cols = 20%, 80%
Розподіл області перегляду на нерівні праву і ліву частини.
-
rows = 100, 20%, *
Розподіл області перегляду на три частини: перша відведено 100 пікселів, другий - 20% доступного простору, а третій - все інше
-
cols = *, 3, *
Розподіл області перегляду на нерівні праву і ліву частини. Права частина в три рази ширше лівої.
-
cols = 25%, 75%
Розподіл області перегляду аналогічно попередньому.
Практика:
Веб-сторінка frames.html має складатися з 3-х фреймів:
< html >
< head >
<title >frames</ title >
</ head >
< frameset frameborder = 1 border = 2 rows = 150,*>
< frame scrolling = "yes" noresize src= "index.html" name= "1">
< frameset frameborder = 1 border= 2 cols= 150,*>
< frame scrolling = "yes" noresize src = "menu.html" name= "2">
< frame scrolling = "yes" noresize src = "physics.html" name= "3">
</ frameset>
</ frameset>
</ html>
Зробити висновок по роботі.