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

Вставляння графічних та відео файлів

 

Графічні зображення, такі як фотографії, картинки, піктограми тощо, зберігаються на серверах в окремих файлах з розширеннями 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=”адреса відеофайлу”.

 

 

Адреси файлів

 

Для виклику віддалених файлів, які розташовані на серверах у мережі internet, адресу записують із значенням назви протоколу доступу http i URL-адреси файлу, наприклад,

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

Якщо графічні або інші файли існують у тому ж самому каталозі, що й основний html-файл, то достатньо зазначити лише назву файлу, наприклад, SRC=”myphoto.gif”. Отже, тег IMG може мати наступний вигляд:

<IMG SRC=”c:/windows/web/wallpaper/montagne.jpg” ALT=”Ліс”>.

 

 

Вставляння гіперпосилань

 

Гіперпосилання існують двох видів:

· на файл;

· на деяке місце на певній сторінці:

1) початок сторінки (top);

2) кінець сторінки (bottom);

3) позначений текст.

Гіперпосилання вставляють за допомогою парного тега <А параметр>…</А>, де параметр GREFF=”адреса файлу”. Тут замість адреси можуть бути використані слова top або bottom, або навіть текст, що є позначкою.

Гіперпосиланням може бути текст або картинка.

Розглянемо випадок, коли гіперпосиланням є текст. Нехай у реченні «Мене звуть Світлана» слово «Світлана» потрібно зробити гіперпосиланням на файл “file2.htm”. Це робиться наступним чином:

Мене звуть <A HREF=” file2.htm”>Світлана</А>. В наслідок цього на web-сторінці слово Світлана буде підкресленим та зображеним іншим кольором.

Колір гіперпосилання визначають у тезі BODY наступними параметрами:

LINK=”колір”	Колір гіперпосилання.
VLINK=”колір”	Змінює колір гіперпосилання після першого його використання.
АLINK=”колір”	Змінює колір активізованого гіперпосилання.

 

Наприклад, щоб фотографія Світлани, що є у файлі “svitlana.gif”, була в рамці і стала гіперпосиланням на файл newinf.htm, то це слід записати так:

<A HREF=” newinf.htm”>

<IMG SRC=” svitlana.gif” BORDER=8>

</А>

Далі, натиснувши ЛКМ на web-сторінці по фотографії світлани, відкриємо файл newinf.htm з додатковою інформацією про неї.

Інший тип гіперпосилань – посилання в межах сторінки. Насамперед потрібно позначити місце на сторінці, куди відбуватиметься перехід. Якщо з деякого місце перехід має виконуватися на початок сторінки, то в те місце html-файлу, який відповідає точці посилання, вводять тег, який називається якорем:

<A NAME=”#початок” </А>.

Аналогічно позначають будь-яке місце в кінці файлу:

<A NAME=”#кінець” </А>.

Якір можна кинути у будь-яке місце тексту наступним чином:

<A NAME=”#моя позначка” </А>.

Якщо одна сторінка займає декілька екранів, то в кінці сторінки можна вставити гіперпосилання для переходу на початок, наприклад, розглянемо фрагмент тексту: А тепер можемо перейти <A HREF =”#початок”на початок </А> сторінки. В результаті на екрані буде отримано речення з гіперпосиланням: .

 

Вставляння звуку і відеозображення

 

Слід пам’ятати, що звукові файли мають розширення: *.au, *.wav, *.mid, *.midi, *.ra, а відео файли - *.avi, *.vivo, *.mpeg. Для того, щоб вставити звук або відео, достатньо як значення параметра HREF у тезі гіперпосилання задати шлях до відповідного звукового чи відео файлу, який уже є на диску:

<A HREF=”mysound.wav”>

Прослухайте запис (164К) </>

Текст «Прослухайте запис (164К)» стане гіперпосиланням, натиснувши ЛКМ на якому можна почути привітання, застереження, деяку інформацію, яка була заздалегідь записана у файлі mysound.wav обсягом 164Кб. Оскільки звукові та відео файли завантажуються довго, рекомендують зазначати у гіперпосиланнях їхні обсяг и в кілобайтах.

Для того, щоб звуковий або відео ефект повторювався декілька разів, у тезі <А> використовують параметр LOOP=n, де n- кількість повторень.

Щоб звук із деякого файлу пролунав у момент запуску сторінки, то потрібно скористатися тегом <BGSOUND SRC = “адреса звукового файлу”>.

Інший спосіб – це скористатися тегом <EMBED SRC = “адреса звукового файлу”> і, крім звукового ефекту, можна дістати на екрані магнітофонну панель для регулювання тривалості і сили звуку, припинення звучання, продовження тощо.