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>


 

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

55032. Портфель вчителя 70 KB
  Професійний розвиток вчителя це зростання становлення інтеграція і реалізація в педагогічному працю професійних значущих якостей та здібностей професійних знань і умінь але головне формування у нього здатності до самооцінки рефлексії. Цьому сприяє технологія обєднана під назвою Портфель вчителя...
55033. Портфоліо вчителя або тека досягнень 82 KB
  Робота в методичному обєднанні, співпраця з міським методичним центром, вузами і іншими установами. Участь в професійних і творчих педагогічних конкурсах. Участь в методичних і тижнях. Організація і проведення семінарів, «круглих столів», майстер-класів і т.п. Проведення наукових досліджень.
55034. Портфоліо учня початкових класів 38 KB
  Безумовна цінність портфоліо полягає у тому, що саме портфоліо сприяє підвищенню самооцінки учня, максимальному розкриттю індивідуальних можливостей кожного учня та розвитку мотивації подальшого творчого зростання. Тому вкрай важливо усвідомити для себе і пояснити дитині, що складання портфоліо – це не гонка за дипломами і усілякими грамотами!
55035. Макроэкономическое равновесие и его нарушение 17.93 KB
  Под макроэкономическим равновесием понимается состояние в экономике, при котором пропорции обмена сложились таким образом, что на всех рынках одновременно достигнуто равенство между спросом и предложением.
55036. Портфоліо учня - незамінний порадник учителя, який є носієм інформації про учня як особистість 283 KB
  Контроль та оцінювання навчальних досягнень школярів - тема актуальна, і тому постійно обговорюється. Зазвичай увага зосереджується навколо форм та методів зовнішнього контролю, тобто того, що здійснює вчитель. А як, у якій формі подається учню зростання рівня його знань?
55037. Адаптация молодых специалистов на предприятии ШЧ-5 745 KB
  Повышение роли предприятий-работодателей в системе профессиональной подготовки управленческих кадров. Обучение по охране труда и проверка знаний требований охраны труда работников рабочих профессий при профессиональной подготовке, переподготовке и обучении их вторым профессиям...
55038. Портфоліо як одна з форм оцінювання індивідуальних досягнень учнів початкових класів 214.5 KB
  Відсутність оцінок протягом першого і другого років навчання в початковій школі в жодному разі не повинно розумітися як повна відмова від системи контролю і оцінки з боку вчителя. Навпаки, оцінка замінюється розгорнутою системою взаємин, співпрацею дитини і дорослого у контрольно-оціночної діяльності, яка будується на змістовно-оціночної основі.
55039. ПОРТРЕТ УЧИТЕЛЯ В РІЗНИХ РАКУРСАХ 73 KB
  Тому для одних Учитель це жива конкретна людина симпатична чи не дуже, як поталанило, а для інших - це певна міфологема одиниця легенди, яка необхідна часом людині для самозбагачення, самовиправдання, самоствердження чи просто для того, щоб память про чарівну частину життя дитинство та молодість...
55040. До 70-річчя Перемоги 144 KB
  Масовий подвиг народу, воїнів Армії і Флоту у двобої з фашистськими загарбниками, все героїчне минуле Батьківщини – вдячна і корисна нива для виховання підростаючого покоління. В наші дні героїко-патріотичне виховання набуває особливого звучання нині, в період відзначення річниць видатних перемог у Великій Вітчизняній війні і підготовки до 70-річчя Великої Перемоги.