GRAPHICS
&WEB DESIGN
GRAPHICS
&Тема: Розміщення та вирівнювання зображень на веб-сторінках. Карти посилань.
Мета: Навчитися додавати зображення до HTML-документів
Створіть HTML-документ, в якому за допомогою атрибута BACKGR0UND="1. j p g " тегу <BODY> оформіть тло сторінки. <HTML> <ТІТLЕ>Моя фірма</ТІТLЕ> <BODY BACKGR0UND="1.jpg"> <Н1><А HREF="l.html">Наша продукція</А></Н1> <H1><A HREF="2.html">Haші замовники</А></Н1> </BODY> </HTML> Використання зображень як посилань Розглянемо приклад веб-сторінки, що містить малюнки, які є гіперпосиланнями. <HTML> <TITLE>Птахи</TITLE> <BODY BACKGROUND="1.jpg"> <А H R E F = " g o r o b c i . h t m l " > < I M G S R C = " g o r o b c i . j p g " > < / A > <A HREF="flamingo.html"><IMG S R C = " f l a m i n g o . j p g " > < / A > </BODY> </HTML> Малюнок gorobci.jpg пов'язаний із файлом gorobci.html, а малюнок flamingo.jpg — із файлом flamingo.html. Ще одним способом використання малюнків як гіперпосилань є створення графічних кнопок переходу. Використання кнопок переходу Іноді великий за обсягом текст поділяють на частини, кожна з яких розташована на окремій веб-сторінці. У нижній частині поточних сторінок розміщують зображення двох стрілок: Вперед і Назад. Їх настроюють як гіперпосилання на наступну і попередню веб-сторінки — так, як це показано у прикладі. <HTML> <TITLE>PAGE10</TITLE> <BODY BACKGROUND="1.jpg"> <IMG SRC="2.jpg" ALIGN=left HSPACE=10 VSPASE=10> Блакитні води океану та коралові рифи, ласкаве сонце і білосніжний прибережний пісок, фантастичний підводний світ і казкові птахи, буяння барв сходів і заходів, непрохідні ліси і п'янкий запах орхідей... Сприятливий клімат Острова Свободи дає можливість туристам відвідувати його цілий рік. Тут немає зайвої вологості, а спека не така страшна завдяки постійним подувам бризів із океану. Середньорічна температура повітря й води становить + 26-28°С. <BR> <А HREF="page9.html"><IMG SRC="nazad.jpg"></A> <А HREF="pagell.html"><IMG SRC="vpered.gif"></А> </BODY> </HTML> Кнопка Назад пов'язана з файлом page9.html, а кнопка Вперед — з файлом page11.html.
Тема: Розміщення на веб-сторінках аудіо та відеофайлів. Настроювання параметрів відтворення
Мета: Навчитись розміщувати мультимедійні файли на сторінці
Використання мультимедійних даних на веб-сторінках робить їх наочними, легкими для сприйняття. Крім того, завдяки поданню інформації не у вигляді тексту, який потрібно уважно читати, а у формі аудіозаписів та відеозображень, можна скоротити час перегляду. Завдяки спеціальним модулям, вбудованим у браузер, аудіо- та відеофайли можуть відтворюватися прямо у його вікні. Формати аудіо- та відеофайлів Щоб зберегти звук чи відеоряд у файлі, його потрібно закодувати. Спосіб кодування визначається форматом файлу, а програмний модуль, який здійснює кодування (що, як правило, супроводжується стисканням) та розкодування, називають кодеком. Розглянемо детальніше поширені формати аудіо- та відео файлів. Формати відеофайлів Формат AVI (Audio Video Interleaved — аудіо- та відеодані, що чергуються) призначений для записування звуку та рухомих зображень. AVI-дані можна редагувати, експортувати, стискати, використовуючи програми Adobe Premiere, Adobe After Effects та інші. AVI-інформація зберігається у файлах із розширенням .avi. Для її відтворення потрібна спеціальна програма, яка входить у комплект поставки деяких браузерів. її можна також встановити додатково. Технологія MOV, або QuickTime, призначена для створення, зберігання та відтворення мультимедійних даних. Вона дає змогу об'єднувати звук, текст, анімацію та відео в одному файлі. MOVінформація зберігається у файлах із розширенням .mov. Програмне забезпечення для її відтворення також постачається у комплекті з більшістю браузерів. MPEG (Moving Pictures Experts Group — група експертів з обробки рухомих зображень) розробила стандарт стиснення відео- та аудіоданих. Для перегляду MPEG-даних за допомогою браузера слід використовувати додатковий модуль. Формат має кілька версій, від MPEG-1 до MPEG-4. Відео файли цього формату мають розширення .mpeg. Формат ASF (Advanced Streaming Format — розширений формат потокових даних) розроблено корпорацією Майкрософт для файлів, що містять потокове аудіо та відео (потокову технологію буде розглянуто нижче). Файли цього формату зазвичай мають розширення .asf. Формати аудіофайлів У сучасних умовах для записування і відтворення звуку найчастіше використовують формати WAV, AJFF, MIDI, МРЗ. Розглянемо деякі з них. Формат WAV (Windows Audio) був створений корпорацією Майкрософт і прийнятий як стандарт для звукового супроводу роботи системи і комп'ютерних ігор. WAV-дані зберігаються у файлах із розширенням .wav у нестиснутому вигляді. Ці файли містять інформацію про кількість доріжок, режим (моно або стерео), швидкість запису. AIFF (Audio Interchange File Format — формат обміну аудіоданими) — це популярний формат платформи Macintosh, його також використовують для запису аудіоінформації на компакт-диск. Дані AIFF-формату зберігаються у файлах із розширенням .aif, де міститься також інформація про моно- чи стереорежим, швидкість запису. Формат МРЗ (MPEG-1 Audio Layer-3) має високий ступінь стискання даних і дає змогу створювати файли невеликого розміру (вони мають розширення .трЗ). Завдяки цій властивості МРЗ сьогодні є найпоширенішим форматом зберігання аудіозаписів у Інтернеті. Використання мультимедіа на веб-сторінках Internet Explorer може завантажувати та відтворювати фоновий звук, для прослуховування якого не потрібно виконувати жодних дій. Звук зберігається у файлі. Для вставлення фонового звуку використовують тег такого формату: <BGSOUND SRC="URL звукового файлу" LOOP=кількість відтворень> Атрибут LOOP може набувати значень: • true — повторення звуку доти, доки сторінка відображається на екрані; • false — відтворення звукового файлу один раз; • число — кількість відтворень. Наприклад: <BGSOUND SRC = " fonzvuk.au" LOOP=3>. У HTML-документах можна також використовувати посил