69690

ФРЕЙМИ

Лекция

Информатика, кибернетика и программирование

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

Украинкский

2014-10-08

87.5 KB

0 чел.

Тема 18: ФРЕЙМИ

Мета: опанувати технологію представлення інформації у документі з використанням фреймів.

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

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

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

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

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

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

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

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

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

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

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

<HTML>

<HEAD> </HEAD>

<FRAMESET>....</FRAMESET> </HTML>

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

Атрибут

Призначення

ROWS=pixels|persent

*

поділ екрану на декілька смуг

COLS=pixels|persent|*

поділ екрану на декілька стовпчиків

FRAMEBORDER

описує сітку фреймової структури (за замовчуванням значення YES -тривимірна сітка, N0 - без сітки)

BORDER

ширина сітки фреймової структури (за замовчуванням значення 5)

BORDERCOLOR

колір сітки фреймової структури

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

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

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

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

NAME - ім'я фрейма {аналогія імені вікна броузера)

для здійснення доступу до фрейма і оновлення його змісту;

- MARGINHEIGHT -    ширина верхнього і нижнього вільного

поля фрейма у пікселях;

- MARGINWIDTH -     ширина лівого і правого вільного поля

фрейма у пікселях;

- SCROLLING - смуги гортання для перегляду вмісту фрей-

ма (AUTO/YES/NO, за замовчуванням значення  - AUTO);

- NORESIZE - наявністю даного атрибута користувачу за-

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

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

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

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

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

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

2. Створюються окремі сторінки для кожного фрейма. Необхідно уявити собі загальний вигляд сторінки - де і якого

розміру будуть фрейми. Наприклад, ліворуч має бути фрейм змісту з переліком статей, праворуч - сторінка із власне статтями. Необхідно зробити так, щоб натискання мишкою на назві статті у лівій частині екрану, викликало появу змісту статті у правій частині. Або фреймова структура має ділити екран на три проздовжні частини. Верхня частина займає 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=«LABJr.htm» NAME= «framel»>

<FRAME SRC=«home_fr.htm» NAME=«frame2»>

</FRAMESET>

</HTML>

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

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

ПРИКЛАД

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

<HTML> <BODY>

<Н1 ALIGN=CENTER> УКРАЇНСЬКА МИНУВШИНА</Н1><ВІІ> <Р ALIGN=CENTER><B>yKPAlHCbKA КУХНЖ/В></Р>

<UL>

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

/LI HREF= «LAB2-4JFR.HTM» TARGET = «FRAME2>» <LI>

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


 

А также другие работы, которые могут Вас заинтересовать

62103. Нумерація чисел 11-20 95.52 KB
  Про що йде в задачі про завод який виготовляв плеєри і телефони Скільки завод виготовив плеєрів 9 Скільки завод виготовив телефонів 7 Про що ми дізнаємося якщо до 9 7 скільки разом виготовили плеєрів і телефонів...
62105. Теорема Виета 31.88 KB
  В соответствии с этим можно выделить следующие структурные элементы данного урока: 1 проверка домашнего задания; 2 подведение учащихся к теореме Виета; 3 формулирование теоремы Виета; 4 доказательство теоремы Виета...