Завдання до лабораторної роботи
Завдання №1
1. За допомогою Dreamweaver створіть Web- сторінку table1.html і збережіть її на диску D в папці Web.
2. Створити в документі table.html таблицю успішності групи, яка містить стовпці: «Номер», «Прізвище», «Ім'я», «Середній бал».
3. Зробити заголовок таблиці зеленим кольором.
4. Вирівняти перший стовпчик по горизонталі - по лівому краю, по вертикалі – по верхньому; другий стовпчик по горизонталі - по правому краю, по вертикалі - по нижньому; третій стовпчик по горизонталі - по центру, по вертикалі - по центру.
5. Залите таблицю будь-якою текстурою, виділивши заголовок заливанням кольором.
Завдання №2
1. За допомогою Dreamweaver створіть Web- сторінку table2.html і збережіть її на диску D в папці Web.
2. Створіть в документі table2.html показану нижче таблицю.
Таблиця до завдання №2. Прайс аркуш.
№ п/п |
Вид операції: пропозиція/попит
|
Назва товару, послуги (35 символів, разом з розділовими знаками й пробілами)
|
Ціна (10 символів, разом з розділовими знаками й пробілами)
|
№ і назва рубрики
|
Телефон
|
1
|
пропозиція
|
Рибні консерви в томатному соусі
|
від 0,8 грн. |
1.3 Риба, рибні вироби, морепродукти
|
458-213
|
2
|
пропозиція
|
Картон
|
договірна
|
24.7 Папір, картон і ін. сировина й матеріали для поліграфії
|
458-213
|
Завдання №3
1. За допомогою Dreamweaver створіть Web- сторінку table3.html і збережіть її на диску D в папці Web.
2. Створіть в документі table3.html показану нижче таблицю.
3. Встановіть для кожної з комірок створеної таблиці в стовбці «Предмет» власний колір фону та колір тексту.
Таблиця для завдання №3
Заголовок таблиці
Магазин «Шкільний світ» пропонує підручники:
Предмет |
Розділ |
Класи |
Математика |
Арифметика |
1-4 |
Алгебра |
5-11 |
|
Геометрія |
7-11 |
|
Тригонометрія |
10-11 |
|
Кількість найменувань: 1090 |
||
Фізика |
Механіка |
5-7 |
Електрика |
7-9 |
|
Оптика |
10-11 |
|
Кількість найменувань: 457 |
||
Завдання №4
1. За допомогою Dreamweaver створіть Web- сторінку lr6_1.html і збережіть її на диску D в папці Web.
2. У документі lr6_1.html створити наступну таблицю за зразком.
Таблиця для завдання №1. Розклад руху.
РОЗКЛАД руху пасажирських поїздів станції ЛУГАНСЬК на 2002 - 2003 р.
|
|||||||
№ |
найменування поїзду |
часи, години |
прибуття в кінцевий пункт |
відправлення з кінцевого пункту |
дні слідування |
||
прибуття |
стоянка |
відправлення |
|||||
11 |
Луганськ - Москва |
16.00 |
00.48 |
16.48 |
15.17 |
|
по непарним |
12 |
Москва - Луганськ |
18.40 |
|
|
|
23.35 |
по непарним |
БЕЗПЕРЕСАДОЧНІ ВАГОНИ |
|||||||
23 |
Луганськ – С.-Петербург |
|
18.00 |
Г 9.56 |
|
|
по парним |
241 |
С.-Петербург - Луганськ |
11.42 |
|
|
|
13.30 |
по парним |
Завдання №5
1. За допомогою Dreamweaver створіть Web- сторінку lr6_2.html і збережіть її на диску D в папці Web.
2. Створити в документі lr6_2.html таблицю за зразком, показаним нижче.
Таблиця для завдання №5.
Таблиця досягнень
Продукти представлені компаніями |
|
||
устаткування |
компанія |
контакти |
|
AMD Athlon XP 2800+ |
AMD |
WWW.amd.com.ua |
|
Системні плати EPoX модулі пам'яті |
Entry |
(044) 246-8461 |
|
Системні плати MSI K7N2G |
MSI |
WWW.msi.com.tw |
|
Системні плати Gigabyte |
"Версія" |
(044) 554-2747 |
|
Комп'ютер на базі ATI Radeon IGP |
Micom Technology |
(044) 467-5324 |
|
Процесор Intel Celeron 2,0 GHz |
K - Trade |
(044) 252-9222 |
|
Дані наведені з журналу "Комп'ютерний огляд"
Завдання №6
1. За допомогою редактора Dreamweaver набрати наступний код:
<html>
<head>
<title> таблиці </title>
</head>
<body>
<table border=5 bordercolorlight=red bordercolordark=green background=C:\WINDOWS\ Штукатурка .bmp>
<colgroup span=2 align=center>
<colgroup span=1 align=right>
<THEAD> Підписку через "Укрпошту" Ви можете оформити в будь-якому поштовому відділенню
<caption>
<FONT color=red> Журнал «Комп'ютерний огляд» Ви можете придбати </FONT>
</caption>
<tr>
<th> Місто </th> <th> Назва </th> <th> Адреса </th>
</tr>
<tr>
<td> Київ </td>
<td> KSS (044) 464-0220</td>
<td> «Знання», вул. Хрещатик, 44 </td>
<tr>
<td> Донецьк </td>
<td> АВ - сервіс (0622) 53-63-77 </td>
<td> «Знання», вул. Хрещатик, 44 </td>
<tr>
<td> Луганськ </td>
<td> НП Ребрик И.В.(0642) 2-58-33</td>
<td> «Віртуальний мир», кв. Гагаріна,13/1</td>
</table>
</body>
</html>
2. Збережіть створений документ під назвою lr6_3.html.
3. Перегляньте створену Web- сторінку за допомогою браузеру Internet Explorer. Повинні отримати результат подібний до показаного нижче.
Колонтитул верхній: Підписку через "Укрпошту" Ви можете оформити в будь-якій поштовій відділення Ж
|
урнал
«Комп'ютерний огляд» Ви можете придбати
оздріб
4. Проаналізувати отримані результати: використання колонтитулів, форматування окремих комірок, стовбців та рядків.
5. Об'єднати в групу перший та другий стовпці, вирівнявши їх по центру, а третій стовпець - по правому краї
Контрольні питання.
Що є основним структурним елементом таблиці?
Опишіть загальну структуру таблиці.
Назвіть загальні параметри форматування таблиць.
Якими параметрами вирівнюють вміст комірок?
Яким чином можна вирівняти дані в стовпцях?
Як об'єднати кілька комірок у рядку, у стовпці?
Як задати кількість стовпців в таблиці?
Які теги відповідають за промальовування границь у таблиці?