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>


 

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

19008. Общие свойства одномерного движения. Интегрирование уравнения одномерного движения. Период финитного движения в произвольном потенциале 301 KB
  Лекция 6. Общие свойства одномерного движения. Интегрирование уравнения одномерного движения. Период финитного движения в произвольном потенциале Одномерным называется движение системы с одной степенью свободы: . в самом общем виде функция Лагранжа выглядит так:
19009. Движение двух взаимодействующих частиц. Приведение к задаче о движении в цен-тральном поле. Общие закономерности движения в центральном поле 268 KB
  Лекция 7. Движение двух взаимодействующих частиц. Приведение к задаче о движении в центральном поле. Общие закономерности движения в центральном поле Полное аналитическое решение в общем виде допускает чрезвычайно важная задача о движении системы из взаимодействую
19010. Движение в центральном поле. Финитное и инфинитное движение. Падение на центр 828 KB
  Лекция 8. Движение в центральном поле. Финитное и инфинитное движение. Падение на центр Выберем начло координат в центре поля См. рисунок. В начальный момент времени частица находилась в какото точке имела импульс и следовательно имела относительно центра поля м...
19011. Общие закономерности движения частицы в кулоновском поле притяжения. Эффективный потенциал. Минимальное и максимальное расстояние до центра поля 1.28 MB
  Лекция 9. Общие закономерности движения частицы в кулоновском поле притяжения. Эффективный потенциал. Минимальное и максимальное расстояние до центра поля Рассмотрим движение частицы массы во внешнем поле ; 1 когда Это соответствует полю притяж...
19012. Движение в кулоновском поле притяжения (задача Кеплера). Классификация орбит при финитном и инфинитном движении 281 KB
  Лекция 10. Движение в кулоновском поле притяжения задача Кеплера. Классификация орбит при финитном и инфинитном движении В предыдущей лекции мы выяснили при каких значениях энергии движение будет инфинитным финитным а так же определили условия при которых траект
19013. Кинематика и динамика упругого столкновения частиц. Переход в Ц-систему. Импульсные диаграммы. Связь углов рассеяния в Л- и Ц-системах 1.06 MB
  Лекция 11. Кинематика и динамика упругого столкновения частиц. Переход в Цсистему. Импульсные диаграммы. Связь углов рассеяния в Л и Цсистемах Столкновение двух частиц называется упругим если оно не сопровождается изменением их внутреннего состояния в том числе не ...
19014. Дифференциальное сечение рассеяния частиц. Формула Резерфорда 2.55 MB
  Лекция 12. Дифференциальное сечение рассеяния частиц. Формула Резерфорда Для изучения характера взаимодействия частиц друг с другом обычно проводятся эксперименты по рассеянию целого пучка одинаковых частиц которые падают из бесконечности с одинаковой начальной с...
19015. Малые одномерные колебания (свободные и вынужденные). Вынужденные колебания под действием произвольной силы 2.55 MB
  Лекция 13. Малые одномерные колебания свободные и вынужденные. Вынужденные колебания под действием произвольной силы. Вынужденные колебания под действием гармонической силы. Резонанс. Затухающие колебания Распространенным движением в природе являются колебания те
19016. Малые колебания системы со многими степенями свободы. Собственные частоты и нормальные координаты 459.5 KB
  Лекция 14. Малые колебания системы со многими степенями свободы. Собственные частоты и нормальные координаты Рассмотрим случай малых колебаний системы частиц имеющей степеней свободы. Самый общий вид функции Лагранжа такой системы таков: 1 2 Устойч