Завдання

Створити дві колонки тексту.

Використовуючи наведений нижче перелік: Старовинна обрядовість Сімейні звичаї та обряди

Свята й обряди календарного циклу Трудова обрядовість Свята громадських об’єднань Обрядова їжа

необхідно:

• Подати інформацію у вигляді нумерованого списку. Перелік повинен починатись з літери D.

• Подати інформацію у вигляді нумерованого списку, починаючи з

номера 3.

• Подати інформацію у вигляді списку описів, причому фізичним стилем обрати підкреслення.

Приклад для списку описів:

ЗЕЛЕНІ СВЯТА – українська назва християнського свята Трійці, що відзначається на 50-й день після Паски. Троїцько-русальна обрядовість знаменувала завершення весняного і початок літнього календарного циклу. В основі її лежали культ рослинності, магія закликання майбутнього врожаю.

4. Представити інформацію у вигляді списку з комбінованою нумерацією , наприклад:

• ТРАДИЦІЙНЕ ЖИТЛО

• Поселення, житло, забудова

• Житло в духовному світі селянина II. НАРОДНІ ЗАНЯТТЯ

• Види господарської діяльності

• Ремесла і промисли

• Гончарство

• Ковальство

• Господарське начиння

Кретрольні питання

• Як розмістити текст у колонках?

• Які існують види списків?

• Яку схему можна обрати для нумерованого списку?

• Чи можна вставити до нумерованого списку маркірований?

• Який атрибут використовується для зміни схеми нумерації?

Самостійна робота №7

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

Довідкові відомості

Internet Explorer має можливість автоматичного завантаження і програвання фонового звука у форматах wav, .au, .mid , якщо такі файли включені до складу Web-документа.

Файл у форматі .wav є стандартом звукових файлів у Windows. У цьому форматі представлені всі системні звуки Windows.

Формат MIDI був розроблений для управління електронними музичними інструментами і за своєю структурою повністю відрізняється від всіх інших форматів звукових файлів.

Для фонового звуку використовується тег <BGSOUND>.

Атрибути тега <BGSOUND>

SRC=”URL” Вказує місцезнаходження звукового файла

LOOP=n Кількість повторень звука (при значенні LOOP=INFINITE звук відтворюється протягом всього часу, поки відкритий документ)

Тег <BGSOUND> повинен бути розташований у заголовку документа і мати такий формат:

<BGSOUND SRC=”URL звукового файла” LOOP=infinite>

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

ПРИКЛАД

Файл у форматі HTML:

<HTML>

<HEAD>

<TITLE>Моя перша HTML-сторінка</TITLE> </HEAD>

<BODY>

<A HREF= “URL звукового файла”> Для завантаження звукового файла натиснути тут</A>

</BODY>

</HTML>

Відображення файла програмою-броузером:

Завдання

• Виконати вставлення фонового звука, який би повторювався 3 рази при відкритті сторінки.

• Вставити до сторінки звуковий файл, який би завантажувався при натисканні на відповідне гіперпосилання.

• Вставити до сторінки відео файл, який би завантажувався при натисканні на відповідне гіперпосилання.

Контрольні питання

• Які формати використовуються для звукових файлів, що вставляються у HTML-документ?

• За допомогою якого тега вставляється звуковий файл?

• Як задається кількість повторень для фонового звука?

Самостійна робота №8

Використання фреймів та форм на веб-сторінках

Довідкові відомості

Фрейми (Frames - кадри) надають користувачеві можливість поділяти екран на дві або більше незалежних динамічних або статичних частини.

Кожен фрейм може мати такі властивості:

• всі фрейми мають свій URL, що дозволяє завантажувати їх незалежно від інших фреймів;

• кожний фрейм має власне ім’я (атрибут NAME), яке дозволяє переходити до нього з іншого фрейма;

• розмір фрейма може бути змінений користувачем безпосередньо на екрані за допомогою мишки.

Ці властивості фреймів дозволяють:

• розміщувати статичну інформацію, яку автор вважає за необхідне постійно показувати користувачу, у одному статичному фреймі;

• розміщувати у статичному фреймі зміст всіх або частини документів, які містяться на сервері, що дозволяє користувачеві швидко знаходити інформацію, яка його цікавить;

• створювати вікна результатів запитів, коли в одному фреймі знаходиться власне запит, а в другому – результати запиту. Фрейм-документ є специфічним видом HTML-документа, оскільки не містить елемента BODY і, відповідно, будь-якого змістового навантаження. Він описує тільки фрейми, які будуть містити інформацію.

Основний документ, який містить опис фреймів, виглядає так: <HTML>

<HEAD> …..</HEAD> <FRAMESET>….</FRAMESET>

</HTML>

Атрибути тегу <FRAMESET>

Атрибут	Призначення
ROWS=pixels|persent|*	поділ екрану на декілька смуг
COLS=pixels|persent|*	поділ екрану на декілька
	стовпчиків
