Тема: розміщення на веб-сторінках списків і таблиць.

 

Мета: ознайомитись з можливостями розміщення тексту у вигляді списків і таблиць на веб-сторінці.

 

Теоретична частина

Розглянемо процес створення нумерованих і маркованих списків. Вони створюються приблизно однаковим чином. Список завжди розташовується між початковим (тим, що відкриває) і кінцевим (тим, що закриває) тегом списку: <OL> і </OL> у разі упорядкованого списку; <UL> і </UL> – у разі невпорядкованого. Всередині списку розташовуються його елементи. Їх прописують між тегами <LI> і </LI>.

Таблиця починається початковим (тим, що відкриває) тегом <TABLE> і завершується кінцевим (тим, що закриває) </TABLE>.

Рядки таблиці починаються початковим (тим, що відкриває) тегом <TR> і завершуються кінцевим (тим, що закриває) </TR>, а кожна клітинка таблиці починається тегом <TD> і завершується </TD>.

 

Практична частина

1. Створіть власну теку на робочому столі.

2. У теці створіть 2 документи за допомогою програми “Блокнот”, на основі яких можна зробити веб-сторінки (зробіть заголовок, тіло).

3. На першому документі розташуйте наступний список:

• види туризму за контингентом

1. дитячий

2. молодіжний

3. сімейний

• види туризму за метою

1. спортивний

2. краєзнавчий

3. комерційний

HTML-код для цієї сторінки виглядає наступним чином:

<ul>

<li> види туризму за контингентом

<ol> <li> дитячий

<li> молодіжний

<li> сімейний

</ol>

<li> види туризму за метою

<ol> <li> спортивний

<li> краєзнавчий

<li> комерційний

</ol>

</ul>

4. Збережіть документ під назвою spisok.htm

5. У тілі цієї ж веб-сторінки побудуйте наступну таблицю:

 

Менеджер	Туроператор
Клієнт	Турпродукт

 

Така таблиця реалізується наступним кодом:

<TABLE>

<TR><TD> Менеджер </TD>

<TD> Туроператор </TD> </TR>

<TR><TD> Клієнт </TD>

<TD> Турпродукт </TD > </TR>

</TABLE>

 

6. Самостійно створіть документ, до складу якого обов’язково повинен увійти наступний список:

• Робочі дні в університеті:

1. понеділок

2. вівторок

3. середа

4. четвер

5. п’ятниця

• Вихідні дні:

1. субота

2. неділя

і таблиця:

Прогноз погоди:

Дата	Опади	Атмосферний тиск
15.12.2013	Сніг	753 мм. рт. ст.
15.12.2014	Немає	745 мм. рт. ст.

 

Питання для самоконтролю:

 

1) Який тег використовується для створення списків на веб-сторінці?

2) Який тег використовується для створення таблиці на веб-сторінці?

3) Назвіть теги, які використовуються для позначення рядків і стовпчиків таблиці.

Література:

1. Осадча К.П. Основи Інтернет [Електронний ресурс]: он-лайн версія електронного підручника / К.П. Осадча. – Режим доступу до підручника: http://lib.mdpu.org.ua/e-book/oi/official/index.htm.

2. Малярчук С.Н. Основы информатики / С.Н. Малярчук. – Харьков: Ранок, 2000. – 96 с.

3. Симонович С. Internet. Лаборатория мастера: практическое руководство по эффективным приемам работы в Интернет / С. Симонович, Г. Евсеев, В. Мураховский. – М.: АСТ-пресс, 2001. – 720 с.

4. Казаков С.И. Основы сетевых технологий / С.И. Казаков. – М.: Лори, 1996. – 87 с.

 

 

ЛАБОРАТОРНЕ ЗАНЯТТЯ №12