Разделы презентаций


Графічні об ’ єкти і гіперпосилання у HTML – документах

Содержание

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

Слайды и текст этой презентации

Слайд 1Графічні об’єкти і гіперпосилання у HTML – документах

Графічні об’єкти і гіперпосилання  у HTML – документах

Слайд 2Графічні зображення, такі як фотографії, картинки, піктограми тощо, зберігаються на

серверах в окремих файлах з розширенням
bmp, jpg, gif, png

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

Слайд 3Обов’язковим є лише перший параметр SRC
Альтернативний текст – це

текст, який виводитиметься замість картинки, якщо броузер не може прийняти

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

Слайд 4Наприклад,

Наприклад,

Слайд 5Зображення в рамці
Зображення можна подати в рамці. Це рекомендують робити,

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

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

Слайд 6Зображення в тексті
Праворуч і ліворуч від картинки, яку обгортає текст,

можна зробити вільний простір: HSPACE=”кількість пікселів”.
Можна створити вільний простір

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

Слайд 7Відеофільм
За допомогою тега IMG можна вставити також відеофільм, який

запускатиметься в момент відкриття web-сторінки:

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

Слайд 82. Адреси файлів
Для виклику віддалених файлів, тобто файлів які є

на серверах у мережі Інтернет, адресу записують із зазначенням назви

протоколу доступу http і URL адреси файлу, наприклад,
SRC=”http://www.polynet.lviv.ua/ourpage.htm”
Для доступу file:
SRC = "file:///диск:/шлях до файлу" Наприклад, SRC=”file:///d:/mycatalog/mypage.htm” .
Назву протоколу можна інколи не писати, наприклад, SRC=”c:/windows98/forest.bmp” .
2. Адреси файлівДля виклику віддалених файлів, тобто файлів які є на серверах у мережі Інтернет, адресу записують

Слайд 92. Адреси файлів
Якщо графічні чи інші файли є в тому

ж каталозі, що основний html-файл, то достатньо зазначити лише назву

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

Слайд 103. Вставляння гіперпосилань
Гіперпосилання є двох видів:
1) на файл;
2) на

деяке місце на певній сторінці:
- початок сторінки (top),
- кінець сторінки

(bottom),
- позначений текст.
3. Вставляння гіперпосилань Гіперпосилання є двох видів:1) на файл;2) на деяке місце на певній сторінці:	- початок сторінки

Слайд 11Вставляння гіперпосилань
Гіперпосилання вставляют за допомогою парного тега
…, де

параметр HREF=”адреса файлу”.
Тут замість адреси можуть бути слова top

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

Слайд 12Вставляння гіперпосилань на текст
Приклад
Мене звут
Світлана.
У наслідок цього на

web-сторінці слово Світлана буде підкреслене і зображене іншим кольором.

Вставляння гіперпосилань на текстПрикладМене звут Світлана.У наслідок цього на web-сторінці слово Світлана буде підкреслене і зображене іншим

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

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

Слайд 14Графічне зображення як гіперпосилання
Для цього в середині тега ...

потрібно використати тег IMG.
Наприклад, щоб фотографія Світлани, що є

у файлі “svitlana.gif”, була в рамці й стала гіперпосиланням на файл newinf.htm, пишуть так:



Клацнувши на web-сторінці на фотографії Світлани, відкриємо файл newinf.htm з додатковою інформацією про неї.
Графічне зображення як гіперпосилання Для цього в середині тега ... потрібно використати тег IMG. Наприклад, щоб фотографія

Слайд 15Посилання в межах сторінки
Насамперед потрібно позначити місце на сторінці,

куди відбуватиметься перехід. Якщо з деякого місця перехід має виконуватися

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

Слайд 16Посилання в межах сторінки
Тепер на сторінці розміщують гіперпосилання на створені

позначки (якори) так:
наприклад,
на початок

Посилання в межах сторінкиТепер на сторінці розміщують гіперпосилання на створені позначки (якори) так:наприклад, на початок

Слайд 174. Встановлення звуку і відеозображень
звукові файли мають розширення назв

au, wav, mid, midi, ra,
а відеофайли – avi, vivo,

mpeg.

наприклад, так:
Тепер
послухайте мене (150К)
.
Оскільки звукові та відеофайли завантажуються довго, рекомендують зазначати у гіперпосиланнях їхні обсяги в кілобайтах.
4. Встановлення звуку і відеозображень звукові файли мають розширення назв au, wav, mid, midi, ra, а відеофайли

Слайд 18Встановлення звуку і відеозображень
Щоб звуковий чи відеоефект повторювався декілька разів,

у тезі використовують параметр LOOP=n, де n – кількість

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

Інший спосіб – використайте тег і, крім звукового ефекту, отримаєте на екрані магнітофонну панель для регулювання тривалості й сили звуку, припинення звучання, продовження тощо.
Встановлення звуку і відеозображеньЩоб звуковий чи відеоефект повторювався декілька разів, у тезі використовують параметр LOOP=n, де n

Слайд 195. Поняття про динамічні ефекти
Динамічними називаються ефекти, коли графічні

зображення на web-сторінці змінюються з часом, елементи сторінки змінюють розміри

або навіть свій зміст після клацання над ними мишею, текст „біжить” уздовж екрана тощо.
5. Поняття про динамічні ефекти Динамічними називаються ефекти, коли графічні зображення на web-сторінці змінюються з часом, елементи

Слайд 20Рухомий текст у смузі
Розглянемо ефект рухомого тексту у смузі, що

має висоту
HEIGHT=”висота в пікселях”
і тіло BGCOLOR=”колір тла”.
Ефект

створюється за допомогою парного тега ...
Наприклад,

Хай завжди буде сонце !


Текст „Хай завжди буду сонце !” буде рухатись в смузі справа наліво, заходитиме за край екрана і зявлятиметься справа. Цей тег варто застосовувати до заголовків сторінки.
Рухомий текст у смузіРозглянемо ефект рухомого тексту у смузі, що має висоту HEIGHT=”висота в пікселях” і тіло

Слайд 21Рухомий текст у смузі
Ефект відбивання від країв екрана забзпечує параметр

BEHAVIOR=”alternate”,
а зупинити рядок біля лівого краю екрана може значення

цього параметра “slide”.
Значення “right” параметра DIRECTION забезпечує ефект руху у протилежний бік.
Обмеження кількості проходів задається параметром LOOP=n, де n – кількість проходів.
Смугу можна відцентрувати за допомогою параметрів HSPASE i VSPASE.
Швидкість руху задає параметр SCROLLAMOUNT=n, де n – конкретне значення, яке вибирають з діапазону від 1 (повільно) до 10 (швидко).
Рухомий текст у смузіЕфект відбивання від країв екрана забзпечує параметр BEHAVIOR=”alternate”, а зупинити рядок біля лівого краю

Слайд 22Практична робота

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

Обратная связь

Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое TheSlide.ru?

Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.


Для правообладателей

Яндекс.Метрика