FRAMEBORDER	описує сітку фреймової структури
	(за замовчуванням значення YES -
	тривимірна сітка, NO - без сітки)
BORDER	ширина сітки фреймової структури
	(за замовчуванням значення 5)
BORDERCOLOR	колір сітки фреймової структури

Значення (*) відповідає використанню всього простору екрану, який залишився.

Для вміщення змісту в фрейми, які утворились в результаті поділу, використовується тег <FRAME>... </FRAME>. Важливим атрибутом цього тега є атрибут SRC, який сповіщає URL документа, який необхідно завантажити у фрейм.

Кожний елемент фреймової структури описується за допомогою тега <FRAME>, який має такі атрибути:

• SRC - URL вмісту фрейма;

• NAME – ім‘я фрейма (аналогія імені вікна броузера) для здійснення доступу до фрейма і оновлення його змісту;

• MARGINHEIGHT - ширина верхнього і нижнього вільного поля фрейма у пікселях;

• MARGINWIDTH - ширина лівого і правого вільного поля фрейма

• пікселях;

• SCROLLING – смуги гортання для перегляду вмісту фрейма (AUTO/YES/NO, за замовчуванням значення - AUTO);

• NORESIZE – наявністю даного атрибута користувачу забороняється змінювати розміри фрейма при перегляді документа (за замовчуванням це можливо за допомогою миші);

• FRAMEBORDER – описує сітку фрейма (YES/NO);

• BORDERCOLOR – колір сітки фрейма.

Визначення фреймової структури

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

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

• Створюються окремі сторінки для кожного фрейма.

Необхідно уявити собі загальний вигляд сторінки – де і якого розміру будуть фрейми. Наприклад, ліворуч має бути фрейм змісту з переліком статей, праворуч – сторінка із власне статтями. Необхідно зробити так, щоб натискання мишкою на назві статті у лівій частині екрану, викликало появу змісту статті у правій частині. Або фреймова структура має ділити екран на три проздовжні частини. Верхня частина займає 15% висоти вікна броузера, її змістом є документ header.htm. Середній фрейм займає 70% вікна, в нього вводиться зміст документа body.htm. Решту частини вікна броузера займає фрейм, у який виводиться зміст документа footer.htm.

<FRAMESET ROWS=”15%, 70%, 15%”>

<FRAME SRC=”header.htm” NORESIZE SCROLLING=NO> <FRAME SRC=”body.htm”>

<FRAME SRC=”footer.htm” NORESIZE SCROLLING=NO>

</FRAMESET>

Верхній і нижній фрейми даної структури не містять смуг гортання вмісту і мають постійний розмір. Атрибут NORESIZE для середнього фрейма не задається, оскільки заборона зміни розмірів фреймів, які знаходяться поруч, не дозволяє зміни розміру середнього фрейма.

Для створення “ вкладеної” структури фреймів, наприклад, у середній області фрейма з попереднього прикладу, яка поділяє її на два рівних стовпці, можна навести такий приклад:

FRAMESET ROWS=”15%, 70%, 15%”>

<FRAME SRC=”header.htm” NORESIZE SCROLLING=NO> <FRAMESET COLS=”*,*”>

<FRAME SRC=”left.htm”>

<FRAME SRC=”right.htm”> </FRAMESET>

<FRAME SRC=”footer.htm” NORESIZE SCROLLING=NO>

</FRAMESET>

Створення індексного (початкового) екрана з двох фреймів:

ПРИКЛАД

Файл у форматі HTML:

<HTML>

<FRAMESET cols=”*,310">

<FRAME SRC=”LAB_fr.htm” NAME=”frame1">

<FRAME SRC=”home_fr.htm” NAME=”frame2"> </FRAMESET>

</HTML>

У лівому фреймі у пункті “ Обрядова їжа” зроблене посилання на відповідний файл, який розкриє зміст цього пункту і буде відображений у правому вікні. Для цього зміни вносяться до файлу, який завантажується у цей фрейм. При встановленні гіперосилання вказують на NAME відповідного фрейма введенням команди TARGET.

Відображення файла програмою-броузером:

ПРИКЛАД

Файл у форматі HTML:

<HTML>

<BODY>

<H1 ALIGN=CENTER>

УКРАЇНСЬКА МИНУВЩИНА</H1><BR>

<P ALIGN=CENTER><B>УКРАЇНСЬКА КУХНЯ</B></P>

<UL>

<LI>ПОВСЯКДЕННА Й СВЯТКОВА ЇЖА ТА НАПОЇ</LI> <LI>РЕЖИМ І СЕЗОННІСТЬ ХАРЧУВАННЯ, ХАРЧОВІ ЗАБОРОНИ

</LI>

<A HREF=”LAB2-4_FR.HTM” TARGET = “FRAME2”> <LI>

ОБРЯДОВА ЇЖА </LI></A> </UL>

</BODY>

</HTML>