Практична робота № 2

Мета. Удоскональте свою web-сторінку, створивши в ній два списки і таблицю.

Хід роботи

1. Створіть html-файл із розповіддю про себе. Скористайтесь зразком прикладу 1. У списках зазначте свої уподобання, місця навчання, праці тощо.

2. Збережіть файл на диску як file3.htm і перегляньте його у броузері.

3. Переробіть файл file3.htm, використавши два види спис­ків. Новий файл назвіть file4.htm. Перегляньте його.

4. Проведіть на сторінці лінії різної ширини.

5. У файлі file4.htm створіть таблицю з даними про себе. Но­вий файл назвіть file5.htm. Перегляньте його у броузері.

6. Поекспериментуйте з параметрами тега TABLE.

7. Об'єднайте деякі дві клітинки таблиці в одну.

8. Створіть ще одну таблицю без рамок, використавши тег <PRE>...</PRE>.

9. Удоскональте свою сторінку якнайліпше.

Графічні об'єкти і гіперпосилання

1. Вставляння графічних і відеофайлів. Графічні зобра­ження, такі як фотографії, картинки, піктограми тощо, збері­гаються на серверах в окремих файлах з розширеннями bmp, jpg, gif та іншими і відображаються на web-сторінці за допомогою тега <IMG> з параметрами:

<IMG SRC="адреса графічного файлу"

ALT = "альтернативний текст"

ALIGN="left"

WIDTH=240 HEIGHT=200>

Дія тега. Обов'язковим є лише перший параметр SRC. Альтернативний текст - це текст, який виводитиметься за­мість картинки, якщо броузер не може прийняти графічний файл або якщо режим відображення графіки вимкнено. Пара­метр ALIGN задає місце розташування картинки на екрані, а параметри WIDTH і HEIGHT - її розміри за шириною і висо­тою в пікселях або відсотках.

Зображення можна подати в рамці (рекомендують робити, якщо його використовуватимуть як гіперпосилання). Для створення рамки навколо зображення призначений параметр BORDER=" товщина рамки в пікселах".

Праворуч і ліворуч від картинки, яку обгортає текст, можна зробити вільний простір: HSPACE = "кількість пікселів". Можна створити вільний простір також над і під рисунком: VSPACE = "кількість пікселів".

За допомогою тега IMG можна вставити також відеофільм, який запускатиметься в момент відкриття web-сторінки: <IMG DYNSRC= "адреса відеофайлу">.

2. Адреси файлів. Для виклику віддалених файлів, тобто файлів, які є на серверах у мережі Інтернет, адресу за­писують із зазначенням назви протоколу доступу http і URL адреси файлу, наприклад,

SRC = "http://www.polynet.lviv.ua/ourpage.htm".

Для доступу до файлів на локальному диску використовують протокол доступу file: SRC="fi1е:///диск:/шлях до файлу". Наприклад, SRC="file:///d:/mycatalog/mypage.htm". Назву протоколу можна інколи не писати, наприклад, SRC="c:/windows98/forest.bmp".

Якщо графічні чи інші файли є в тому ж каталозі, що основний html-файл, то достатньо зазначити лише назву фай­лу, наприклад, SRC="myfoto.gif". Якщо файл є в деякому сусідньому каталозі images, то шлях до нього подають так: "../images/myfоto.gif". Отже, тег IMG може мати такий вигляд:

<IMG SRC="c:/windows98/forest.bmp" ALT="Ліс">.

3. Вставляння гіперпосилань. Гіперпосилання є двох видів: