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>


 

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

54513. Музыка в диалоге с современностью 37.5 KB
  Музыкальная викторина Задание: определить название прозвучавшего музыкального фрагмента. Драматизация Визитка музыкального произведения Задание: член команды выбирает карточку с названием произведения визитку которого нужно представить. Повторение средств музыкальной выразительности Задание: узнать произведение по его модели записанной на карточках. Ты мне я тебе Команды придумывают друг другу музыкальное задание.
54514. ВИДИ МИСТЕЦТВ. ПОХОДЖЕННЯ МИСТЕЦТВ. СЛІДИ ПЕРВІСНОЇ МУЗИКИ 93 KB
  Так поступово сформувались різні види мистецтва: література графіка живопис скульптура архітектура декоративне мистецтво кіно хореографія театр цирк і музика. Музика приносить людині велике задоволення і насолоду. Що ж це за таке диво МУЗИКА висловлювання дітей. Отже і музика має дуже давні корені.
54515. Интегрированный урок музыки и литературы в 5-ом классе 90.5 KB
  Цели урока: обучающие: по музыке: продолжить изучение темы Музыка и искусство слова; показать как музыка являясь главным героем сказки проявляет свою волшебную силу помогает в тяжелую минуту; через рабочую наглядность слайдфильм раскрыть тему урока в увлекательной и доступной форме; направить учащихся на осмысление музыкального образа в литературе в частности в сказках; по литературе: формировать умение творческого пересказа сказывания народных сказок; совершенствовать навыки сопоставления; развивающие: по музыке:...
54516. Історія Першої струни. Струнні інструменти 266.5 KB
  Довгий шлях пройшли струнні від тятиви мисливського лука до сучасних музичних інструментів. І зараз це - найважливіша і найчисельніша інструментальна група. Не випадково емблемою музичного мистецтва з давніх пір вважають ліру - стародавній струнний інструмент.
54517. Де дружба і кмітливість, там і перемога. Німецька народна казка. Бременські музиканти 107.5 KB
  МЕТА: Ознайомити учнів з німецькою народною казкою, вчити визначати послідовність подій у творі. Розвивати навички швидкого правильного читання,увагу, мовлення учнів, читацьку память, поповнювати словниковий запас. Працювати над діалогічним мовленням, вчити інсценізації, перевтіленню, стислому переказу.
54518. Понятие альтернативных издержек 16.78 KB
  Альтернативные издержки различают на единицу продукта и совокупные альтернативные издержки. Альтернативные издержки очень трудно представить, как определенное количество денег
54519. Экономические блага и их классификация 18.69 KB
  Для удовлетворения потребностей людей служит благо. Благо — это средство удовлетворения потребностей человека. Именно ради удовлетворения конкретных потребностей людей в благах и осуществляется хозяйственная деятельность в любой стране.
54520. Расскажи сказку 48 KB
  Кто их сочиняет Какие имена композиторов вы знаете А какие музыкальные сказки вы знаете Вы знаете что Пушкин написал Сказка о царе Султане а Римский Корсаков написал музыкальную сказку о Царе Султане Но сегодня мы будем говорить о С. Беседа Начнём сегодня сказочный урок с того что послушаем сказку Прокофьева. Внимательно слушаем а потом вы расскажете какую же сказку нарисовала музыка А весёлая это сказка или грустная Кто главные герои Няня стала рассказывать с самого начала или позже Так добрая это...
54521. Від симфонії до скульптури 2.43 MB
  Чи можна стверджувати що окремий вид мистецтва живопис музика література скульптура є кращим ніж інші бесіда з використанням ілюстрацій з різних видів мистецтва висновок: Ні не можна тому що: Живопис скульптура достовірно зображує предметні явища Література розкриває зміст певних понять Музика передає душевний стан людини його настрій Всі види мистецтва доповнюють один одного підсилюючи сприйняття...