6 Зображення та об’єкти

Матеріал з Wiki TNEU
Версія від 11:08, 20 червня 2013; Vorobel (Обговореннявнесок)

(різн.) ← Попередня версія • Поточна версія (різн.) • Новіша версія → (різн.)
Перейти до: навігація, пошук

Зображення

Зображення є відмінним способом створення настрою у відвідувача, а ілюстрації є прекрасним способом зробити складну інформацію легшою для сприйняття.

Додавання зображення відбувається в два етапи: спочатку готується графічний файл бажаного розміру, потім він додається на сторінку через тег <IMG>. HTML призначений тільки для того, щоб відобразити необхідну картинку, при цьому ніяк її не змінюючи. При підготовці зображень слід врахувати кілька моментів:

  • оскільки веб-сторінка завантажується по мережі, істотним чинником виступає обсяг графічного файлу, вбудованого в документ. чим він менше, тим швидше відобразиться зображення.
  • розмір картинки необхідно обмежити по ширині, наприклад, встановити не більше 800 пікселів. інакше зображення цілком не поміститься у вікні браузера, і з'являться смуги прокручування.

Широке поширення для веб отримали два формати - GIF і JPEG. Для зміни розмірів малюнка засобами HTML у тега <img> передбачені параметри width (ширина) і height (висота).

Приклад вставки зображення в HTML сторінку:

<img src="FOTO.jpg" alt="Альтернативний текст" width="100" height="80" />

Зображення, як і текст, можна використовувати у якості посилань. Для цього, тег <img> треба помістити між тегами <a> і </a>:

<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Посиланя</title>
 </head>
 <body> 
   <a href="sample.html">
    <img src="images/sample.gif" width="50" height="50" alt="Приклад ">
   </a>
 </body> 
</html>

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

Об'єкти

Об’єкти – це елементи в робочій області браузеру і HTML - документа. Функції мультимедіа мови HTML дозволяють авторам включати в свої сторінки зображення, аплети (програми, які автоматично завантажуються і виконуються на машині користувача), відеокліпи та інші документи у форматі HTML. У попередніх версіях HTML автори могли включати зображення (за допомогою IMG ) і аплети (за допомогою APPLET ). Ці елементи мають кілька обмежень:

  • вони не можуть вирішити більш загальної проблеми - включення нових і можливих у майбутньому типів пристроїв;
  • елемент applet працює тільки з апплетами мови Java;
  • цей елемент тепер небажаний, замість нього використовується елемент OBJECT.

Відкриваючий та закриваючий теги object вказують браузеру, як саме в html-документ вставляти зовнішній об'єкт. Це може бути звуковий чи відеофайл, файл vrml, флеш, або інший об'єкт. Зазвичай такі файли браузер відтворює за допомогою відповідних плагінів. Також всередині контейнера object можна розміщувати тег param, що передає йому додаткові параметри. Синтаксис object:

<object атрибут="значення">
 ...
</object>

Приклад коду встановлення аудіо файлів на сторінку:

<object type="audio/mpeg" data="/audio/notes.mp3" width="200" height="40">
 <param name="src" value="/audio/notes.mp3"> 
 <param name="autoplay" value="false">
 <param name="autostart" value="0"> listen to the audio: 
 <a href="/audio/notes.mp3">bach.mid</a>
</object>
Особисті інструменти
Простори назв

Варіанти
Дії
Навігація
Інструменти